50 Useful and Instructive CSS3 Tutorials: 2012 Editioncs Now that most browsers support the majority of the features CSS3 offers, it’s important for developers to catch up and be aware of the power of CSS3. Photoshop and JavaScript are slowly losing their significance because it’s become possible to echo the same results with just a few lines of code easier and faster than ever. The techniques that were new a year ago have become standard now. Text & typography 1. The idea in this tutorial is to rotate a part of a sentence. 2. In this tutorial you’ll walk through texturizing type from scratch – beginning with basic HTML and CSS, then creating a semi-transparent texture in Photoshop and implementing it on some headline text within a web page. 3. While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. 4. In this tutorial you are going to look at some of the new CSS3 features for dealing with text colors. 5. With CSS3, a whole host of text shadow effects are available for us to play with. 6. 7.
8 Code Snippets for New Website Projects Working as a web developer often requires compromise and trying out new systems. Some of your code will turn out to be a flunk, and other codes will become staples in your development process. I have learned a lot about useful code snippets and how greatly these can affect your development process. In this article I’d like to share 8 bits of code which any web developer can use. 1. To get us started I have included my very basic HTML5 webpage template. Also I have included references to 2 Google-hosted scripts. <! 2. I learned about the CSS clearfix method years ago when just first getting into coding. You should copy my code below into any CSS document you’re using with floats in a layout. 3. Each web browser comes packaged with its own set of standard rules for styling documents. Typically web developers want to remove these preset values so that each browser will render the webpage exactly the same. 4. 5. 6. 7. 8. Thankfully the audio and video tags share a similar syntax. Conclusion