Spritepad
If like me you find “sprites” a bit of mystery then you need to check out the free online sprite creation tool at www.spritepad.wearekiss.com, simply drag and drop the images onto the SpritePad and you...
View ArticleAmpersand 2012
My notes from some of the speakers at last Friday’s Ampersand conference in Brighton. Yves Peters Detail in Web Typography Choosing a Font Narrow your search by requirements Consider aesthetic...
View ArticleGuitarSpec
GuitarSpec is up and running, register now for full access to the site and help build the database by adding guitars and videos.
View ArticleOpen Street Maps – What are they and why use them?
Open Street Map Below I’ll try to explain Open Street Map and why it’s important to have various open sources for data such as maps! This post is mainly made of up excerpts from On the Open Street Map...
View ArticleMy Web Thesis Project
My idea is developing a website for a client Florescence Foods Limited (FFL) FFL is aim at sourcing and providing the various foods that meet the health needs of consumers. FFL have launch of their...
View ArticleDesign Insights # 1 notes – Responsive Design
Adaptive -> Changes Fluid -> Stretches Resolution & Pixel density need to be considered. Before starting think about content. Different devices = different content needs Tablet users mostly...
View ArticleNotes on Typography from somewhere!
H1 30% larger H2 25% larger P{ margin-left 1.5em X height – distance between baselines & mean line Parings: • Badani & Futura • Perpetua & Gill Sans • Metan San & Meta Serif •...
View ArticleMy Thesis Project Initial Idea
Project Title: Teachers Assistant Description: An interactive site that enables educators to find schemes of work, lesson plans and resources for a specific unit and allow them to add more to improve...
View ArticleThe Grid System
The Grid Introduction “Design is relationships. Design is a relationship between form and content.” These are the now famous words of Paul Rand. (Kroeger 2008) This is as simple as it gets. The...
View ArticleGraphic Design Notes
Notes on Sprite A: display:block Width (exacly to size of first image) Height (exacly to size of first image) background-position: 0 -180px; (x, y) text-indent:-9999px; A:hover background-poisiont 0...
View Article
More Pages to Explore .....