|
Tweet to @xcss3x
|
|
|
Alright so I might have been a little biased on these decisions, but I went with websites that I have run across and felt they deserved to be pointed out. They offer a lot of unique CSS3 features and give a great user experience without sacrificing performance or site structure. Here are 9 awe inspiring css3 websites [...]
Hello World! So after the last tutorial on styling our menu, we are going to look into animations involving CSS3. We are going to be applying the webkit animation properties to text elements inside of a specific div tag, but you can truly do this with any dom element on the page. This is what [...]
So you saw the button tutorial and thought to yourself how could I make this better? Well it would help if you could apply the same style to all aspects of your website giving off a consistent look and feel. So here I am to proudly present an outstanding new menu method with CSS3. The [...]
Pure CSS3 form styling is becoming more popular. It has its drawbacks, but the increased loading time from the traditional JS overlay is wasted tenths of seconds when talking about optimizing to maximize for your entire audience. Most forms are fairly straight forward and only utilize inputs and text areas rather than radios and check [...]
So you are looking at your PSD layout and thinking to yourself: “These buttons look sharp”. You start to cut them out of the template and realize something horrible! You are wasting kbs of loading time here. You are racking up tenths of a second and losing precious audiences around the globe! So you decide [...]
CSS3.com is looking for inspired individuals that would like to contribute with interesting and compelling posts to this website. Not interested in copy and pasting content from other sites, instead, someone that likes writing about CSS/CSS3/Web Development/Design/etc. Consider also commenting on good articles and blog posts from other sites, and contributing with tricks, cool shortcuts [...]
Color formats in CSS2 Hex format – #cccccc Shorthand hex format – #ccc rgb() format – rgb (red, green, blue) Named colors – white, red, blue, etc New color formats in CSS3 HSL – hsl(hue, saturation, lightness) CMYK – cmyk(cyan, magenta, yellow, black) HSLA – hsla(hue, saturation, lightness, alpha) RGBA – rgba(red, green, blue, alpha) [...]
Easy bay to create multicolored CSS backgrounds with patterns. http://leaverou.me/demos/css3-patterns.html
Here is a very simple example showing the use of multiple background images in one div. Is this the end of nested elements with tons of CSS to create a layered effect? Hope so. #multipleBG { border: 5px solid #cccccc; background:url(img1) top left no-repeat, url(img2) bottom left no-repeat, url(img3) bottom right no-repeat; padding: 15px 25px; [...]
Web 2.0 – It was a huge step forward for the www, where we saw and continue to experience various ways of information sharing which in turn has resulted to a proliferation of content / data, be it user generated or not. This second generation of web has already changed the way a netizen browse [...]
We have a heap of tuts / resources over the web telling us what standards to follow, what are the best practices, what is the optimal way to build something and so on, and when it comes to Web Standards, we are blessed to have some really genuine contributors / gurus who fill-up the web [...]
‘HTML’ has been here for years, since the origin of WWW, and soon afterwards W3C came up with a standard called ‘CSS’ to control the ‘Browser war’, and ‘Javascript’ followed the suit, in a bid to make a more loosely typed language, by a smart professional called ‘Brendan Eich‘ for Netscape. Having originated for different [...]
Hope you all have heard that behind-the-scene progress of the new version of HTML, is cruising through. There are some good news for those preachers of web standards who give importance to the semantically correct web. With the the new version of HTML (HTML 5), still gazing towards the recommendation stage (the specification is not [...]
Making a web experience memorable and more accessible to all the users out there is really a daunting task. There are huge amount of techniques and approaches, that can be applied to a web presence to make it more accessible. Here is one among them – ‘ACCESS KEYS’ ‘Access keys’ offer a convenient mechanism for [...]
A comprehensive look at the quickly-changing font embedding landscape. I contributed a brief article along the same lines in the most recent issue of .NET magazine, but two months after writing it’s already out of date. more
A great example of a table-less form created by Jeff Howden. A real time saver for web developers: http://jeffhowden.com/code/css/forms/
A great way of previewing what the link you are about to click is about. Why send your users to a website they dont wanna go? Let them preview it through a thumbnail: http://lab.arc90.com/2006/07/link_thumbnail.php
You see theese more and more. Mostly on CSS Galleries, Netflix, etc. Here’s a looooooong but very interesting article on how to put stars on your already-rocking website: http://www.komodomedia.com/blog/2005/08/…
Let users decide if they want to open a link in a new window or not. A good article on the subject: http://webdesign.maratz.com/lab/new… Oh yeah, the link above opens a new window :)
A massive set of techniques to create rounded corners with CSS. Some use images for the corners, some dont. Try the different methods and see what matches your preference. I personally think: The less images the better, but it all depends on what you are trying to create. Enjoy: http://www.smileycat.com/miaow/archives/…
