This Weeks Twitter Design News Roundup N.33

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.

If would like to be kept up to date with loads of fresh design news and resources, you can follow us on Twitter, or, if you prefer, on Facebook.

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 – WordPress Portfolio Theme

FolioGrid - WordPress Portfolio Theme
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 »

CSSDesk – Dynamic CSS Sandbox

CSSDesk - Dynamic CSS Sandbox
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

Improve Your CSS Skills With Pure CSS UI Components
With increased awareness about some crazy features, CSS3 has in store for us; more and more developers are now playing with idea of pushing CSS to do things, normally done with the help of JavaScript. This roundup provides a categorized list of pure CSS UI components that you may find useful in your own quest to push CSS beyond its ordinary use.
Improve Your CSS Skills With Pure CSS UI Components »

jQuery Spritely

jQuery Spritely
jQuery.spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. It's a simple, light-weight plugin with a few simple methods for creating animated sprites such as the birds you see on this page, and dynamic scrolling backgrounds.
jQuery Spritely »

dhtmlxScheduler – Ajax Events Calendar/Scheduler

dhtmlxScheduler - Ajax Events Calendar/Scheduler
dhtmlxScheduler is a Web-based JavaScript events calendar that provides rich and intuitive scheduling solution similar to Microsoft Outlook Calendar, Apple's iCal or Google Calendar. The events can be displayed in Day, Week, Month, Year or Agenda views. Advanced drag-n-drop functionality allows users to change events dates and time by easily moving or resizing event boxes. Very lightweight (about 20Kb gzipped) and fast-performing, the calendar uses Ajax to smoothly update and display events schedule.
dhtmlxScheduler – Ajax Events Calendar/Scheduler »

Building sites without using IDs or classes

Building sites without using IDs or classes
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 »

ROR Rocket – Easy Ruby on Rails Tutorials for complete Beginners

ROR Rocket - Easy Ruby on Rails Tutorials for complete Beginners
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 »

10 Really Outstanding and Useful CSS Grid Systems

10 Really Outstanding and Useful CSS Grid Systems
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 »

Snazzy Hover Effects Using CSS

Snazzy Hover Effects Using CSS
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 »

Sexy CSS Buttons

Sexy CSS Buttons
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 »

Slick Drop down Menu with Easing Effect Using jQuery & CSS

Slick Drop down Menu with Easing Effect Using jQuery & CSS
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 »

Pure CSS Vignette

Pure CSS Vignette
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 »

Simple Bookmarking App With PHP, JS & MySQL

Simple Bookmarking App With PHP, JS & MySQL
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 »

How to Make an Animated Paper Robot

How to Make an Animated Paper Robot
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 »

How to Create a Super Glossy Orb Using CS4 Extended

How to Create a Super Glossy Orb Using CS4 Extended

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 »

Metal Text Under 12 O’clock Spot Light

Metal Text Under 12 O’clock Spot Light

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 »

3D Grass and Sky – 3ds Max Tutorials

3D Grass and Sky - 3ds Max Tutorials
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 »

Freelancers: Do You Lead Alternate Lives?

Freelancers: Do You Lead Alternate Lives?
Freelancers: Do You Lead Alternate Lives? »

Using Mind Maps to Provide Creative Direction

Using Mind Maps to Provide Creative Direction
Using Mind Maps to Provide Creative Direction »

* Is this a required field?

Is this a required field?
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? »

54 Awesome Background Patterns for Designers

54 Awesome Background Patterns for Designers
54 Awesome Background Patterns for Designers

54 Awesome Background Patterns for Designers »

50 Absolutely Stylish Vintage and Retro Graphic Wallpapers

50 Absolutely Stylish Vintage and Retro Graphic Wallpapers
50 Absolutely Stylish Vintage and Retro Graphic Wallpapers

50 Absolutely Stylish Vintage and Retro Graphic Wallpapers »

12 Amazing 3D Characters in Movie Posters

12 Amazing 3D Characters in Movie Posters12 Amazing 3D Characters in Movie Posters

12 Amazing 3D Characters in Movie Posters »

25 Awesome Illustrations Inspired by Super Mario

25 Awesome Illustrations Inspired by Super Mario25 Awesome Illustrations Inspired by Super Mario

25 Awesome Illustrations Inspired by Super Mario »

Free Icon Set for Developers

Free Icon Set for Developers
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 »

Author: (928 Posts)

This post has been written by the team here at Speckyboy Design Magazine.

Comments