The link pages on this site are a simple dump of my pinboard bookmarks. This allows me to search them from this site and ensures I have a backup, but it remains much easier to browse them on the pinboard site (via previous link). Btw, I highly recommend pinboard. They provide simple no-nonsense functionality, the pinboard blog is refreshingly honest and their support is quick, friendly and helpful. It's well worth the small cost. And in case you're wondering, I am not affiliated with pinboard in any way - I just like the cut of their jib!
Links tagged with 'design'
Generate a colour scheme from an image.
Why not to use the @import statement for loading your stylesheets.
A syntax highlighting library written in Ruby.
A lightbox effect using css3 instead of javascript (though js required for ie as it doesn't support :target). Also read the comment by Mato about how to achieve the effect using :selected rather than :target so that the browser history isn't touched.
A nice portfolio site. Pity it requires javascript.
Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies
Angry but accurate.
A well designed icon search engine.
Photoshop tutorials
Online tool to build a CSS font stack, based on the probabilities of different fonts being available on the different operating systems.
Tutorial on css positioning
Send in your design to this company and they'll fabricate a 3D product out of it.
Articles of interest to people in the "creative services" sector, e.g. designers, but many of which are interesting to freelancers in general.
Design articles through December each year.
Styling (rails) buttons to look like links and vice versa.
The oddities of margin collapsing and how background or padding can change behaviour.
The oddities of collapsing margins and how background or padding can change behaviour.
Online test to see how websites are rendered in various versions of IE.
Great stylesheets for debugging html and resetting css.
The reason I hate ExtJS.
Some great CSS and web design work.
Online journal about design and interface architecture.
An extremely good summary of CSS floats, theory and practice, citing various sources.
Web page design style of 2007.
Photos from Flickr released under the various creative commons licenses.
Free stock images.
Free stock images.
Free images for non commercial purposes.
Free stock images.
Free stock images.
Free stock images.
Free stock images.
Free stock images.
Good article about styling forms using CSS.
How to use child selectors to target IE and avoid invalid css hacks.
How to work with Bezier curves in Inkscape.
Free browser screenshot service.
Javascript and CSS for accessible forms.
jQuery form validation plugin.
Why not to use display:none to hide skip links.
Use visibility:hidden alongside display:none to reliably hide content in a web page.
Recommendations from the Royal National Institute of Bline People about web page contruction.
How to create custom underlines for links.
Useful information about css inline elements and how various display-related properties are applied.
The rather complicated way of drawing circles in gimp.
Lots of fonts.
A basic html "slider" control that uses radio buttons hence does not require javascript and can be standards compliant.
Home page of Steve Krug, web usability expert and author of the book "Don't make me think".
A study of how people use screen readers to surf the web.
A web usability research, training and consulting firm. Lots of good articles here.
Nicely designed site.
Summary: Don't use drop-down menus for navigation, use them for actions.
A gallery of the best standards-complient web designs.
A nice dock menu in the style of OSX, written in jQuery I believe.
Little icons that could prove useful.
Easy way to "stripe" table rows in Rails (i.e. alternate their colour).
Video talks by "the world's greatest thinkers and doers".
Links to important resources for web designers / developers, including links to online specs, tutorials and references.
Free mini pixel icons.
A mac style dock menu in CSS.
Nice 4 large expandable buttons in menu.
A list of browsers by rendering engine.
How to write accessible html tables.
A collection of CSS/XHTML templates.
Great colour scheme generator, that can adjust the colours according to visual problems.
CSS design showcase.
Free patterns for web design.
IE compatible CSS horizontal drop-down menu. Looks good, but it still uses javascript.
How to center a web page via css.
Free background patterns for web design.
Free background patterns for web design.
A set of publically available gif activity indicators.
A great example and description of how not to write a web page.
A program to install multiple versions of IE on Windows.
Make your own Pollock.
A good web page colour analyser for checking accessibility.
A comprehensive list of accessibility tools for web designers.
Test a web site design for issues with colour that may effect a colour blind person.
Brilliant design work.
The Software Usability Research Laboratory.
News articles revealing how 97% of websites fail basic accessibility requirements.
Colour scheme generator
The trends over a number of years for browser, operating system and screen resolution.
Colour theme generator.
A brilliant web site validator, that checks for html validation, accessibility, spelling, broken links and can provide a screenshot so you can check your page's appearance in a given browser. Briliant.
Background position tests and compatibility table.
A service that guesses what font is used in an uploaded image or at a given url.
Free and costed icons.
Web tools, mainly for designers.
Web site design tool.
CSS search engine.
Credit card or business card dimensions.
Why designing websites with fast iterations can be benefiticial
How to set a minimum width in Explorer (as well as other browsers).
A great CSS example site.
How to create the illusion of transparency in a standard's compliant way - the only option before CSS3 is widely supported.
Generate "Lorem Ipsum", dummy text often used by the printing and typesetting (and web design) industry to test layout.
Some advice that will help you avoid common problems when creating cross-browser CSS.
Colorblindness is typically a genetic condition, and it is much more common in men than in women. Approximately one in 12 men has at least some color perception problems. Less common, acquired deficiencies stem from injury, disease, or the aging proces...
Vischeck color blindness simulator
Today, though I'm just interested in why Java programmers are saying that the ability to "program" by pushing buttons is so critically important to them that they're unwilling to consider using another language. Even a language that's gaining rapid wor...
Examples of CSS code that you can use to create psuedo tooltips without javascript
There are literally hundreds of websites that will sell you icons that are royalty free for whatever purpose you desire. However, royalty free does not necessarily mean free — you still have to pay for whatever it is you want. This is because with roya.
Who wants to work with pen and paper when there are cool tools available? This second article in the UML series will introduce you to key products and features.
Free source code and tutorials for Windows developers. Programming help for Visual C++, Windows, MFC, C++, GUI, ASP, XML, UML, SOAP, ATL, VB, ADO, SQL, DCOM, COM, Windows DNA, CToolBar, CMenu, CDockBar, CButton, CEdit, CStatic, CListCtrl, CTreeCtrl, CT...
Allow users to see your site the way they want! With CSS and your favourite server-side language, you can build a functional, cross-browser compatible style switcher that improves accessibility and the user experience overall. Laurence shows how it's d...
extensible javascript css style-sheet switching
Tags: (none)