categories
Archives

‘in rainbow order’

CSS Color Chart
Posted by joe.jenett on 10/18/14

'beautiful progress bars’

ProgressBar.js
Posted by joe.jenett on 10/17/14

design and dev resources

The Starter Kit
Posted by joe.jenett on 10/15/14

‘works behind the scenes’

-prefix-free

Break free from CSS vendor prefix hell!

Posted by joe.jenett on 10/12/14

animated gradient backgrounds

CSS Gradient Animator
Posted by joe.jenett on 10/11/14

‘less intrusive’ lightbox

Strip (uses jQuery)
Posted by joe.jenett on 10/10/14

‘simple building blocks’

--csstyle
Posted by joe.jenett on 10/09/14

‘ready CSS solutions’

EnjoyCSS
Posted by joe.jenett on 10/08/14

‘modular CSS toolkit’

Basscss
Posted by joe.jenett on 10/07/14

font compatibility reference

Font Family Reunion
Posted by joe.jenett on 10/06/14

spiffy modals

SweetAlert
Posted by joe.jenett on 10/05/14

‘transformable icons’

Marka
[nuxlli]
Posted by joe.jenett on 10/03/14

‘roll the dice’

Random Gradient Generator for Devs & Designers
Posted by joe.jenett on 10/02/14

to preview mobile designs

Skala Preview (OS X)

Pixel perfect, colour perfect design previews from Mac to iOS and Android

Note: This is not an endorsement.

Posted by joe.jenett on 09/30/14

another responsive framework

Crumpet - A Deliciously Simple Framework
Posted by joe.jenett on 09/29/14

‘reference for CSS goodness’

CSS Cheat Sheet
Posted by joe.jenett on 09/28/14

“from the community...”

SVG Icons - Ready to use SVG Icons for the web.
Posted by joe.jenett on 09/27/14

‘mysterious rules at work’

All You Need To Know About Vertical-Align
Posted by joe.jenett on 09/26/14

awesome demo

parallax.js
Posted by joe.jenett on 09/24/14

‘fully fluid headings’

Fitter Happier Text
Posted by joe.jenett on 09/21/14

‘a framework like no other’

Webplate
Posted by joe.jenett on 09/20/14

social movements...

Disobedient Objects

The exhibition demonstrates how political activism drives a wealth of design ingenuity and collective creativity that defy standard definitions of art and design.

Posted by joe.jenett on 09/19/14

‘beautiful and responsive’

Picnic CSS
Posted by joe.jenett on 09/17/14
css - design - dev - html - tools

‘beautiful colour gradients’

uiGradients
Posted by joe.jenett on 09/11/14

‘simple time sheets’

Timesheet.js (downloads)
Posted by joe.jenett on 09/10/14

‘seamless pattern maker’

Plain Pattern
[pinboard: knilob]
Posted by joe.jenett on 09/09/14

unique magnification script

Monocle
Posted by joe.jenett on 08/26/14

‘straight forward explanations’

Designer's guide to DPI
Posted by joe.jenett on 08/22/14

‘just another‘ lightbox

VenoBox - responsive jQuery modal window plugin
Posted by joe.jenett on 08/19/14

‘simple’ chat integration

Deadsimplechat

Note: Promotional vehicle.

Posted by joe.jenett on 08/16/14

another date/time picker

Rome
Posted by joe.jenett on 08/15/14

‘more readable stylesheets’

CSS Shorthand Generator
Posted by joe.jenett on 08/13/14

‘changing colors on scroll’

Icons Filling Effect
[Bram.us]
Posted by joe.jenett on 08/09/14

on the need for accessibility

An Alphabet of Accessibility Issues
Posted by joe.jenett on 08/08/14

a ‘nicer color palette’

Colors
Posted by joe.jenett on 08/06/14

to ‘trace page elements’

traceit.js jQuery Plugin
Posted by joe.jenett on 08/04/14

‘reimagines CSS layout’

CSS polyfills from the future | GSS
Posted by joe.jenett on 07/20/14

‘learn new tricks’

CodyHouse

A free library of HTML, CSS, JS nuggets

Note: Promotional vehicle.

Posted by joe.jenett on 07/15/14

‘fully full screen’

Intense Images
Posted by joe.jenett on 07/12/14

a ‘blockouterer’

lollytin
Posted by joe.jenett on 07/05/14

‘a collaborative project’

Blog ◩ CSS PREprocessors

...a project that aims to collect as much information about the popular CSS Preprocessors as possible, in order to serve as a one-stop reference.

Posted by joe.jenett on 07/04/14

‘simple scrolling effects’

ScrollMe - For simple scrolling effects (jQuery plugin)
Posted by joe.jenett on 06/17/14

‘beautiful’ and ‘responsive’

btns.css - beautiful button styles
(download)
Posted by joe.jenett on 06/14/14

‘zoom anything’

Zoomerang.js (download)
Posted by joe.jenett on 06/10/14

‘responsive sweetness’

ResponCSS | Respond Dynamically
Posted by joe.jenett on 06/05/14

‘give focus’ to content

Headroom.js

Give your pages some headroom. Hide your header until you need it.

Posted by joe.jenett on 06/02/14

resource for web designers

Web Design Field Manual
Posted by joe.jenett on 05/28/14

for ‘everything design related’

Curated creative design and development resources | oozled
Posted by joe.jenett on 05/27/14

‘beautifully simple’

Fenix Web Server - Static Web Servers for the Desktop

Note: This is not an endorsement.

Posted by joe.jenett on 05/23/14

‘friendlier HTML form controls’

WTF, forms? (downloads)
Posted by joe.jenett on 05/18/14
css - design - dev - html - tools

headline text-fitting tool

Font-To-Width
Posted by joe.jenett on 05/11/14

‘align text on any curve’

CurvedText (jQuery plugin)
Posted by joe.jenett on 05/04/14

grids plus offsets

Kindling (Grid)
Posted by joe.jenett on 05/02/14

“You'd be mad to use it.”

Toast – “Insane, no-nonsense CSS grid”

Note: Familiarity with Sass would be helpful in customizing the grid.

Posted by joe.jenett on 04/29/14

feature-rich jQuery plugin

slick - the last carousel you'll ever need
Posted by joe.jenett on 04/28/14

‘pretty shadows’

shine.js
Posted by joe.jenett on 04/18/14

CSS3 hover effects

iHover
Posted by joe.jenett on 04/15/14

“Find your character!”

Nice Entity
Posted by joe.jenett on 04/14/14

reacting to browser state

Responsive Javascript

[csskarma]

Posted by joe.jenett on 04/09/14

‘scalable tasty treats’

Juicicons - A Juicy & Delicious Icon Set
Posted by joe.jenett on 04/06/14

‘something better’

ipsum.me - the lorem ipsum generator for web developers
Posted by joe.jenett on 04/02/14

brings ‘designs to life’

8 Pure CSS Flat Mobile Devices made with Marvel
Posted by joe.jenett on 04/01/14

‘quandaries, miscues, and dilemmas’

WTF, HTML and CSS?
Posted by joe.jenett on 03/30/14
css - design - dev - html - tips

'more robust' plugin

jquery.matchHeight.js
Posted by joe.jenett on 03/23/14

based on 'flex' display property

Flexbox Grid
Posted by joe.jenett on 03/22/14

fill in what's missing

Fluidity

HTML is almost 100% responsive out of the box. These 115 bytes of css fix the 'almost' part.

Posted by joe.jenett on 03/19/14

‘icons for the web’

Geomicons Open
Posted by joe.jenett on 03/16/14

‘a curated library’

Type-Finder – “an online tool for finding reputable typefaces”

Note: Includes recommendations for both free and commercial fonts.

Posted by joe.jenett on 03/12/14

‘magical scroll interactions’

ScrollMagic (jQuery plugin)
Posted by joe.jenett on 03/09/14

“No Bull, Just Cute”

Responsive Grid System - Cute Grids

(Browse other grid systems.)

Posted by joe.jenett on 02/26/14

a ‘curated showcase’

httpster
Posted by joe.jenett on 02/21/14

progress bar library

Progress.js
Posted by joe.jenett on 02/18/14

‘on the path to responsive’

Grid – “a simple guide to responsive design”
Posted by joe.jenett on 02/14/14

entities: quick reference

Character Entity Reference Chart
Posted by joe.jenett on 02/12/14

‘all in one place’

webdesignrepo - a compact list of helpful webdesign links
Posted by joe.jenett on 02/11/14

‘screen res tool’

11h Re-Size

Easy tool to check site designs against available screen resolution sizes. Select from a set of popular browser and mobile sizes, or enter your own dimensions to test.

Posted by joe.jenett on 02/09/14

‘all you need’

Vertical align anything with just 3 lines of CSS
Posted by joe.jenett on 02/07/14

equal height columns

FlexGRID – “a mobile-first, responsive grid system, baked with equal column height goodness”

Note: Promotional vehicle.

Posted by joe.jenett on 02/06/14

handy mobile dev reference

mydevice.io - common device values
Posted by joe.jenett on 02/04/14

(another) responsive framework

GroundworkCSS
Posted by joe.jenett on 02/03/14

colors by name

CSS Colours
Posted by joe.jenett on 01/29/14

how's the weather?

Forecast Font – “a web-font for creating multi-layered weather icons”

Note: This is not an endorsement.

Posted by joe.jenett on 01/28/14

to share and use

The Pattern Library
Posted by joe.jenett on 01/26/14

CSS extraction tool

extractCSS

...extract ids, classes and inline styles from HTML document and output them as CSS stylesheet

Posted by joe.jenett on 01/18/14

‘more consistent rendering’

Type Rendering Mix

apply CSS based on the text rasterizer and antialiasing your browser is using

Posted by joe.jenett on 01/12/14

enables image zooming

Magnifier.js
Posted by joe.jenett on 01/10/14

‘just that, minimal’

mnml – “light-weight template for responsive, html5 / scss projects”
Posted by joe.jenett on 01/09/14
css - design - dev - html - tools

info: the flexbox model

Using CSS flexible boxes
Posted by joe.jenett on 01/08/14

includes nifty return link

footnoted

a jQuery plugin for automatically creating links to footnotes in bodies of text

(demo)
Posted by joe.jenett on 01/07/14

live in-browser editor

cssPad - A live HTML/CSS editor for rapid style protyping
Posted by joe.jenett on 01/03/14

icons & icon fonts

flaticon (CC Licensed)
Posted by joe.jenett on 01/02/14

‘radical web typography’

Lettering.js (jQuery plugin)
Posted by joe.jenett on 12/25/13

cool, colorful plugin

jquery.adaptive-backgrounds.js
Posted by joe.jenett on 12/24/13

a new design pattern

Create Floating Form Labels...
[Monocle]
Posted by joe.jenett on 12/22/13

jQuery sprite animations

The Sprite Generator (beta)
Posted by joe.jenett on 12/21/13

custom grid designer

Modular Grid Pattern
Posted by joe.jenett on 12/16/13

noise maker

Noise Texture Generator v2.1
Posted by joe.jenett on 12/14/13

‘spiffy’ free templates

HTML5 UP! Responsive HTML5 and CSS3 Site Templates
Posted by joe.jenett on 12/12/13
css - design - dev - html - tools

color toy (and tool)

Colorpeek | Simply Share Colors
Posted by joe.jenett on 12/06/13

‘replacement for select boxes’

Select2 3.4.5
Posted by joe.jenett on 12/05/13

‘focuses your content’

Vanillabox – “a simple, modern Lightbox-like plugin for jQuery
Posted by joe.jenett on 12/02/13

Bacon loving designers rejoice!

Bacon Ipsum - A Meatier Lorem Ipsum Generator (also see baconmockup)
Posted by joe.jenett on 11/19/13

‘explores scalable iconography’

Responsive Icons
Posted by joe.jenett on 11/11/13

Unicode info and resources

UTF-8
Posted by joe.jenett on 11/09/13

floating tabs

Scrolltab (see Demo)

jQuery plugin to add tabs visually associated to their position relative to the scroll bar.

Posted by joe.jenett on 11/08/13

the cross-platform approach

Favicon Generator. For real.

Generate the favicon pictures and HTML code that work on all major browsers and platforms

Posted by joe.jenett on 11/07/13

mobile dev helper

touchSwipe – “a jQuery plugin for touch devices” (download page)
Posted by joe.jenett on 11/06/13

style sheet parser

CSS Color Palette Extractor
Posted by joe.jenett on 11/03/13

useful design/dev tools

Code Beautify

Note: Promotional vehicle.

Posted by joe.jenett on 11/02/13

‘atomic design systems’

Pattern Lab
Posted by joe.jenett on 10/28/13

‘set type on a circle’

CircleType.js
Posted by joe.jenett on 10/26/13

‘aimed for practical use’

Layers CSS

Lightweight. Unobtrusive. Style-agnostic.

Posted by joe.jenett on 10/21/13

create a ‘vertical slideshow’

fullPage.js - One Page Scroll Sites
(Project Info./Download)
Posted by joe.jenett on 10/13/13

resource for ‘Web Devs’

selfCSS - WYSIWYG CSS Editor
Posted by joe.jenett on 10/12/13

an initiative of sorts

NoJPEG
Posted by joe.jenett on 10/09/13

a different 'responsive' approach

intention.js
Posted by joe.jenett on 10/08/13

'smart sticky elements'

Sticky-Kit (jQuery plugin)
Posted by joe.jenett on 10/01/13

elements 'adapt and respond'

Responsive Elements
Posted by joe.jenett on 09/19/13

create and preview

Create CSS3 - Easy CSS3 Generator
Posted by joe.jenett on 09/11/13

'painfully obsessive' cheat sheet

favicon-cheat-sheet
Posted by joe.jenett on 09/08/13

to simplify finding components

UIBox - Curated HTML, CSS, JS UI Component Library
Posted by joe.jenett on 09/06/13

it's 'nanoscopic'

NProgress: slim progress bars in JavaScript
Posted by joe.jenett on 08/26/13

a 'hands-on experience'

Pixelsign, HTML5 Device mockups
Posted by joe.jenett on 08/20/13

iOS templates for Photoshop

iPhone GUI PSD | iPad GUI PSD
Posted by joe.jenett on 08/18/13

'users are humans'

Human Interest

Common courtesy requires that we assume first that we are inconveniencing others unless we're told otherwise, showing respect for their time and attention.

Posted by joe.jenett on 08/15/13

to benefit all users

5 Steps Towards an Accessible Web Form
Posted by joe.jenett on 08/07/13

more CSS animations

Animatable: One property, two values, endless possiblities (files)
Posted by joe.jenett on 08/05/13

'break forms into smaller chunks'

Promin - sexy forms (jQuery plugin)
Posted by joe.jenett on 08/04/13

device-width reference

Viewport Sizes
Posted by joe.jenett on 08/03/13

date and time picker

pickadate.js
Posted by joe.jenett on 07/30/13

a 'curated assortment'

Meet the Ipsums

Where all ipsums come together

Posted by joe.jenett on 07/25/13

a work in progress...

Effeckt.css – "Performant CSS transitions & animations"
Posted by joe.jenett on 07/24/13

small 'mobile first' framework

Cardinal – Build more with less.
Posted by joe.jenett on 07/23/13

sortable, but 'more like swappable'

HTML5 Drag & Swap Zepto Plugin
Posted by joe.jenett on 07/20/13

a smaller alternative

Minified.js - A Truly Lightweight JavaScript Library
Posted by joe.jenett on 07/19/13

'animatable' page elements

ElementTransitions.js
Posted by joe.jenett on 07/18/13

'customizable look and feel'

alertify.js – "browser dialogs never looked so good"
Posted by joe.jenett on 07/10/13

'simple, responsive, easy'

Gridism • a simple responsive CSS grid
Posted by joe.jenett on 07/03/13

'Webfonts on websites'

Webfonts Corner
Posted by joe.jenett on 07/02/13

'os x lion style' scrolling

Antiscroll
Posted by joe.jenett on 06/29/13

'scrolling animation library'

skrollr - parallax scrolling for the masses
Posted by joe.jenett on 06/20/13

pixel density tool

DPI love ♥ Easily find the DPI/PPI of any screen
Posted by joe.jenett on 06/18/13

'just the essentials'

Kraken - A lightweight front-end boilerplate
Posted by joe.jenett on 06/11/13

jQuery plugin/toolkit

Response JS: mobile-first responsive design in HTML5.
Posted by joe.jenett on 06/07/13

resources for developers

LinkedLists.net
Posted by joe.jenett on 06/05/13

'an online designer tool'

Colourco.de - find your colour scheme
Posted by joe.jenett on 06/02/13

on the ToDo list...

10 Easy Accessibility Tips Anyone Can Use

Related: WAVE Web Accessibility Tool

Posted by joe.jenett on 05/31/13

designing for iPhone/iPad

Starters Guide to iOS Design (ads)
Posted by joe.jenett on 05/30/13

find screen specifications

Screensiz.es
Posted by joe.jenett on 05/28/13

iPhone/iPad font reference

iOS Fonts
Posted by joe.jenett on 05/25/13

'effing fast feedback'

Red Pen

Red Pen lets you upload your design, share a short URL, and get live, annotated feedback super-fast...

Posted by joe.jenett on 05/24/13

adds 'labels' to elements

Label.css
Posted by joe.jenett on 05/21/13

'a perfectly feasible solution'

CSS only responsive navigation
Posted by joe.jenett on 05/20/13

dummy image placeholders

PlaceIMG
Posted by joe.jenett on 05/18/13

alternative to 'mailto' links

Squaresend – "turns your mailto links into delightful feedback forms"

Related:
Contact Forms with Pure JavaScript

Note: Requires registration for 'freemium' account. This is not an endorsement.

Posted by joe.jenett on 05/07/13

'crowd-sourced data-set'

Colours
Posted by joe.jenett on 05/01/13

'common usability problems'

Usability checklist

Note - Disclaimer: "Naturally this list is not exhaustive and doesn't fit all projects..."

Posted by joe.jenett on 04/28/13

toggled navigation

Responsive Nav

Responsive navigation plugin without library dependencies and with fast touch screen support.

Posted by joe.jenett on 04/27/13

mobile design helper

LiveView for iPhone & iPad
(OS X companion app also available)

Note: This is not an endorsement.

Posted by joe.jenett on 04/22/13

here's to simplicity

Dead Simple Grid
Posted by joe.jenett on 04/19/13

'important UI elements'

URLs are for People, not Computers

If the URL looks like garbage people won’t click it

Posted by joe.jenett on 04/10/13

interesting design helper

Em Baseline Generator
Posted by joe.jenett on 04/07/13

foundation for presentations

Bespoke.js - DIY Presentation Micro-Framework
(project page/downloads)
Posted by joe.jenett on 04/02/13

uses the canvas element

Chart.js | HTML5 Charts for your website.
Posted by joe.jenett on 03/30/13

comprehensive list

Responsive Resources – "a collection of resources about the various aspects of responsive web design"
Posted by joe.jenett on 03/27/13

some fundamentals

Learn CSS Layout
Posted by joe.jenett on 03/22/13

fight 'rigid grid syndrome'

Extra Strength Responsive Grids
[CodeVisually (ads)]
Posted by joe.jenett on 03/18/13

List: CSS Frameworks

CSS Front-end Frameworks with comparison
Posted by joe.jenett on 03/17/13

the state of mobile fonts

tinytype – "a compatibility table showing the available default system fonts across different mobile platforms"
Posted by joe.jenett on 03/12/13

'common typographic patterns'

Typeplate » A typographic starter kit...
Posted by joe.jenett on 03/11/13

generates sample avatars

ui Faces - User Inter Faces
Posted by joe.jenett on 03/09/13

responsive gallery framework

Galleria
[CodeVisually (ads)]
Posted by joe.jenett on 03/08/13

vector icon webfont

Genericons
a free, GPL, flexible icon font for blogs!
Posted by joe.jenett on 03/07/13

'a concept from mobile'

Hook.js - Pull to refresh. For the web.
Posted by joe.jenett on 03/05/13

free system for creatives

Koken - Creative web site publishing
[CodeVisually (ads)]
Posted by joe.jenett on 03/04/13

'simple, contextual feedback'

Prevue
A concept sharing app for designers

[CodeVisually (ads)]
Posted by joe.jenett on 03/03/13

one for the kitty...

Cool Kitten
Posted by joe.jenett on 03/01/13

dev tool: overlay grid

The Heads-Up Grid
Posted by joe.jenett on 02/28/13

color swatch tool

color.hailpixel.com • Swatch you doing?
Posted by joe.jenett on 02/22/13

for front end developers

The Accessibility Project – "A community-driven effort to make web accessibility easier."
Posted by joe.jenett on 02/12/13

a 'lightweight alternative'

Tire – "a lightweight JavaScript library for modern browsers" [CodeVisually (ads)]
Posted by joe.jenett on 02/06/13

minimalistic 'starting point'

Responsive Boilerplate Framework
[CodeVisually (ads)]
Posted by joe.jenett on 01/28/13

'perfect for designers'

Dotted Paper
Posted by joe.jenett on 01/23/13

mobile first responsive grid

Bedrock
[CodeVisually (ads)]
Posted by joe.jenett on 01/22/13

updated info

The iOS Design Cheat Sheet Volume 2
Posted by joe.jenett on 01/14/13

a very nice 'try'

Typesetting Responsive CSS3 Columns
Posted by joe.jenett on 01/13/13

lightweight gallery script

Photobox - CSS3 jQuery Image Gallery
[CodeVisually (ads)]
Posted by joe.jenett on 01/10/13

vertical rhythm helper

Basehold.it
quick, painless, javascript-free baseline overlays
Posted by joe.jenett on 01/06/13

notable design/dev resources

Posted by joe.jenett on 12/27/12

the 'bare minimum'

HTML5 Bones: The template that goes back to basics
Posted by joe.jenett on 12/25/12

'typographic foundations'

Interactive Guide to Blog Typography
Posted by joe.jenett on 12/23/12

customizable JavaScript dialogs

a!ertifyjs
[CodeVisually (ads)]
Posted by joe.jenett on 12/10/12

'placeholders all the way'

Fake images please?
Posted by joe.jenett on 12/09/12

app prototype framework

Ratchet

Prototype iPhone apps with simple HTML, CSS and JS components.

Posted by joe.jenett on 11/28/12

'design your own grid'

Cedvel

Cedvel aims to ease the grid design process and help you explore more alternatives. It is still far from being finished but you can test the prototype...

[CodeVisually (ads)]

Posted by joe.jenett on 11/26/12

'a mental shift'

ish. yet another viewport resizer.
Posted by joe.jenett on 11/18/12

designers digging type

typespiration - treating typography with respect
Posted by joe.jenett on 11/17/12

'equally distributed columns'

34 Responsive Grid System
Posted by joe.jenett on 11/10/12

'color-blindness simulator'

ChromaNope
Posted by joe.jenett on 11/09/12

responsiveness tester

Viewport resizer - responsive design bookmarklet
[CodeVisually (ads)]
Posted by joe.jenett on 10/29/12

responsive design viewer

Responsivator – "View & share how sites look at different screen sizes."
Posted by joe.jenett on 10/24/12

'a barebones grid'

Simple Grid
Posted by joe.jenett on 10/23/12

'making grids sexier'

Grid-A-Licious
Posted by joe.jenett on 10/21/12

'free to use and abuse'

rwdgrid / Responsive Grid System for your next Project
Posted by joe.jenett on 10/14/12

'designing for color blindness'

Color Oracle
Posted by joe.jenett on 10/09/12

stylesheet helper

CSScomb - tool for sorting CSS properties
Posted by joe.jenett on 10/08/12

'seamless integration'

Wordsmith – "a jQuery plug-in that adds on-demand word definitions to your site"
Posted by joe.jenett on 09/30/12

odd design elements

Skeu It! – "a celebration of arbitrary and gratuitious user interface decisions"

(see skeuomorphism)

Posted by joe.jenett on 09/17/12

lightweight library

enquire.js - Awesome Media Queries in JavaScript
Posted by joe.jenett on 09/12/12

modern 'reset' alternative

Normalize.css:
Make browsers render all elements more consistently.

(about)
Posted by joe.jenett on 09/05/12

interesting design possibilities

scrollable-layer.js
Posted by joe.jenett on 09/02/12

'drag-and-drool'

gridster.js

This is it, the mythical drag-and-drop multi-column grid has arrived. Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns...

Posted by joe.jenett on 08/06/12

'Symbols Web Font'

Ligature Symbols
Posted by joe.jenett on 07/26/12

'sticky sidebar'

stickyMojo
Posted by joe.jenett on 07/21/12

'beautiful and easy-to-use'

Redactor WYSIWYG editor on jQuery
[The Letter]
Posted by joe.jenett on 07/20/12

'unleash your creativity'

Moqups

The most stunning HTML5 App for creating high fidelity, resolution independent SVG mockups and wireframes!

Note: Freemium.

Posted by joe.jenett on 07/16/12

'You have control.'

Responsify.it - A responsive template generator
Posted by joe.jenett on 05/28/12

nifty bookmarklet

Responsive Design Test
[Pinboard (troykitch)]
Posted by joe.jenett on 04/22/12

a game for designers

Kern Type, the kerning game

Instructions
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!

Posted by joe.jenett on 03/24/12

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]
Posted by joe.jenett on 03/21/12

'cool and simple idea'

Responsive Design bookmarklet
Posted by joe.jenett on 01/29/12

'Show me the code'

Unique variations on a 3x4 grid
[Hypnophant]
Posted by joe.jenett on 01/17/12

viewports/media queries

responsivepx - find that tricky breakpoint
Posted by joe.jenett on 12/20/11

'everything is changing'

WTF Mobile Web

We 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.

Posted by joe.jenett on 11/19/11

'tidy and logical'

Gridlover

Gridlover is the tool to establish a type system with modular scale and vertical rhythm to build upon.

Posted by joe.jenett on 11/05/11

'just-add-water-awesomeness'

Animate.css - a bunch of plug-and-play CSS animations
Posted by joe.jenett on 10/15/11

another day, another 'grid'

Fluid Baseline Grid - A sensible HTML5 and CSS3 development kit

The collection is growing.

Posted by joe.jenett on 10/11/11
css - design - dev - html - tools

explore/discover mobile apps

Patterns of Design – "an online gallery for discovering the best in app design" (iOS and Android)
Posted by joe.jenett on 09/21/11

'creating mobile web experiences'

Mobile Web Best Practices

The 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.

Posted by joe.jenett on 09/18/11

'instant buttons'

CSS3 Buttonize Framework

The 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.

Posted by joe.jenett on 09/07/11

'folding grid'

Golden Grid System
Posted by joe.jenett on 08/18/11
css - design - dev

design info and tips

The iOS Design Cheat Sheet
Posted by joe.jenett on 07/10/11

another mobile mockup maker

mobjectify - Mockup your mobile website prototype in minutes
Posted by joe.jenett on 05/27/11

mobile mockup maker

mokk.me

Easily create mobile web app mocks you can share,
test on multiple platforms, and use in production.

Posted by joe.jenett on 05/22/11

'mobile ui elements' collection

lovely ui
Posted by joe.jenett on 05/10/11

a sensible boilerplate approach

320 and up

Many 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.

Posted by joe.jenett on 04/13/11

a new twist on placeholders

placekitten

placekitten

Posted by joe.jenett on 03/22/11

'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"
Posted by joe.jenett on 03/20/11

CSS3 buttons framework

CSS3 Buttons
Posted by joe.jenett on 02/24/11

'history, theory and practice'

The Typographic Hub
Posted by joe.jenett on 02/22/11

building a catalog

Fonts In Use - Type at work in the real world.
Posted by joe.jenett on 02/17/11

a little thought provocation

Minimalism is not a viable intellectual strategy

Minimalism cannot be a long-term strategy, but it makes an excellent short-term tactic.

Something to think about - can minimalism be a good long-term strategy?

Related:
Minimalism Is A Viable Long Term Intellectual Strategy

Posted by joe.jenett on 12/31/10

'how did they do that?'

iDev Recipes – "Recreate interesting features of iOS apps"
Posted by joe.jenett on 12/27/10

'no images, no JavaScript'

Pure CSS speech bubbles (demo)
Posted by joe.jenett on 12/23/10
css - design - dev

background creation tool

Tiled backgrounds designer
Posted by joe.jenett on 12/21/10

'quick references'

Cheat Sheets – "a selection of free, printable quick references for a variety of languages and web technologies'
Posted by joe.jenett on 11/21/10

advice and resources

Scrunchup – "the web magazine for young designers and developers"
Posted by joe.jenett on 10/27/10

consider 'user intent'

End hover abuse now
Posted by joe.jenett on 10/18/10

'super-easy to use'

KEYS.css – "a simple stylesheet for rendering beautiful keyboard-style elements"
Posted by joe.jenett on 10/17/10

'Photoshop-like'

Ultimate CSS Gradient Generator
Posted by joe.jenett on 10/10/10

CSS grid framework pack

The Square Grid

What's in the Pack?

  • Sketch sheets for printing (PDF).
  • Design layout templates (for Photoshop, InDesign and Illustrator).
  • Code files with explanations (CSS, HTML)
Posted by joe.jenett on 10/04/10

creative events guide

Creative Everyone
Posted by joe.jenett on 09/30/10

'working to transform society'

Design Manifestos 2010 » 100+ Years of Design Manifestos
Posted by joe.jenett on 09/18/10

multi-platform

Scribus Open Source Desktop Publishing

Note: This is not an endorsement.

Posted by joe.jenett on 08/19/10

'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]
Posted by joe.jenett on 07/19/10

'lean, mean CSS'

{+}eCSStender

Say 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.

Posted by joe.jenett on 07/04/10

generates color variations

Color reminder
Posted by joe.jenett on 07/02/10

'perfectly legible'

good web fonts

Related: How to use CSS @font-face

Posted by joe.jenett on 06/02/10

to 'inspire and entertain'

★Baubauhaus.
Posted by joe.jenett on 05/26/10

'tutorials and screencasts'

jQuery for Designers
Posted by joe.jenett on 05/19/10

a shady helper

0to255 – "a simple tool that helps web designers find variations of any color"
Posted by joe.jenett on 04/13/10

stylin' toy (2)

CSS3 Generator
Posted by joe.jenett on 03/14/10

'Create something.'

Myoats
Posted by joe.jenett on 03/05/10

'nice typefaces used nicely'

Type Tide | fonts in use
Posted by joe.jenett on 02/18/10

start fresh

PrimerCSS – "undercoats your CSS by pulling out all of your classes and id's and placing them into a starter stylesheet"
Posted by joe.jenett on 01/01/10

new features/properties

Practical Uses of CSS3
Posted by joe.jenett on 12/23/09
css - design - dev

'culture of positive creativity'

Modern Evolution – "design on a mission"
Posted by joe.jenett on 12/10/09

links to ezines, etc.

alog. shelter for ezines and netlabels
Posted by joe.jenett on 11/26/09

another CSS framework (3)

Atatonic CSS framework – "created to provide a stable grid and solid typography"
Posted by joe.jenett on 11/20/09

wallpaper collection

Simple Desktops
[bytesized]
Posted by joe.jenett on 10/31/09

'a graduation project'

We are Colorblind » Patterns for the Color Blind
Posted by joe.jenett on 09/23/09

yes, they're different

Arial & Helvetica
Posted by joe.jenett on 09/16/09

another CSS framework (2)

BlueTrip CSS Framework

BlueTrip 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.

Posted by joe.jenett on 06/28/09

'slices' of type/art

Typcut
Posted by joe.jenett on 06/20/09

'free and dolphin safe'

Splashy Icons
Posted by joe.jenett on 06/17/09

free customizable icons

Iconza
Posted by joe.jenett on 06/15/09

free web icons

Led Pixel Icon Set
Posted by joe.jenett on 06/07/09

'fake album covers'

AlbumJam
[Bifurcated Rivets]
Posted by joe.jenett on 03/10/09

gallery of music-related design

Hardformat - Reaching for the sublime in music design.
Posted by joe.jenett on 03/04/09

'CSS Authoring Tool'

Sky CSS Tool
Posted by joe.jenett on 02/09/09

another CSS framework

SenCSs

SenCSs supplies sensible styling for all repetitive parts of your CSS, allowing you to focus on actually developing your website's style.

Posted by joe.jenett on 12/28/08

two steps back

Give Up and Use Tables
Posted by joe.jenett on 11/12/08

close call

Is graphic design art?
Posted by joe.jenett on 11/12/08

interesting scripting+css approach

Dynamic Layout – "a simple JavaScript library that allows you to easily adjust page layout based on the current browser width"
Posted by joe.jenett on 10/30/08

List: Design Resources

Skout™
Posted by joe.jenett on 09/18/08

'browse web type'

Typechart – "lets you flip through, preview and compare web typography while retrieving the CSS"
Posted by joe.jenett on 09/14/08

'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"
Posted by joe.jenett on 02/22/08

'dummy text' alternatives

Blind Text Generator
Posted by joe.jenett on 02/08/08

yesteryears' design

Eurobad '74 – "an exhibition of Europe's worst interiors of 1974"
Posted by joe.jenett on 01/29/08

'assistive tools'

'Design' bookmarklet
Posted by joe.jenett on 12/18/07

'wrap content to any shape'

CSS Text Wrapper
Posted by joe.jenett on 12/06/07

List: Design Resources (2)

For Webdesigners
Posted by joe.jenett on 12/05/07

some tasty walls

AisleOne - Wallpapers
Posted by joe.jenett on 11/26/07

free font originals

exljbris :: Free Quality Font Foundry
Posted by joe.jenett on 11/20/07

transparent .png icons in 4 sizes

UserInterfaceIcons.com – "Free Icons for Software & Web Application Interfaces"
Posted by joe.jenett on 11/12/07

'webpage tag scanner'

DivCounter
Posted by joe.jenett on 11/11/07

'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.
Posted by joe.jenett on 11/06/07

for comic book fans

Cover Browser
Posted by joe.jenett on 10/27/07

graphic design projects

Versch.
Posted by joe.jenett on 09/30/07

'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]
Posted by joe.jenett on 08/13/07

comparison/overview

Comparison of elements in different HTML versions
Posted by joe.jenett on 07/04/07

image effects

Glossy.js
Posted by joe.jenett on 06/29/07

'propaganda visual'

Visual Gore
Posted by joe.jenett on 06/04/07

'visual drivel'

The Web 2.0 Cliche
Posted by joe.jenett on 05/31/07

enough contrast?

Colour Contrast Check
Posted by joe.jenett on 05/11/07

amazing Flash work...

Alive and Well
Posted by joe.jenett on 04/24/07

for newer browsers...

Nice and Free CSS Templates
Posted by joe.jenett on 03/23/07

for developers...

JavaScript/CSS Font Detector
Posted by joe.jenett on 03/21/07

graphics showcase

volume2 | Graphic
[pixelsurgeon]
Posted by joe.jenett on 03/06/07

'smell and sizzle'

Wake n' Bacon
[Disarranging Mine]
Posted by joe.jenett on 02/26/07

also 'simple, unobtrusive'

Lightbox JS v2.0
Posted by joe.jenett on 02/23/07

originals vs. clones

WebClones.net - The thiefs of the web.
Posted by joe.jenett on 01/23/07

tool 'for pixel perfectionists'

CSSTYPE v2 (Beta)
[Designaside]
Posted by joe.jenett on 01/01/07

demo and code

Overlapping CSS Tabs
Posted by joe.jenett on 12/14/06

List: CSS-related

CSS - Links
Posted by joe.jenett on 12/02/06

'properly indent' code

Tabifier (HTML and CSS code beautifier)
Posted by joe.jenett on 11/05/06

animated collage

Book of Numbers (Flash)
Posted by joe.jenett on 09/27/06

'simple trick...'

CSS Browser Selector
Posted by joe.jenett on 08/04/06

'tabber'

JavaScript Tabifier
Posted by joe.jenett on 07/12/06

markup renderer

rendr
Posted by joe.jenett on 06/12/06

List: Illustration

[coolstop]
Posted by joe.jenett on 05/29/06

CSS experiments...

FrankManno.com - Ideas (a.k.a. My playground)
Posted by joe.jenett on 05/10/06

.png + original .psd files

Sweetie - Free icon set
150+ 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.
Posted by joe.jenett on 04/27/06

some useful tips...

Squeaky Clean CSS
Posted by joe.jenett on 04/26/06

menu and tab techniques

CSS Showcase
[Neuarmy]
Posted by joe.jenett on 04/18/06

easy DHTML...

Balloon tooltip
Posted by joe.jenett on 04/02/06

list of resources

CSS Rounded Corners 'Roundup'
Posted by joe.jenett on 03/24/06

web based form builder

JotForm
Posted by joe.jenett on 02/23/06

'learn the basics'

CSS Basics
Posted by joe.jenett on 02/13/06

painting and illustration

Matalobos
Posted by joe.jenett on 02/10/06

shorthand properties, etc.

5 Tips for Organizing Your CSS
[Disarranging Mine]
Posted by joe.jenett on 01/21/06

layer vs. layer

LayerMatch™
Posted by joe.jenett on 12/12/05

design resources

Resources For Web Design
Posted by joe.jenett on 12/01/05

experimental graphics

BaseV
Posted by joe.jenett on 10/26/05

'quirky facts'

CSS Shorthand Guide
Posted by joe.jenett on 10/23/05

color signals

Emotions of color
Posted by joe.jenett on 10/11/05

another huge collection

Buttons
Posted by joe.jenett on 10/09/05

huge assortment

Web Badges / Buttons
Posted by joe.jenett on 10/01/05

vektor art mag (.pdf)

vektorika magazine
Posted by joe.jenett on 09/18/05

Metro Logos

Variations of the Letter M
Posted by joe.jenett on 08/09/05

useful tools

Web Development Bookmarklets
Posted by joe.jenett on 07/15/05

enough contrast?

Colour Contrast Check Tool
Posted by joe.jenett on 07/13/05

developers/designers

Web developer documentation for Mozilla
Posted by joe.jenett on 07/10/05

JavaScript/CSS

domCollapse
Posted by joe.jenett on 07/08/05

color tool

ColorMixers
Posted by joe.jenett on 05/29/05

utility (in development)

Colorblind Web Page Filter
Posted by joe.jenett on 05/27/05

resources and tools...

UITest.com: User Interface Test Resources
Posted by joe.jenett on 05/17/05

List: Misc. Resources (5)

Posted by joe.jenett on 05/11/05

List: Misc. Resources (4)

Posted by joe.jenett on 04/25/05

'news blog'

PhotoshopNews.com – "dedicated to news and information about all things Photoshop." (not affiliated with Adobe)
Posted by joe.jenett on 04/21/05

a 'work in progress'

Drag & Drop Sortable Lists with JavaScript and CSS
Posted by joe.jenett on 03/30/05

'web tool'

I Like Your Colors
Posted by joe.jenett on 03/22/05

online font creator

FontEditor
Posted by joe.jenett on 02/22/05

CSS tricks

Ten CSS tricks you may not know
Posted by joe.jenett on 02/18/05

CSS and JavaScript

Print out HREFs on Links for Print StyleSheet
Posted by joe.jenett on 01/07/05

rounded corners

CSS Rounded Box Generator
Posted by joe.jenett on 12/18/04

more than textures...

Mayang's Free Textures – "over 1400 free to download, free to use, high-resolution textures"
Posted by joe.jenett on 11/28/04

CSS and MySQL

deepX: Quick References
Posted by joe.jenett on 11/06/04

CSS reference

Full CSS Property Compatibility Chart
Posted by joe.jenett on 11/05/04

simple, useful scripts

Javascripts for Designers
Posted by joe.jenett on 10/18/04

List: PHP Tutorials

Web Design References: PHP
Posted by joe.jenett on 10/13/04

@evolt.org

Ten CSS tricks you may not know
Posted by joe.jenett on 09/30/04

online color tool

hexadecimal colour calculation
calculates tints and their respective complementaries
Posted by joe.jenett on 07/12/04

Free Stock Images

ImageBase 
Posted by joe.jenett on 07/03/04

JavaScript tree menu

Destroydrop ? Javascripts ? Tree
[42]
Posted by joe.jenett on 06/28/04

javascript date picker

popup calendar script
Posted by joe.jenett on 06/20/04

free fonts + news

fontmonster
Posted by joe.jenett on 05/23/04

to RGB and Hex

Pantone to RGB Colour Conversion
Posted by joe.jenett on 05/16/04

design portal from Portugal

you need to get out more...
Posted by joe.jenett on 04/27/04

at Wikipedia

Public domain image resources
Posted by joe.jenett on 04/24/04

"links and discussion"

css help pile
Posted by joe.jenett on 04/13/04

List: Asst. Design Resources

Posted by joe.jenett on 04/12/04

photos and illustrations

Pixel Perfect Digital 3.0 - Free Image Archive 
Posted by joe.jenett on 03/22/04

for designers/developers

gazingus.org.  "cluttering up my corner of the web" 
Posted by joe.jenett on 03/08/04

Assorted Resources

Resources 
Posted by joe.jenett on 03/01/04

Using MT...

A Photolog in Five Easy Steps
Posted by joe.jenett on 02/29/04

divs as pixels

CSS Pencils v3 (about)
Posted by joe.jenett on 01/18/04

info & examples

Creating an Entire Site with Movable Type 
Posted by joe.jenett on 01/14/04

Equalizing Columns (CSS)

3 column layout - "any column can be the longest.  Footer will stay at bottom of window unless content is greater then it stays at bottom of document." 
Posted by joe.jenett on 01/04/04

Useful CSS Tip

Dead Centre.
Posted by joe.jenett on 01/02/04

"easyCorners"

Easy round corners (CSS) 
Posted by joe.jenett on 12/26/03

useful for designers

Web Development Bookmarklets 
Posted by joe.jenett on 12/22/03

valid XHTML tags

HTML Tag Reference  [456 Berea Street]
Posted by joe.jenett on 12/20/03

a/k/a Bookmarklets

Favlets for Web Designers 
Posted by joe.jenett on 12/17/03

List: Free Stock Photos

[coolstop]
Posted by joe.jenett on 12/16/03

List: Color Tools

Posted by joe.jenett on 12/14/03

clickable headers

sorttable: Make all your tables sortable 
Posted by joe.jenett on 12/13/03

Find color compliments...

EasyRGB - Color harmonies, complements and themes  [Eightlinks]
Posted by joe.jenett on 12/09/03

Find color compliments...

EasyRGB - Color harmonies, complements and themes  [Eightlinks]
Posted by joe.jenett on 12/09/03

Early 20th Century

The American Package Museum 
Posted by joe.jenett on 12/04/03

CSS Selectors

Selectutorial 
Posted by joe.jenett on 12/01/03

Useful pointers

mezzoblue: CSS Crib Sheet.  "This is an attempt to make the design process easier, and provide a quick reference to check when you run into trouble." 
Posted by joe.jenett on 11/27/03

expandable lists

simple twist of fate: List Menu 
Posted by joe.jenett on 11/26/03


Validated XHTML 1.0 Validated CSS

The dailywebthing is intended
for a mature audience.

2000-2014 © Joe Jenett.
Some rights reserved.
i.webthings

daily pointers
In association with
AORTAL - the anti-portal,
here's today's daily pointers:

10/19/14
splashbase
urbanphotomag
baconmockup

RSS


[daily pointers archive]


random ageless

Soob


other projects
special thanks

Validated XHTML 1.0
Validated CSS

The dailywebthing is intended
for a mature audience.

2000-2014 © Joe Jenett.
Some rights reserved.