background preloader

27 Must-Have Starter Kits For Web Designers

27 Must-Have Starter Kits For Web Designers
Starter kits are great timesavers for web designers and they are particularly useful for those who often create mock-ups for project pitching on daily basis. If you are a designer-cum-programmer think of it as your code snippets So what’s in a starter kit? We think it varies – depending on what each designer routinely worked with. For GUI designers, keeping a copy of form elements (buttons, checkboxes, tab, drop down menus, etc) helps speed up the process of creating screens and layouts; on the other hand, browser (IE, Firefox Safari) templates with web safe area keep web designers reminded how/where they should prioritize their contents. Experienced designers will usually customize and keep a personal version of starter kit, some might have few too! In today’s article, we attempt to show you some of the best design starter kit we’ve come to know. GUI, Form Elements and Web Components Yahoo’s Design Stencil Kit Probably one of the most complete kit for designers. Browser Screens Templates

http://www.hongkiat.com/blog/27-must-have-starter-kits-for-web-designers/

The Elements of Retro Web Design The vintage and retro style is becoming more and more popular in today’s digital artwork. The use of retro and vintage themes in design is probably one of the most pervasive trends since the industry went almost completely digital. In today’s post, we’ll look at examples of work sourced from the wonderful Dribbble, which helps us focus on snippets of a piece, rather than the entire design or illustration. From here, it’s possible to identify what techniques have been used and to describe how they impact the overall design. You will become familiar with these design trends and be able to replicate them. To help you, short tutorials are scattered throughout the article.

Slyd Slyd is an easy-to-use, highly-customizable slider plugin for WordPress. There are plenty of plugins out there that allow you to easily insert a slider into your WordPress using a shortcode but they require creating a custom slide for every post you write. With Slyd you can shirk those inconveniences. Slyd automatically pulls in all of your latest posts (or just the ones in a certain category). All Slyd requires is that you upload a Slyd image or a Featured image on your post page. CSS3/jQuery Animations – Slyd is built to be pretty so naturally it uses CSS3 and jQuery to impress viewers.Category Selection – Create a new Category or use an existing one to limit the posts that display in the Slydr.Shortcode – Normal users can insert the [slyd] shortcode to display the Slydr.PHP Template Tag – For more advanced users, install Slyd into a theme using <?

70 Tutorials Using Photoshop To Design A Website This article features a huge amount of Photoshop web design tutorials, which will teach you simple effects which can be combined together in order to create a great website design. Theses tutorials are perfect for first time Photoshop users because there short and sweet. I hope you enjoy the article and feel free to leave a comment below. 1) Carbon Fiber Layout you’ll learn how to make this sleek layout with a carbon fiber background that would look great as a landing page for a website. 2) Design Studio Layout

Web Page Analyzer - free website optimization tool website speed test check website performance report from web site optimization Free Website Performance Tool and Web Page Speed Analysis Try our free web site speed test to improve website performance. Enter a URL below to calculate page size, composition, and download time. The script calculates the size of individual elements and sums up each type of web page component.

8 Cheat Sheet Wallpapers for Designers and Developers Web designers and developers have a lot to remember, from keyboard shortcuts to function names. That’s why it’s handy to have cheat sheets near by for a quick reference. Most people like to print out there cheat sheets on paper and have them sitting on their desk, but another convenient place for a cheat sheet is right on your computers desktop in the form of a wallpaper. 25 New Illustrator Tutorials That Will Make You A Master Of Vector Art Just because you can usually get a similar effect in Photoshop doesn’t mean the end result will be as good as using Illustrator (depending on the project). If you are like me (and I will bet most of you are) you will go ahead and use PS because you know it much better even though the final project will not be as good or as functional as it could be. Well it’s time to buck up and get this learning curve completely out of the way so you make the right choice next time. Below are some sweet Illustrator tuts that will leave you in vector heaven once your done.

33 FREE Well-Designed Navigation Menu PSD Startup Framework Close 2011, Sep 27 // Kevin Liew // 4 comments // Web Design 33 FREE Well-Designed Navigation Menu PSD Advertisement Introduction Our 5th series of free psd file, we have collected 33 free psd menu layout. 25 Free Must Download Design Programs 25 free must download design programs, the article features a range of different design programs including alternative programs for some of the most popular design programs such as Photoshop, flash and illustrator. A great collection of programs available for free which is perfect while currently suffering from a recession. Image Editing 1) Paint.net Essential bookmarks for web designers and web developers The project 'Essential bookmarks for web-designers and web-developers', previously updated on this page, has a new url ( a new design, a new hierarchical structure and, of course, new web-dev-resources. The reason for changing the basic concept of this project was a huge number of suggestions and links, which have overflooded my mailbox recently. Over the last few days, a new project was created and updated. The old version (which also will be updated in future) is still available on the page "Bookmarks: Maxi edition". You are welcome to submit your own links to the directory, filling out this form; besides, I'll be glad to receive feedbacks, comments and new ideas coming from your side. Please update your bookmarks!

New Features in next version of After Effects Product manager Steve Forde said today in his Adobe Blog about the new features in next version of After Effects After Effects; “with what’s coming to the next version of After Effects – we set a new standard I don’t know that we can match again – EVER” Announced today is the astounding next version of After Effects, along with the other professional video and audio applications such as Premiere Pro and Audition. I’ve had my hands on the next version of After Effects and I’m hooked, I’m sure you will be too. Beautiful/Decay Cult of the Creative Arts Gabriel Moreno does beautiful work with such basic materials: a pen and a brush. His illustrations begin in black and white, upon which Moreno builds, adding layers of color and images of other places and people tattooed into their skin. Flowers, birds, and faces organically expand from his subjects, as if a rush of creativity, or a dream, is escaping them.

Best Free Textures and Patterns of 2010 It’s no secret that we love textures and patterns here at WDL. They’re great for easily adding lots of interest and depth to a design, whether it be a huge background pattern or just some subtle textures here and there. So to continue our “Best of 2010″ series, this week we’re covering textures and patterns.

Related:  Media Streaming project