background preloader

30 Useful and Cutting Edge CSS3 Text Effect and Web Typography Tutorials

30 Useful and Cutting Edge CSS3 Text Effect and Web Typography Tutorials

http://1stwebdesigner.com/css3-text-effects-typography/

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. 10 Examples of Beautiful CSS Typography and how they did it… » - Web Design Marketing Podcast & Blog Lately I have been very interested in how far we can take Typography only using CSS. Sure you can use images or sIFR to produce some very beautiful typography, but there is something unique and special about using only CSS. It is incredibly useful too, if you know the extent you can take CSS you end up with much more flexible websites— especially ones driven by a CMS. Think about how difficult sIFR or images get when you want to replicate that typography or typeface over 100 pages powered by a CMS. If you can get beautiful type via CSS it makes this situation very easy and with out compromise.

50 New Free High Quality Icons Sets Advertisement Feel free to make yourself a cup of tea or coffee right now because you’ll be investing an hour or so in today’s post. We’ve published our last icons round-up1 six months ago and since then we’ve collected over 50 new free high quality icon sets that you can use for your projects. While most of the listed freebies may be used for commercial projects as well, some of them may not.

CSS - CSS3 Shadow Pack The regular CSS3 box-shadow property is quite restrictive in the type of shadows that you can produce. So whenever we need to include any fancy shadows in our projects, it is Photoshop to the rescue ! But now with this CSS3 Shadow Pack you can say goodbye to Photoshop. As the title says these shadows are done entirely using CSS, and no images at all have been used. The process of applying a shadow to a container is as easy as applying a few class names to that container. In this pack you get 11 popular and attractive shadow styles. Create a Letterpress Effect with CSS Text-Shadow The letterpress effect is becoming hugely popular in web design, and with a couple of modern browsers now showing support for the text-shadow CSS3 property it’s now simple and easy to create the effect with pure CSS. No Photoshop trickery here! Letterpress – Isn’t that a type of industrial print method? That’s right! But the effect has also made its way into web design. Check out the previous feature showcasing examples of how designers are using this cool ‘de-bossed’ look on designs across the web.

Supersized - Full Screen Background Slideshow jQuery Plugin Here it is, all the Supersized documentation you're so eagerly waiting to read. Enjoy. Glossary Getting Started Options Variables Creating a Mouseover Fade Effect with jQuery My last little jQuery tutorial was an alternative to using CSS to create an image change on a mouseover. Now I want to take that one step further and add a fade effect. For my example, I am going to make a black and white image fade into a color image. To achieve this effect I am going to introduce the animate function. There are tons of possibilities in regards to jQuery’s animate function, but for this tutorial, I’m going to keep it simple by just using it to do one thing. First things first, download jQuery.

Handwritten Typographers Hit pause for a moment and consider how greatly we – people in the digital age – are indebted to typographers. Almost all of our visual communication is delivered using the products of their craft: newspapers, SMSes, instant messages, emails, web pages, signs, posters, billboards; the list of purposes is endless. In these days where looping strokes have been replaced by keyboard clickety-clack, typographers define the style and tone of our missives.

Related: