5 semplici frameworks / boilerplates per design adattativo
Goldilocks
The Goldilocks Approach To Responsive Web Design
A good starting point for design that takes device resolution out of the equation
http://goldilocksapproach.com/
Skeleton
A Beautiful Boilerplate for Responsive, Mobile-Friendly Development
http://www.getskeleton.com/
Gridless
Make future-proof responsive websites with ease.
http://thatcoolguy.github.com/gridless-boilerplate/
tiny fluid grid
The happy & awesome way to build fluid grid based websites
http://www.tinyfluidgrid.com/
Mobile ★ Boilerplate
A best practice baseline for your mobile web app.
http://html5boilerplate.com/mobile
La “resistibile” ascesa del #font Lobster #grafica #design
Lobster is on Wordpress themes.
Grid System: qualche risorsa
Base:
- 960.gs - http://960.gs/
- 978.gs - http://978.gs/
- the 1140px http://cssgrid.net/
Generatori:
- Gridulator - http://gridulator.com/
- Grid System Generator - http://www.gridsystemgenerator.com/
Template per Photoshop
Semplice Tutorial
- Clean Layout con il 960gs - http://www.tutorial9.net/tutorials/photoshop-tutorials/design-a-clean-web-layout-with-the-960-grid/
Letture e approfondimenti
- The Grid System - http://www.thegridsystem.org/
- Grid (Page Layout) Wikipedia - http://en.wikipedia.org/wiki/Grid_%28page_layout%29
- Designing with Grid Based Approach - http://www.smashingmagazine.com/2007/04/14/designing-with-grid-based-approach/
- The Principles of Beautiful Web Design (golden ratio, grid layout, proportions etc.) -http://www.sitepoint.com/principles-beautiful-web-design/
Designers vs Coding
“Do I need to know how to code?” is a question that comes up with sure-fire consistency in design circles. I’ve seen it asked by so many, from uncertain design students in classrooms worried about their chances of landing a job, to seasoned professionals at conferences seeing their pool of print projects slowly evaporate. The question is being asked with even greater frequency as of late, because Adobe has launched their product Muse, which promises designers the ability to “create unique websites without writing code.” So, if a designer wants to work on the web, should they take the time to learn this dastardly “code” or instead rely on software like Muse?
Esempi di portfolio su singola pagina
bonus:
- http://www.youthedesigner.com/2008/01/31/the-one-page-graphic-design-portfolio-guide/
- per un portfolio fotografico perché non provare supersized http://www.buildinternet.com/project/supersized/
- http://dzineblog.com/2009/02/web-design-inspiration-40-impressive-single-page-websites.html
- http://www.instantshift.com/2009/06/10/88-single-page-website-designs-for-design-inspiration/
Supersized è un plugin jQuery per la gestione di gallery a pieno schermo
(via Supersized - Full Screen Background/Slideshow jQuery Plugin)
Galleria – The JavaScript Image Gallery
Galleria is a JavaScript image gallery framework built on top of the jQuery
…11 Efficient HTML5 Video Players useful in playing videos or movies online. Most of the video players listed below include a step-by-step guide for you to easily render a video into your website. Check out this list. Enjoy! (via 11 Efficient HTML5 Video Players | blueblots.com)
Graphic Designer’s Journey: Freelance to Freedom
via hongkiat.com
Visual Rhetoric: What is Typography?
Font Family: a group of related type faces unified by a set of similar design characteristics (e.g. Arial, Bodoni, Futura, Helvetica)
Font: the source of the typeface (some people don’t distinguish between “font” and “typeface”); within each font there can be several typefaces, such as bold, …
Webdesign Ledger has a nifty list of websites that show off some of the cool new things you can do with HTML5.
(via npdistefano)
-->
