CSS3 has brought some amazing new features. And the most fun is playing with the CSS animation. Here is a compilation of 50 CSS3 animationthat allows you to perform many motion-based functions normally Delegated to JavaScript. In order to view this effect, you are required to have WebKit browsers like Safari and Chrome ( very [...]
Web dev
button css3, corner css3, css, css 3, css 3 layout, css 3 rounded, css 3.0, css2, CSS3, css3 -moz-transform, css3 -moz-transition, css3 -webkit-transition, css3 backgrounds, css3 button, css3 buttons, css3 columns, css3 corners, css3 font, css3 fonts, css3 gradient, css3 gradients, css3 html5, css3 opacity, css3 pie, css3 radius, css3 round, css3 round corner, css3 round corners, css3 rounded, css3 rounded corner, css3 rounded corners, css3 selectors, css3 shadow, css3 support, css3 text, css3 transform, css3 transformation, css3 transition, css3 tutorial, css3 tutorials, fonts css3, html css3, ie css3, opacity css3, pie css3, round corner css3, round corners css3, rounded corner css3, rounded corners css3, transform css3
Every web designer tries to be creative when it comes to designing the main navigation of the website. Now we present you with 13 awesome Javascript CSS menus that will be very handy and easy to modify to suit your needs. Lets take a look at recent examples of these …
Web dev
css, JavaScript, Menu
Now is an exciting time to be creating CSS layouts. After years of what felt like the same old techniques for the same old browsers, we’re finally seeing browsers implement CSS 3, HTML 5 and other technologies that give us cool new tools and tricks for our designs. But all of this change can be [...]
Web dev
Characteristics, css, Essential, layout, Modern
One of the most bizarre statistical facts in relation to browser use has to be the virtual widespread numbers that currently exist in the use of Internet Explorer versions 6, 7 and 8. As of this writing, Internet Explorer holds about a 65% market share combined across all their currently used browsers. In the web [...]
Web dev
css, IE, internet explorer
Whether you’ve forgotten the name of a function or the property of a cascading style sheet – handy cheat sheets deliver the information you are looking for – immediately. Most cheat sheets are available as .pdf or .png-files, so you can print them and use them every day for whatever projects you’re currently working on. [...]
Web dev
AJAX, Cheat Sheet, css, LaTeX, Ruby
CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts – and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just [...]
Web dev
Best, css, stylesheet, Techniques, Without
As a web-developer you don’t have to re-invent the wheel all the time. If it just has to work, and has to be valid, and has to have a nice, visually appealing design hierarchy, you just can use css-techniques developed in the web-dev-community over the last few years. If you take a look around, you’ll [...]
Web dev
css, Free, Layouts, Templates
Jonathan Snook has posted a few great CSS coding tips in Top CSS Tips. Several of them come down to personal preferences, and it seems my preferences differ a bit from Jonathan’s in some cases, so I thought I’d go through his tips and note my take on each of them.
Web dev
css, Efficient, tips, Useful
Many standards aware developers use CSS to hide text for accessibility or usability reasons such as hidden skip links and form labels, image replacement, or displaying help text only when requested by the user. Those are all legitimate reasons to hide text, but many developers have still been worried that Google and other search engines [...]
Web dev
css, Google, hide text, SEO
This is the followup to last week’s post, CSS tips and tricks, Part 1, where you can find tips on shorthand, default values, colours, inheritance, cascading, and more. In this part I’ll be giving you some tips on grouping selectors, clearing floats, horizontal centring, importing CSS, and a couple of troubleshooting tips. If you think [...]
Web dev
css, Part 2, tips, tricks