Pinboard: bookmarks for Seumas tagged 'design'

Golden Grid System

Golden Grid System (GGS) splits the screen into 18 even columns. The leftmost and rightmost columns are used as the outer margins of the grid, which leaves 16 columns for use in design.

Now, 16 columns sounds a bit much for anything other than huge widescreen monitors. This is where the folding, inspired by the DIN paper system and Unigrid, comes in. The 16 columns can be combined, or folded, into 8 columns for tablet-sized screens, and into 4 columns for mobile-sized ones. This way GGS can easily cover any screen sizes from 240 up to 2560 pixels.

gss golden_grid_system grid design webdesign css
october 2011 by Seumas

copy to mine

20 Years of Adobe Photoshop | Webdesigner Depot

On February 10th, 2010, Photoshop turns twenty. To mark this anniversary, we’ve come up with an article that takes you through the evolution of Photoshop from its modest beginnings as a bundled program sold with scanners to its current version.

adobe photoshop design software history retro adobe_photoshop february 2010 2010_02_01
july 2011 by Seumas

copy to mine

FitText - A plugin for inflating web type

FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

fittext jquery plugin javascript font fonts webdev typography webdesign design
may 2011 by Seumas

copy to mine

Griddle.it - Web page alignment made easy

A clean and simple way to help align your layouts. No complex grid frameworks necessary.

Just put your dimensions after our URL to get a background guide image to work with. Grids are created on the fly, so any combination should work.

css design webdesign grid tool utility
april 2011 by Seumas

copy to mine

Dailly News: GTA’s Original Design Document | Rock, Paper, Shotgun

Mike Dailly, one of the key men behind Lemmings and Grand Theft Auto, has just posted the design documents for the original GTA on his Flickr pages. Race’n'Chase, as it was originally intended to be called, began life on the 25th January 1995 in a design doc authored by K. R. Hamilton. The version posted is 1.05, from 22nd March, explaining how the multiplayer racing game would perhaps also feature a cops and robbers mode. And it makes for excellent reading.

game gaming videogame videogames gta grand_theft_auto design dcoument documents history historical retro 1995 2011 march 2011_03_22 john_walker rps rock_paper_shotgun pc
march 2011 by Seumas

copy to mine

HTML5 Boilerplate - A rock-solid default template for HTML5 awesome.

Along with HTML5 Boilerplate's rock solid commitment to cross-browser consistency, H5BP brings you delicious documentation, a site optimizing build script, and a custom boilerplate builder. In addition to this, we now support lighttpd, Google App Engine, and NodeJS with optimized server configurations (along with Apache, Nginx, and IIS) and we've reduced the overall size of the published boilerplate by 50%.

html html5 boilerplate template css framework javascript webdesign design
march 2011 by Seumas

copy to mine

The Photoshop Etiquette Manifesto for Web Designers

The Photoshop Etiquette Manifesto for Web Designers is a list of helpful and *subtle* suggestions to organize Photoshop Documents, making the transfer of them less painful.

design photoshop webdesign guide tips etiquette manifesto
march 2011 by Seumas

copy to mine

UX Movement - Articles on Interface Design

UX Movement is a user interface blog that’s devoted to changing the way people design interfaces for the better. There are a lot of bad design practices on the web that hurt users and their experience. The articles we publish offer best practices and practical solutions to common design problems. Each article uses reasoning, research and examples to explain its ideas and suggestions. The author is Anthony T., who has a degree in Human-Computer Interaction with a concentration in Graphic Design.

ux uxmovement design webdesign dusability ui user_interface
march 2011 by Seumas

copy to mine

How to construct a web developer in twelve months | Graceful Exits

A friend got in touch recently to ask for help on making a career change into web development. They were involved in technology some fifteen years ago—more than me in a lot of ways—but appreciated that things had changed almost beyond recognition, so they would at least need to upskill and were worrying if they should concentrate on retraining and getting an academic qualification. In effect, they were giving themselves maybe twelve months of spare time to become at least savvy enough for an entry-level job in the industry, and wanted to know if I could advise them.

I didn't initially see how I could possibly help them. After all, in terms of web development I'm almost completely self-taught, and a lot of that has been through processes of osmosis and curiosity rather than through any particular grand plan. Also, my career has been one of sideways motion first—DPhil student to LATEX compositor to journals e-publisher to web and CMS developer—and any upwards motion very much later, so it's not as though there was a clear path set down from the start that I could advise on.

jpstacey development learning programming web design webdev developer article march 2011 2011_03_13
march 2011 by Seumas

copy to mine

Contrast | The Blog | Wireframing for web apps

The goal of preparing wireframes is to solve design challenges regarding layout, and priority. This is usually done in wireframes through experimenting with layouts and the application of contrast, similarity and some other principles.

web design webdesign contrast wireframing apps interface march 2011 2011_03_16
march 2011 by Seumas

copy to mine

Stroustrup: newsgroup posting

Sometime -- in the spring of 1993, I think -- I posted a message to comp.lang.c++ as part of a debate of how one should approach learning C++. This message has been widely circulated and even re-printed in a couple of books. It is part of the "Interest and Use" chapter of The Design and Evolution of C++.

programming coding stroustrup language design reference c c++ 1993 bjarne_stroustrup
october 2010 by Seumas

copy to mine

Ootips - Object Orientation Tips

Ootips allows developers to keep up with object oriented technologies, without reading through high volume, low signal-to-noise sources. I try to extract the most useful posts from other lists, newsgroups and forums, and post every week or two.

programming oop oo patterns design reference development dev index ootip coding
december 2007 by Seumas

copy to mine

css-redundancy-checker - Google Code

A simple script that, given a CSS stylesheet and either a .txt file listing URLs of HTML files, or a directory of HTML files, will iterate over them all and list the CSS statements in the stylesheet which are never called in the HTML.

css tools ruby html webdev development redundancy code dev design coding cleanup clean checker
july 2007 by Seumas

copy to mine

The PSU PC

What do you do on a rainy day? Faced with one recently I decided to have fun with a computer project. What ensued was a journey where I walked that fine line between genius and insanity. Enjoy the trip.

case diy hardware pc psu design computer modification mod mods
may 2007 by Seumas

copy to mine