background preloader

Awesome CSS3 generators to simplify front end development

Awesome CSS3 generators to simplify front end development
CSS3 Generator This generator is definitely one of my favorites, as it allow you to generate more than 10 different CSS3 effects, such as border radius, text shadows, transitions, and more. Visit css3generator.com CSS Gradient generator CSS gradients are cool, but it’s also a bit tricky to remind all the possibilities. This generator will help you to create a perfect looking CSS gradient with no headache. CSS button generator In my opinion, this is the most advanced CSS3 button generator available on the internet. CSS3Gen CSS3Gen is a nice generator which allows you to easily create useful snippets of CSS3 and copy them straight into your projects. CSS3 Please CSS3 Please is a very effective tool to test your CSS3 code: Just edit the CSS rules from the editor, and a special container will receive instant changes so you can have a preview of what you’re doing. Layer Styles Border image generator As you can guess, this tool helps you to create borde images. CSS3 Pie CSS Easing Animation Tool

http://www.catswhocode.com/blog/awesome-css3-generators-to-simplify-front-end-development

Related:  Web DesignstudyWEB Design

Image Reveal using jQuery Yet another twist on my image manipulation kick, I tinkered around with making images larger again. This time, instead of actually enlarging the image, we are enlarging the ‘viewer’ to see more of it. So, we see a snippet of an image, then when we hover over it, the viewer expands so we see it all! 25 Killer Websites that Make You Cleverer It’s easy to forget that we have access to a virtually limitless resource of information, i.e. the Internet. For a lot of us, this is even true at our fingertips, thanks to the ubiquity of smartphones and an ever-increasing push for online greatness by tech engineers all over the world. As a result, there are countless websites out there that are geared to make you smarter and more brilliant for either a low or no cost. Here are just 25 killer websites that may just make you more clever than ever before.

30 Beautiful Textured Website Designs for Inspiration Six Revisions Skip site navigation 30 Beautiful Textured Website Designs for Inspiration Color Animate Any Shape Animation At the time of creation of this demo (May 2011), WebKit and Firefox 5 Beta only. Transition 20 Methods for Upping Your Current Web Design Skills Design All great designers are constantly improving their skills. There has never been a successful designer, or anyone of another profession for that matter, that has stopped at a certain point and said, "Good enough". Fortunately, there are plenty of ways to always be learning new things, and to always be improving. In this post we're looking into 20 different ways a web designer can improve their skills at any time.

Using Javascript to hide and reveal text and graphics by Sean McManus One of the most useful things you can do with javascript and CSS is to make things appear and disappear when you want to. It means you can focus the user's attention on what's needed at a particular stage of a process (eg e-commerce), or you can create special effects by making text or graphics pop onto the screen instantly. I created a tool that enables people to get their copy of my novel University of Death signed over the internet. This uses the script to good effect to make the 'signed' letter instantly appear.

Breathtaking Surreal Self Portraits by 20-Year-Old Rachel Baran 20 years old U.S.-based photographer Rachel Baran creates powerful surreal and conceptual self portraits … Rachel Baran Super useful tools for CSS coding Pure CSS Brought to you by Yahoo, Pure is a set of CSS modules that you can use as a basis in every web project. It makes CSS development easier and the whole framework looks really clean and professional. If you haven’t already, give it a try!

Related: