Resources
Free icons download - a cool free icons resource
Following the success of our 3rd issue of the Sunday Design Resource - 500+ icons every designer needs, we thought we present another great free icons download website.
Free Icons download has a very exclusive collection which you can not find on other popular icons websites. The quality of the icons is really good and most of the icons are 256×256px.
The icons are organized by 15 categories, and can also be organized by “Most Downloaded” or “Most Popular“.
The website also offers individual designers or design companies the possibility to upload their designs and showcase them to the world. So if you want to showcase your icons, or you are looking for great, high-quality, free icons for your designs, Free Icons Download is what you are looking for.
Best websites on the web | CSS and Flash
We have launched a new service for your viewing pleasure. It’s called CLD Web Gallery and is a is a showcase of inspirational quality CSS-based and Flash websites. It is a place to admire the best the web can offer.
Show off your blog design, your portfolio, your corporate design or your Flash skills on CLD Web Gallery. The guidelines for submission are quite simple. The website must be aesthetically pleasant and XHTML and CSS valid for CSS-based designs. For Flash websites only the aesthetical aspect is considered.
If you consider your website qualifies or you know some great website designs please don’t hesitate to sign them up.
Free Photoshop brushes - The Collection
For the 5th edition of the Sunday Design Resource we put together a large collection of free Photoshop brushes, free for download.
Brusheezy - a collection of great free high-resolution Photoshop brushes.
PixelMoon Studio - 12 high resolution free bush sets.
Damned in black - colorful, nice textured Photoshop brushes.
Design Fruit Japanese Foliage - nice japanese inspired, high resolution free Photoshop brushes.
Obsidian Dawn free Photoshop brushes - collection of fantasy, handwriting, symbols, nature, people, sci-fi brushes.
Increase your productivity - Adobe Photoshop, Illustrator and Dreamweaver keyboard shortcuts
It’s a proven fact that by using keyboard shortcuts your productivity with that software increases. This tutorial contains all the keyboard shortcuts for Adobe Photoshop CS3, CS2, CS, 7, Adobe Illustrator CS3, CS2 and Adobe Dreamweaver CS3, both Windows and Mac versions.
Adobe Photoshop CS3 Keyboard Shortcuts
- Windows version - Download PDF
- Mac version - Download PDF
Adobe Photoshop CS2 Keyboard Shortcuts
- Windows version - Download PDF
- Mac version - Download PDF
Adobe Photoshop CS Keyboard Shortcuts
- Windows version - Download PDF
- Mac version - Download PDF
Adobe Photoshop 7 Keyboard Shortcuts
- Windows version - Download PDF
Adobe Illustrator CS3 Keyboard Shortcuts
- Windows version - Download PDF
- Mac version - Download PDF
Adobe Illustrator CS2 Keyboard Shortcuts
- Windows version - Download PDF
- Mac version - Download PDF
Adobe Dreamweaver CS3 Keyboard Shortcuts
- Windows version - Download PDF
- Mac version - Download PDF
Ads
Our Chicago Dreamweaver training and Photoshop training will help increase your productivity around the office. See the list of available Photoshop training Chicago classes today.
How to add a favicon to your blog / website
A favicon, also known as shortcut icon, website icon, page icon or urlicon is a small, square icon, usually 16×16px in size, that is displayed alongside the URL in the web address bar of a web browser.
The reason for using a favicon is branding. Most modern web browsers allow tabbed browsing. This means that a user can open several websites in the same browser window. A nice favicon design will distinguish your blog / website from the other websites.
Some modern browsers also allow favicons to be displayed in the Bookmarks section. Again, this will ensure your website will be distinguished from the others.
Favicon formats
The most widely used favicon format is .ico. Other favicon formats used are .gif and .png. You can also add an animated gif as a favicon, but this is currently only supported by Mozilla Firefox. Even though this is only supported by Firefox, there is the possibility of using multiple favicons. For example you can use an animated one which will display in Firefox and a static one which will display in the rest of the browsers.
Favicon Design
A favicon has a 16×16px size so to design it it’s advisable to use a larger size such as 128×128px and then scale it to 16×16px. For more information regarding the design process view our favicon design tutorial.
Implementation
Most browsers search by default for favicon.ico in the root folder of the website / blog the access. So it’s enough to place your favicon.ico in the root folder without adding additional code and the favicon will be displayed. However the code below should be used, especially if the favicon is not located in the root folder.
The code
Guidelines
- The link elements must be inside the head element in the HTML.
- Use the appropriate resolution and color depth : ICO - include multiple resolutions (the most commonly used being 16×16 and 32×32, with 64×64 and 128×128 sometimes used by Mac OS X) and bit-depths ; GIF - use 16×16 in 256 colors ; PNG - use 16×16 in either 256 colors or 24-bit.
- For XHTML, the link element must be terminated by ” />” instead of “>”.
- The .ico file format will be read correctly by all browsers that can display favicons.
Favicon Inspiration
