nifty bookmarklet
need to rethink 'usability'
multiple effects
a game for designers
OpenType (.otf) also available
explore color variations
CSS template generator
'cool and simple idea'
'Show me the code'
April 2012
March 2012
February 2012
January 2012
December 2011
November 2011
October 2011
September 2011
August 2011
July 2011
June 2011
May 2011
April 2011
March 2011
February 2011
January 2011
December 2010
November 2010
October 2010
September 2010
August 2010
July 2010
June 2010
May 2010
April 2010
March 2010
February 2010
January 2010
December 2009
November 2009
October 2009
September 2009
August 2009
July 2009
June 2009
May 2009
April 2009
March 2009
February 2009
January 2009
December 2008
November 2008
October 2008
September 2008
August 2008
July 2008
June 2008
May 2008
April 2008
March 2008
February 2008
January 2008
December 2007
November 2007
October 2007
September 2007
August 2007
July 2007
June 2007
May 2007
April 2007
March 2007
February 2007
January 2007
December 2006
November 2006
October 2006
September 2006
August 2006
July 2006
June 2006
May 2006
April 2006
March 2006
February 2006
January 2006
December 2005
November 2005
October 2005
September 2005
August 2005
July 2005
June 2005
May 2005
April 2005
March 2005
February 2005
January 2005
December 2004
November 2004
October 2004
September 2004
August 2004
July 2004
June 2004
May 2004
April 2004
March 2004
February 2004
January 2004
December 2003
November 2003
daily pointers
AORTAL - the anti-portal,
here's today's daily pointers:
05/17/12
B.O.O.T.J.I.L
intertwingled
Phantasmaphile
(RSS)
[daily pointers archive]
Some rights reserved.
need to rethink 'usability'
Mobile Site vs. Full Site (Jakob Nielsen's Alertbox)vs.
Nielsen is wrong on mobile | Opinion | .net magazine (heavy advertising)
multiple effects
Rhinoslider: The most flexible jQuery slider/slideshow[CodeVisually < HTML5 Bookmarks]
a game for designers
Kern Type, the kerning gameInstructions
Your mission is simple: achieve pleasant and readable text by distributing the space between letters. Typographers call this activity kerning. Your solution will be compared to a typographer's solution, and you will be given a score depending on how close you nailed it. Good luck!
OpenType (.otf) also available
StateFace – "a font you can use in your web apps when you want tiny state shapes as a design element" [Social Design Notes]useful HTML5 resources
HTML Elements and Attributes (html5.org) » HTML5 — Edition for Web Developers (WHATWG) + (X)HTML5 Validator'everything is changing'
WTF Mobile WebWe need better reasons. Real examples. Proof that what we are all doing is not working anymore. That's what this website is about. Examples convince. Seeing trends makes us smarter. The problem isn't insurmountable if it's known. So let's get to know the problem.
'tidy and logical'
GridloverGridlover is the tool to establish a type system with modular scale and vertical rhythm to build upon.
another day, another 'grid'
Fluid Baseline Grid - A sensible HTML5 and CSS3 development kitThe collection is growing.
explore/discover mobile apps
Patterns of Design – "an online gallery for discovering the best in app design" (iOS and Android)'creating mobile web experiences'
Mobile Web Best PracticesThe mobile web landscape changes on a seemingly-daily basis. That's why this site doesn't try to be the definitive guide to creating for the mobile web. It simply serves as a guide to point people in the right direction and help them discover new tools and techniques.
'instant buttons'
CSS3 Buttonize FrameworkThe Buttonize Framework is a simple, light-weight CSS file with precompiled styles and colours for quick, modern looking buttons. It uses CSS3 for rounded corners and subtle gradients but with bulletproof fallbacks for older browsers.
'making text readable'
Contrast Rebellion - to hell with low-contrast fonts!
Related:
Down with the Contrast Rebellion
mobile mockup maker
mokk.meEasily create mobile web app mocks you can share,
test on multiple platforms, and use in production.
a sensible boilerplate approach
320 and upMany CSS Media Queries boilerplates start with a desktop-specific stylesheet, then add queries and styles for progressively smaller viewports. This means that even the small browsers load desktop layout styles and potentially large assets, even when these are set to display:none;.
'320 and Up' starts with a tiny screen stylesheet that contains only reset, colour and typography styles. Media Queries then load assets and layout styles progressively and only as they’re needed. Think of this as responsible responsive design.
'diverse streams of urbanism'
Free Association Design (F.A.D.) – "explores space, place and systems through a range of writings, experiences and design research methods"a little thought provocation
Minimalism is not a viable intellectual strategySomething to think about - can minimalism be a good long-term strategy?Minimalism cannot be a long-term strategy, but it makes an excellent short-term tactic.
Related:
Minimalism Is A Viable Long Term Intellectual Strategy
'quick references'
Cheat Sheets – "a selection of free, printable quick references for a variety of languages and web technologies''super-easy to use'
KEYS.css – "a simple stylesheet for rendering beautiful keyboard-style elements"CSS grid framework pack
The Square GridWhat's in the Pack?
- Sketch sheets for printing (PDF).
- Design layout templates (for Photoshop, InDesign and Illustrator).
- Code files with explanations (CSS, HTML)
'primer and reference tool'
Design Is History – "A collection of information intended to be used as a primer and a reference tool in relation to the history of graphic design." [Bifurcated Rivets]'lean, mean CSS'
{+}eCSStenderSay goodbye to the browser-specific properties and hacks cluttering your files and say hello to lean, mean CSS. With eCSStender, when you write the rules, browsers pay attention.
Note: This is not an endorsement.
an homage to letters
Interesting Letterhead Designs | Letterheady[Rick Chlopan < Bruce Arthur]Much like its sibling, Letterheady is an online homage to offline correspondence; specifically letters. However, here at Letterheady we don't care about the letter's content. Just its design.
start fresh
PrimerCSS – "undercoats your CSS by pulling out all of your classes and id's and placing them into a starter stylesheet"another CSS framework (3)
Atatonic CSS framework – "created to provide a stable grid and solid typography"Labor symbols
Look for the Union Label:A Celebration of Union Logos and Emblems
[Social Design Notes]
'stylesheet color inspector'
CSS Prism – "Enter the URL of any CSS file to view and modify its color spectrum"another CSS framework (2)
BlueTrip CSS FrameworkBlueTrip gives you a sensible set of styles and a common way to build a website so that you can skip past the grunt work and get right to designing.
another CSS framework
SenCSsSenCSs supplies sensible styling for all repetitive parts of your CSS, allowing you to focus on actually developing your website's style.
'a collection of things'
today and tomorrow – "The most frequent topics are advertising, art, design, fashion, music and sneakers."interesting scripting+css approach
Dynamic Layout – "a simple JavaScript library that allows you to easily adjust page layout based on the current browser width"'browse web type'
Typechart – "lets you flip through, preview and compare web typography while retrieving the CSS"students' works
GDI08 – "A showcase of all 2008 graduates of BA(Hons) Graphic Design and BA(Hons) Illustration at the University of Brighton." [One Floor Up]'interactive type tool'
CSS Type Set – "a hands-on typography tool allowing designers and developers to interactively test and learn how to style their web content" [SimplePixels]'multimedia stories'
Move30 – "for people interested in sharing and helping to foster the world of online storytelling..."transparent .png icons in 4 sizes
UserInterfaceIcons.com – "Free Icons for Software & Web Application Interfaces"'look at me' designs
What are CSS galleries actually showcasing?There are exceptions, but for the most part these sites seem to be nothing more than a collection of slow loading, non-accessible, barely usable sites made by fantastic digital artists who unfortunately have no idea how to build a web site.
'Design and Social Change'
Reduce & Reuse Gallery – "How might you encourage people to use waste, and/or consume less? Invent a creative way to reuse something, or invent a device or object that uses waste in a meaningful way." [Swikiri]not fully tested yet
Blueprint: A CSS Framework – "Blueprint has not yet been tested in every browser. Please do not use this framework in any projects of grave importance at this time." [Basement.org]Related: Blueprints are not final – "I'm somewhat conflicted with its release because I don't think it should be used. Don't get me wrong, it's great, but don't use it."
step-by-step tutorial
Create your own drop down menu with nested submenus using CSS and a little JavaScript[CSS Globe]
HTML editor
Codetch – "Get the feel of Dreamweaver in a Firefox extension. Edit your documents right next to your web pages as you surf.".png + original .psd files
Sweetie - Free icon set150+ clean and clear icons to use in your nifty web application. They are licenced under a Creative Commons licence, so commercial use is fine. Also feel free to make derivatives with the included Photoshop document.
Tokyo design mag
PingMag – "The Tokyo-based magazine about 'Design and Making Things'" [Designers who Blog]searchable archive
Design Online – "electronic library containing a digitised record of Design journal for the years 1965 to 1974." [Destyler]500x500 artworks
Unfocused.Net – "We're not about polished artwork and presentation pieces, we're the scribbles on the back of a cigarette packet."validation tools
UITest.com: Validators, Checkers, Generators, and Tools for Sophisticated Web Development [gammatron (phase ii)]graphic design...
Word It > Prank – "Word it is your opportunity to express in as many words, and as many other graphic elements as you need, what best describes each monthly topic."'news blog'
PhotoshopNews.com – "dedicated to news and information about all things Photoshop." (not affiliated with Adobe)comparison tables
Web Browser Standards Support – "This document will summarize the level of support for standard web technologies by popular web browsers. It deals primarily with the Internet Explorer, Firefox/Netscape/Mozilla, and Opera web browsers, with focus on the HTML, CSS and DOM technologies." [Simon Willison: Blogmarks]List: Misc. Design Resources
- Nice titles
- Tabtastic
- Nifty Corners
- CSS Rounded Box Generator
- fadomatic - dhtml opacity effect
- Destroydrop » Javascripts » Tree
more than textures...
Mayang's Free Textures – "over 1400 free to download, free to use, high-resolution textures"online color tool
hexadecimal colour calculationcalculates tints and their respective complementaries
[paranoidfish.org/links]