CSS3 Transitions Effects now a days is very popular for designer and developer. It allows our html elements to animate in browser by changing the css properties. As we all know most of the latest browser today is supported by CSS3 oh well with regards to Internet Explorer hahaha.. maybe yes, sometimes no?. Anyways, using the CSS3 Transitions Effects it minimize the used of javascript in our webpages.
The main benifits using CSS3, we can transform our static webpage to more interactive and more user friendly because the user can interact with our website without using a server side scripting, or javascript. We can do some presentation by using CSS3 and that’s awesome. 🙂
So right now, we have 16 Astounding CSS3 Transitions Effects that you might want to check so you can used it for your next project. SHARE IT GUYS and Have Fun using CSS3.
Twitter Bootstrap is one of the most outstanding Html and CSS base design templates for Web Designer and Developer. It creates web semantic to standardised the html syntax and helps us to work easily and faster thanks to the developer of this great framework Mark Otto and Jacob Thornton.
The success of Twitter Bootstrap 2.3.2 is now reached its upgraded version which is the Twitter Bootstrap 3 RC1. Currently this version is in a testing and development stage and still they will need some few updates to make the final release more stable and more awesome.
So what’s new in Twitter Bootstrap 3 RC1, well my first impression when i saw it this morning, “ohhh it’s a flat ui, and adapt a metro style design, awesome!”. So what’s is metro style?
According to my friend wikipedia (we’re friends…), Continue reading…
Navigation Menu is one of the element in web design, this is the collection of links that will help the user to navigate to your websites. This navigation sometimes in a horizontal or vertical line. I saw lots of different kinds of navigation menu from different websites and some of them is not responsive. What is responsive?, Responsive means reacting quickly and positively in any screen size you are viewing your websites.
Today we have 15 Stupefying Responsive Navigation Menu that you might want to use for your current or future websites. Like and Share Guys..
Today’s post is about Responsive Responsive JQuery Slider, I know you heard a lot of the word Responsive Website. Responsive means it can resize to any window your are using to view the website most of the time people used personal computer, smart phones, ipad etc.
Creating a website is not just a plain text and images it needs to be fancy and interactive for your target customer. To make it more interactive you need to have a Responsive JQuery Slider to showcase your portfolio or services.
If you don’t have any idea what Jquery Slider you want to used for your website here are the Slide And Glide Responsive JQuery Slider you shouldn’t miss out.
Hi Guys, Today i will teach you on how to create a simple stylish contact form using FancyBox 2 with Ajax from fancyapps.com. I hope you learn from this post.
Fancybox? What was that?
FancyBox is a tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages. It is built at the top of the popular JavaScript framework jQuery and is both easy to implement and a snap to customize. excerpts from fancyapps.com
FINAL OUTPUT: Creating Contact Form using FancyBox 2 with Ajax by iAPDesign.com
Creating Contact Form Using FancyBox 2 With Ajax By IAPDesign.Com
Today I’m going to talk about some tips for effective PHP coding in my own way. Yes that’s right, in my own way so I hope you get some good technique or better way to code using PHP. Anyway, before we start let’s introduce first what is PHP programming language.
PHP (PHP: Hypertext Preprocessor) is one of the most well-known scripting language used to implement server side technology that designed to create an interactive webpages. Actually PHP has many competitors like ASP.NET, Ruby on Rails, Java Server Pages and others. All of this can build a server side web page but for now we are going to focus more on PHP.
Are you a professional graphic / web designer? Or an aspiring designer and ready to accept the challenges in the world of creativity, colors, imaginativeness and fantasy.
Then before you go to the world of perspective design make sure you are fully equipped with this very helpful 33 Cheat Sheet Anthology for Graphic/Web Designers Arsenal.This list will help you master all the shortcuts for all the application software design you used.
We have bunch of list for HTML5, Color Reference, CSS and CSS3Photoshop Cheat Sheet.
Like a lot of other web developers, I am also going to start learning HTML5. It’s time to get maximum benefit of HTML5 based browsers for our websites. Here I want to share a very useful cheatsheet on HTML5. It must be in your archive.
A REFERENCE TO HTML5 TAGS – 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer
The information is pretty much just a copy of what is found in the WHATWG specs, just condensed and hopefully a bit easier to read. There are virtually no explanations, however, and no examples other than some graphics for compositing values and a few oth
HTML5 Canvas Cheat Sheet - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer
Note that the conversions in this color codes chart are best described as “nominal”. They will produce an invertible conversion between the RGB code and a subset of CMYK; that is, one can take an RGB color code and convert to certain CMYK colors, and from
Color Codes Matching Chart HTML - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer
A great quick reference for the transition from HTML 4 to HTML 5. Designed to help authors create polyglot HTML documents, this can also help in creating HTML 4 and XHTML documents, in addition to upgrading to HTML 5.
HTML Cheat Sheet for Transition to HTML 5 - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer
The RGB Hex colour chart is a very large (183kB) PNG file, and is sized to fit on a standard A4 piece of paper. It shows the 216 so-called “web safe” or “non-dithering” colours (there are actually only 22 web safe colours, but those are revolting).
RGB Hex Colour Chart - 6 Color Reference Cheat Sheet Anthology for Web Designer
ach colored box represents a certain number of megapixels. The numbers along the top and left side are print dimensions in inches at 300ppi (pixels per inch). Most books and magazines require 300ppi for photo quality. For example, the chart shows that you
Megapixels Chart - 6 Color Reference Cheat Sheet Anthology for Web Designer
In this post we present a printable CSS 3 Cheat Sheet (PDF), a complete listing of all the properties, selectors types and allowed values in the current CSS 3 specification from the W3C. Each property is provided in a section that attempts to match it with
CSS3 Cheat Sheet (PDF) - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer
Today we are glad to release two useful cheat sheets that will help you quickly look up the right CSS 2.1-property or an obscure CSS 3 property. The style sheets contain most important properties, explanations and keywords for each property. The help shee
CSS 2.1 and CSS 3 Help Cheat Sheets - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer
The cheat sheet comes in landscape and portrait form and is designed to be printed on an A4 (standard) sheet of paper. You can post it on your wall, tape it to your desk, or put it in your pocket for those rare moments when you need to know how the box mo
Most Practical CSS Cheat Sheet Yet - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer
The second version of the CSS Cheat Sheet, a quick reference guide for CSS, listing selector syntax, properties, units and other useful bits of information.
CSS Cheat Sheet (V2) - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer
Color names also known as color keywords, named colors and named color keywords in which their is 147 color names that are defined in the CSS3 color specification. Now the 147 color names also include the 17 standard color names.
CSS3 Color Names - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer
For many of the CSS3 examples, older versions of Internet Explorer are the lone holdout with a limited number of workarounds, however these features degrade gracefully and may still be useful on new projects as long as this limitation is kept in mind.
CSS3 Cheat Sheet - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer
This cheat sheet (3 pages) contains an essential reference to all CSS2 properties with detailed descriptions and some sample code. The simple visual style used to design this sheet allows you to find at a glance everything you are looking for.
CSS 2 Visual Cheat Sheet - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer
Hey guys and gals! It’s time for the next 99designs Shortcut Cheat Sheet. This time it’s Adobe Photoshop ‘ perfect for pretty much anything except for logo design!
Shortcut cheat sheet: Adobe Photoshop - 9 Photoshop Cheat Sheet Anthology for Web Designer
This month’s creative cheatsheet covers the Photoshop Lasso tool. We’ve distilled the basic functions of this widely used tool into a concise format that fits on a standard 3Ã�5 index card.
Photoshop Lasso Tool Cheatsheet - 9 Photoshop Cheat Sheet Anthology for Web Designer
From our last post, we round-up 20 List of Smashing Photoshop Progressbar PSD Template For Free that you should check out if you didn’t see it. So for today’s post, we will list the best and functional progress bar that you can easily incorporate with your blogs or website. This loading / progress bar has different style among others. I know you should love this awesome round up. Check this cool 15 Groovy Loading And Progress Bar CSS3/JQuery Plugins You Should Love, Do you think you might need it? Then Grab It and Share It:)
Bestloader is a plugin for jQuery that lets you to have an high quality loader. This is possible because this isn t a gif image, but it s an animated png. Bestloader supports high resolution display, like retina display
jQuery High Quality Loader - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love
Advanced Progress Loader is fully customizable loader and supports all major browsers.You can easily change radius,thickness,size,speed etc.See the demo.
Advanced Progress Loader - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love
This jQuery plugin that will allow you to show a loading view during the loading of a web page.You will be able in a row and some parameters to customize the loading view. It s colors, loader icon, the background image of the loading view.
PageLoading jQuery Plugin - 15 Groovy Loading and Progress Bar CSS3/JQuery Plugins You Should Love
HTML5 and JQuery Plugins
Well, HTML5 is one of the most popular web html standard as of today and still under development to improve all the functionality,browser compatibility and better error handling etc. One of the new features of HTML5 that i want to use for my project is canvas element for rendering 2D drawing using javascript, others such as article,section,header,footer and many more.
HTML5 is a markup language for structuring and presenting content for the World Wide Web, and is a core technology of the Internet originally proposed by Opera Software. It is the fifth revision of the HTML standard (created in 1990 and standardized as HTML4 as of 1997) and, as of May 2012, is still under development. Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices (web browsers, parsers, etc.). HTML5 is intended to subsume not only HTML 4, but XHTML 1 and DOM Level 2 HTML as well.
I hope you already have a little knowledge about the things that HTML5 and JQuery can do, So now I will share some of the awesome tutorial for creating an audio/music player using the new web standard HTML5 together with JQuery. Hope you enjoy this collections. SHARE IT GUYS.. 🙂
Is the completely free and open source (GPL/MIT) media library written in JavaScript. A jQuery plugin, jPlayer allows you to rapidly weave cross platform audio and video into your web pages.
The jQuery Media Plugin supports unobtrusive conversion of standard markup into rich media content. It can be used to embed virtually any media type, including Flash, Quicktime, Windows Media Player, Real Player, MP3, Silverlight, PDF and more, into a web page.
I wanted to add a website dimming experience akin to video player features similar to those found on Hulu or on AdobeTV, where you can toggle the “lights” so to speak on your site. In my example I use some simple JQuery to append or remove a Div to the HTML DOM, and leverage some basic JQuery effects to fade in or fade out the Div. The darkened web site result is achieved by Div with a black background at 80% opacity that sits above all other web content on your page.
Projekktor a HTML5 based video player written in Javascript. It solves cross browser and compatibility issues, adds eye candy and provides extremely powerful non standard features.
This jQuery plugin builds a interactive youtube media player, allowing the user to view multiple videos within multiple playlists. The player is built using jQuery and uses the Youtube Javascript API to send and capture player events.
Flowplayer is an Open Source (GPL 3) video player for the web. Use it to embed video streams into your web pages. Built for site owners, developers, hobbyists, businesses, and serious programmers.
jMP3 (javaScript MP3 player) is an easy way make any MP3 playable directly on most any web site (to those with Flash & javaScript enabled).Using the sleek Flash Single MP3 Player & the fantabulous jQuery. Like the title said it is only support mp3 file format.
Actually Video JS does not require JQuery to start with, but the author provide us the videojs jquery plugins, so it easier for us who already familiar working with JQuery.
HTML5 introduces the audio element which offers a way to play audio natively in the browser. However the native controls are a little lacking in style. Thankfully HTML5 also brings Media Element API to interact with which allows us to skin an Audio object however we want.
In this tutorial you create an amazing music player coded in xHTML and jQuery that made use of mouse gestures and hotkeys. You can click and drag with mouse to interact with interface’s music player or use directional keys and spacebar instead of mouse.
TubePlayer is a jQuery plugin that implements YouTube Player API , and allows you to create your own controls and components for YouTube movies. In addition to jQuery, it also requires SWFObject for cross browser support.
