HTML entities (character references) which are used to define reserved characters or to express characters that cannot easily be entered with the keyboard are generally hard to remember.
EntityCode is a website that lists HTML entities in an easy-to-find format. Rather than a long list of entities, they are simply grouped like currency, math, direction, etc.
A must-bookmark for every web designer & developer.
ColoRotate is a free web-based service that helps to work with colors in 3D, in real time & offers an unique experience.
Using the application, you can quickly see the multidimensional nature of colors and the relationships between colors.
With ColoRotate, you can create color palettes & save them. Its quick drag-and-drop interface to adjust hue, brightness & saturation helps you customize the colors with ease.
And, palettes created can be imported & exported in Adobe Swatch Exchange (ASE).
ColoRotate is also a color community where it is possible to browse & search themes created by other users.
P.S. You may also want to check "Learn About Color" menu of ColoRotate where it is possible to find valuable information on color like:
Requirements: No Requirements
Web Do’s & Don’ts (WebD&D) is a fresh website that presents links to tips, tricks & best practices for web designers/developers.
The website comes with an easy-to-read interface where you can find the do’s on one side & don’ts on the other.
Links are categorized as levels (beginner, intermediate & advanced) & users can vote on the tips. Also, anyone can submit new links.
Considering new links are added frequently, WebD&D will be a handy resource-link pool for web designers/developers.
Well-categorized design patterns are great resources for inspiration. You can easily see how "others" found a succesful way for common design problems.
UI Patterns is an online library which shares design patterns in various categories like:
- image zoom
- input feedback
- password strength meter & many more.
There are 3 main categories in the website:
Also, you can easily contribute to the content & check out the UI Patterns blog which has informative posts.
Styleneat is a free web service that helps having "easy to read/update" CSS files.
It organizes and standardizes CSS – selectors, sub-selectors and properties – in a structure that makes it easier to define page areas and see how they relate to each other.
The service can be used in 3 ways:
- by pasting the CSS text
- by uploading the CSS file
- by providing the URL of the CSS file
It offers several options like "sorting properties and selectors alphabetically" or "single/multiple line formatting".
Mastering frequently used applications increases the productivity significantly.
Controlling these applications via keyboard is a part of this "mastering process" which helps you use an application with 2 hands = much faster.
Also, knowing the tricks of tools inside these products definitely opens new doors for creating.
Specifically for designers, here is a list of cheat sheets for the most popular applications like Photoshop, Illustrator, Gimp, Fireworks & more..
Keyboard shortcuts are very well organized, both by menu & alphabetically.
Also, shortcut presets that add lots of extra shortcuts are provided too.
Keyboard shortcuts for previous Photoshop versions:
There are many different way & settings for converting images to black and white with Photoshop.
This is a Photoshop file presenting different filters/presets. Just update 1 file & see the various outputs.
Read the rest of this entry »
StatOwl is a website presenting internet usage statistics in a comprehensive way.
There are various reports that will be helpful to anyone into web design & web marketing like:
web browser's market shares
percentage of Flash, Quicktime versions installed
operating systems used
screen resolutions & much more..
The data provided is valuable to web designers / developers to better analyze internet users.
All data presented can be displayed for custom date ranges & as different chart types.
Sendn is presenting 10+ well-designed free newsletter templates which you can find handy for using them in your own web apps, e-mail marketing processes..
Several different types of templates exist like 1/2 columns or with/without menus.
Templates come with .zip files with the image & HTML files.
They are free to be used in both personal & commercial projects.
INSPIRE is an online publication of Adobe Experience Design Team which will attract anyone into software, web & graphic design.
The team shares valuable, real-life experiences both written & via videos.
To give a better idea about the resource, here are some of the recent content published:
INSPIRE is updated regularly & you can find something new almost everyday.
Filament Group is sharing a method of "creating CSS tooltip pointers with no images" that we’ll probably see in the upcoming jQuery UI widgets.
It uses Polygonal CSS, a trick to display non rectangular shapes, for creating the tooltip pointer (a triangle).
Although the method looks experimental, it is cross-browser & provides ease for creating flexible solutions by not requiring an image.
The website explains how it is achieved in detail & the solution will probably become more popular once we see them in the jQuery UI widgets.
Requirements: No Requirements
Compatibility: All Major Browsers