robertc + design   192
The internet was missing the ability to provide custom-sized placeholder images of Bill Murray. Now it can.
Web  Design  Tools 
june 2013 by robertc
Rachel Andrew: Keep the Front in the Front
"By handing control of the front-end development to front-end developers, you allow them to do their job to the best of their ability, unhampered by things appearing in their markup that they were not expecting. You also shift responsibility for that area of the site to them. If you generate reams of markup via PHP, then any time it needs to be changed, or if there is a problem with validation or any CSS issues, the request will come back to you."
Web  Design  Templates  Tips 
december 2011 by robertc
Tiered, Adaptive Front-end Experiences « Paul Irish
Paul Irish gives us some ammunition for the "it must look the same in all browsers" battles.
BlogPost  Web  Design  Tips 
october 2011 by robertc
A Farewell to CSS3 Gradients » HTML & CSS, Layout » Design Festival
A nice introduction to using SVG gradients as backgrounds, they're far more flexible than CSS3 gradients.
BlogPost  SVG  Web  Design  Tips 
september 2011 by robertc
The Minimum Page Project
A CSS reset which aims for cross-browser consistency rather than resetting absolutely everything only for the designer to have to re-apply common default styles.
Web  Design  CSS  Tools 
september 2011 by robertc
Website wireframes: Mockingbird
"An online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application."
Web  Design  Tools 
july 2011 by robertc
Where are my rounded corners? « Boagworld
"Sometimes we see confusion among our clients when they see their new site in their browser and it looks different to the design they signed off. In this fact-sheet we explain why accepting these differences has many benefits and doing so outweighs the limited drawbacks."
BlogPost  Web  Design  Tips 
may 2011 by robertc
Font sizing with rem -
The rem unit offers an excellent alternative to relative font sizing with em an percentage units.
BlogPost  CSS  Web  Design  Tips 
may 2011 by robertc
Adactio: Journal—Content First
Don't design 'canvas in', starting with a few specific pixel widths, design 'content out'.
BlogPost  Web  Design  MobileDevices 
may 2011 by robertc
"Maqetta is an open source project that provides WYSIWYG visual authoring of HTML5 user interfaces. The Maqetta application itself is authored in HTML, and therefore runs in the browser without requiring additional plugins or downloads."
HTML5  Design  Tools 
april 2011 by robertc
The Cicada Principle and Why It Matters to Web Designers » HTML & CSS, Layout » Design Festival
Have you been looking for a example which takes advantage of CSS3's multiple background images that isn't a re-hashing of the sliding doors technique? Here it is...
BlogPost  Web  Design  CSS3 
april 2011 by robertc
Designing For The Future Web - Smashing Magazine
"If a single consistent experience is our goal, this begs the question, should we create a mobile website that scales up or a desktop website that degrades?

The answer is neither. We should try to create a single design that can be used across all devices without alteration. But in practice, at least for the moment, we should start with the simplest website and work up."
BlogPost  Web  Design  MobileDevices 
april 2011 by robertc
Can Hated Design Elements Be Made to Work? (Jakob Nielsen's Alertbox)
Once a design element becomes universally hated (eg. flashing banner ads, popups) then if you implement a similar looking design element, even if you implement your feature in a usable and intuitive manner, most people will dismiss it immediately based on their past experiences. There are signs this is starting to happen with lightboxes.
BlogPost  Usability  Design  Tips 
march 2011 by robertc
Philosophtly: The web is not a sheet of paper
An important message for print designers seeking to transition to web design.
Web  Design 
november 2010 by robertc
CSS3 :target based interfaces - Opera Developer Community
Use the :target selector to create slideshow style interfaces.
CSS3  Web  Design  Tutorial 
november 2010 by robertc
Ultimate CSS Gradient Generator -
Easily generate CSS markup for gradients in Firefox, WebKit and IE.
CSS3  Design  Tools 
october 2010 by robertc
svg-edit - Project Hosting on Google Code
SVG-edit is a fast, web-based, Javascript-driven SVG editor that works in any modern browser.
SVG  Graphics  Design  Tools 
october 2010 by robertc
Notable | Easiest way for teams to provide feedback on websites.
A very nice web app which allows you to collaboratively markup a screenshot of any website.
Web  Design  Online  Communication  Tools 
september 2010 by robertc
Kim Cullen » 
Beyond “I hate green:” Managing Productive Visual Design Reviews
Some tips for making your design review meetings more useful and productive.
BlogPost  Design  Tips 
august 2010 by robertc
CSS Media Queries & Using Available Space | CSS-Tricks
A practical look at using media queries to make the best use of available screen space.
BlogPost  CSS3  Web  Design  Tips 
july 2010 by robertc
An InDesign for HTML and CSS? – Jeffrey Zeldman Presents The Daily Report
"Well, there is a reason they absolutely do that with HTML. PostScript is a programming language designed to describe page layouts and text shapes in a world of known, fixed dimensions (the world of print), with no underlying semantics. PostScript doesn’t care whether an element is a paragraph, a headline, or a list item. It doesn’t care if a bit of content on one page cites another bit of content on a different page. PostScript is a visual plotting language. And HTML is anything but."
BlogPost  Web  Design  Tools  Culture  Standards 
july 2010 by robertc
A non-developer’s guide to building a web/iphone app « StartupCafe
If you've ever despaired at someone saying to you "I've got this great idea for a website" only to later discover all they really had was a sentence and some handwaving, point them at this article.
BlogPost  Web  Design  Management 
june 2010 by robertc
Perception and the design of forms – Part 1: Shape - Formulate Information Design
If your form controls don't look like form controls then you'll confuse a lot of users.
BlogPost  Usability  Design  Psychology 
june 2010 by robertc
A List Apart: Articles: Responsive Web Design
Use the power of media queries to make your layout responsive to the limitations of the device on which it's viewed.
BlogPost  CSS3  Design  Layout  Tips 
may 2010 by robertc
Website design: Impatient versus bored: Gerry McGovern
An important reminder before you re-design your website: "The best word to describe your customers on your website is "impatient." The vast majority of them are at your website to get something done as quickly as possible. The only people who are likely to complain about your website design are website designers."
BlogPost  Web  Design  Usability 
march 2010 by robertc
10 unexpected online user behaviours to look out for
Ten of the more interesting and less well-known user behaviours that regularly occur in user testing for you to take into account during the design process.
Web  Design  Usability  Tips 
march 2010 by robertc
Dynamic Dummy Image Generator -
Utility to create blank images at a specified size to help laying out page designs.
Web  Design  Tools  Graphics  PHP 
february 2010 by robertc
Cross-browser drop shadows using pure CSS — Nick Dunn
Supports even IE 6/7/8 but, unfortunately, not Opera.
BlogPost  CSS  Web  Design  Tips 
november 2009 by robertc
CSS 3 selectors explained | 456 Berea Street
Comprehensive guide to CSS3 selectors, including substring matching attribute selectors, element states pseudo-classes and structural pseudo-classes.
BlogPost  Web  Design  CSS  Reference 
september 2009 by robertc
Balsamiq Mockups Home | Balsamiq
AIR based application for producing web site mockups.
Web  Design  Layout  Tools 
september 2009 by robertc
Rounded corners with PHP and the GD library
Generate your rounded corners on the server side.
PHP  Graphics  Design  Tips 
september 2009 by robertc
Nice Web Type – RGBa, text-shadow in Safari, Firefox
Experiments with alpha transparency and text-shadow on WebKit and Gecko.
Web  Design  CSS  Typography  BlogPost 
september 2009 by robertc
css-template-layout - Project Hosting on Google Code
An implementation, using Javascript, of the CSS3 Template Layout module.
CSS  Web  Design  Library  jQuery 
august 2009 by robertc
Text Rotation with CSS
Perform element rotation using CSS even with IE6
BlogPost  CSS  Web  Design  Tips 
august 2009 by robertc
Color Palette Generator
Generate a colour palette from any image, gives two sets of colours - 'dull' and 'vibrant'.
Web  Design  Colour  Tools 
july 2009 by robertc
Web 2.0 how-to design style guide - Scratchmedia London web designers
Analysis and tips on the essential elements of the "Web 2.0" style.
Web  Design  Tips  HowTo  Web2.0 
july 2009 by robertc
HTML 5 and CSS 3: The Techniques You’ll Soon Be Using - Nettuts+
Tutorial describing how to style a blog using new features in HTML5 and CSS3.
Web  Design  CSS  HTML5  Tutorial 
july 2009 by robertc
emastic - Google Code
CSS grid framework for elastic and fluid layouts using em units
CSS  Web  Design  Framework 
june 2009 by robertc
Interface Hall of Shame
Dated but comprehensive guide to UI usability mistakes.
Usability  Accessibility  Design  Software 
june 2009 by robertc
« earlier      
per page:    204080120160

Copy this bookmark: