This is our weekly Twitter Design News Round-Up, a collection of fresh design related resources, freebies and good reading articles that we have shared via Twitter and Facebook in the past week.
As always, if you have any cool links that you would like to share, do not hesitate to share them here: Submit News. Thanks to everyone that has been emailing.
FolioGrid is a new feature rich WordPress portfolio (although I think it would look great as a magazine site) theme, with three beautifully crafted styles, Dark, Light and Yellow.
FolioGrid – WordPress Portfolio Theme »
FolioGrid Demo »
CSS desk is a cool, new and useful tool that allows you to test and experiment with CSS and HTML.
CSSDesk – Dynamic CSS Sandbox »
Improve Your CSS Skills With Pure CSS UI Components »
jQuery Spritely »
dhtmlxScheduler – Ajax Events Calendar/Scheduler »
Have you ever coded up page without using any IDs or classes in my markup? This developer did. In order to make it a fairly painless job he dove straight into the browser and coded up a simple header, footer, two column layout. The practical upshot of this is that your markup is much leaner and cleaner, removing class and ID names has a notable impact. The downside? Read on…
Building sites without using IDs or classes »
If you have failed a couple of times trying to learn a new programming language before and couldn't make through all the Mumble Jumble of programming.
Don't worry! This site is all about having fun with Ruby and rails and learning it the easy way around.
ROR Rocket – Easy Ruby on Rails Tutorials for complete Beginners »
Once you’ve defined the elements you’re going to embed into your layout, then experimenting with a variety of grids is encouraged. Simply because experimentation and curiosity will allow you to find out which grid systems work best for you and your projects.
10 Really Outstanding and Useful CSS Grid Systems »
With all these CSS3 effects and tutorials popping up every day that show all the new and wonderful things we can make happen, we sometimes forget about poor little old CSS2.1 and the great potential it still has.
In this tutorial, they will cover creating flexible advanced hover techniques using CSS2.1 properties.
Snazzy Hover Effects Using CSS »
These buttons employ a couple of useful CSS properties. Most importantly gradients, for which they use -webkit-gradient and -moz-linear-gradient. Secondly, they use border-radius and -moz-border-radius to make the button round. And for a bit of added depth and eye candy, there is a subtle drop black dropshadow above the text using text-shadow and around the whole button using -webkit-box-shadow, -moz-box-shadow, and box-shadow.
Sexy CSS Buttons »
In this tutorial you’re going to be using jQuery & CSS to create an attractive and functional dropdown menu. There will be a multilevel <ul>, which has a series of <li> elements each containing different blocks of <ul>. And finally use jQuery to display the submenu items in and out of view.
Slick Drop down Menu with Easing Effect Using jQuery & CSS »
For those of you who don’t know, a vignette effect is a discoloration on the edges of an image. This effect usually appears in photography and it can be either accidental or intentional. It can also be either light or dark, depending on the situation.
The technique involves a few divs, a bit of simple CSS3, and a whole lot of fun.
Pure CSS Vignette »
In this tutorial, you are will learn how to build a simple link sharing app. This app will give you the ability to instantly share any web page, with a single click of a bookmarklet in your bookmarks bar, and display it in a widget on your site.
Simple Bookmarking App With PHP, JS & MySQL »
In this tutorial you’ll go through the steps of designing and making an animated paper robot character. Not just a picture, this is a moving character that will sit nicely on top of your computer monitor. Push the robot body up and down and he stretches out his robot claws!
How to Make an Animated Paper Robot »
In this Photoshop tutorial, you will learn how to create a super glossy orb. This is a combination of traditional glossy orb technique and new 3D sphere object in Photoshop CS 4 Extended.
How to Create a Super Glossy Orb Using CS4 Extended »
In this Photoshop tutorial, you will learn how to create a metal text which is illuminated from above, casting shadow. Basic transformations, some filters and actions will be covered through out the tutorial.
Metal Text Under 12 O’clock Spot Light »
This 3ds Max tutorial covers the creation of a fresh grassland pictures. Photo is used as background and 3d grass is created with a scatter object. The final touch will be the sun which will be created with lens effects.
3D Grass and Sky – 3ds Max Tutorials »
When you’re designing a form most of you will mark required fields with an asterisk (*). Then you’ll add something like “* Required fields” to the top of the form. But surely we now live in a world where everyone already knows this. Do we really need to include a legend indicating what the asterisk means?
* Is this a required field? »
DesignKode is releasing this set of 40 free high quality icons for your web site and application GUI designs. All icons in this set are 32 x 32 pixel PNG image files. You may freely use these icons in your commercial or personal projects without attribution.
Free Icon Set for Developers »
Previous Twitter News…
Twitter Design News Roundup N.32 »
Twitter Design News Roundup N.31 »
Twitter Design News Roundup N.30 »
Twitter Design News Roundup N.29 »
Twitter Design News Roundup N.28 »
Twitter Design News Roundup Archives »