categories
Archives

'a perfectly feasible solution'

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

finds unused CSS styles

CSSess

CSSess is a JS tool that helps find extra CSS rules on your site. It is designed to be used as a bookmarklet.

Posted by jenett on 05/06/13

toggled navigation

Responsive Nav

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

Posted by jenett on 04/27/13

here's to simplicity

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

a 'curated collection'

CSSDB: A Database Of CSS Libraries
Posted by jenett on 04/08/13

interesting design helper

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

'gradients and color stops'

CSS3 Patterns Gallery
Posted by jenett on 03/26/13

some fundamentals

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

fight 'rigid grid syndrome'

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

List: CSS Frameworks

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

'common typographic patterns'

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

make it 'easy to read'

CSS Beautifier
Posted by jenett on 03/06/13

one for the kitty...

Cool Kitten
Posted by jenett on 03/01/13

dev tool: overlay grid

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

tooltips without JavaScript

hint.css - A tooltip library in CSS
[CodeVisually (ads)]
Posted by jenett on 02/20/13
css - dev - tools

'responsive design made easy'

Groundwork CSS ♥ A Responsive HTML5, CSS & Javascript Toolkit
Posted by jenett on 02/17/13

minimalistic 'starting point'

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

mobile first responsive grid

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

a very nice 'try'

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

the 'bare minimum'

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

CSS icons collection

One div - The single element HTML/CSS icon database
Posted by jenett on 12/11/12

app prototype framework

Ratchet

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

Posted by jenett on 11/28/12

'equally distributed columns'

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

'a thumbnail preview concept'

Kort
Posted by jenett on 11/04/12

'a barebones grid'

Simple Grid
Posted by jenett on 10/23/12

'making grids sexier'

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

towards open web standards

WebPlatform.org – Your Web, documented

(see Open Web Platform)

Posted by jenett on 10/16/12

'free to use and abuse'

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

stylesheet helper

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

experimental coolness

Meny - CSS 3D fold-in menu concept
Posted by jenett on 08/12/12

interesting 'proof of concept'

CSSWARP - CSS Text to Path Generator
[The Letter]
Posted by jenett on 08/04/12

'sticky sidebar'

stickyMojo
Posted by jenett on 07/21/12

'You have control.'

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

for lack of standards...

Browser Support

see which CSS features are supported in each version of the major web browsers

Posted by jenett on 05/15/12

snippet testing tool

dabblet
Posted by jenett on 12/19/11
css - dev - tools

developer resource

dochub | Instant Documentation Search
Posted by jenett on 12/10/11

'broad compatibility'

Announcing jQuery Mobile 1.0

A unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.

Posted by jenett on 11/17/11

quick reference

InstaCSS | Instant CSS Documentation Search
Posted by jenett on 11/12/11

'simple way to get sliding'

Swipe 1.0 - a lightweight mobile slider » Swipe JS
Posted by jenett on 11/11/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 jenett on 11/05/11

CSS properties reference

CSS Infos
Posted by jenett on 11/03/11

'just-add-water-awesomeness'

Animate.css - a bunch of plug-and-play CSS animations
Posted by 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 jenett on 10/11/11
css - design - dev - html - tools

'responsive grid experiment'

Fluid Squares V2 (see demo)
Posted by jenett on 10/03/11

'scary fast' HTML5 framework

Kendo UI - The Art of Web Development
Posted by jenett on 09/22/11

'proof-of-concept' for now

αlphaPun.ch

Alphapun.ch is a tool that, given a transparent PNG or GIF file, will trace the opaque bits and create masks for them. You can use these masks to allow a user to click through the transparent bits of an image. Alphapun.ch outputs HTML, CSS and JavaScript for you to include on your site.

[Introducing alphaPun.ch]

Note: This is not an endorsement.

Posted by jenett on 09/13/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 jenett on 09/07/11

'folding grid'

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

CSS border tool (or toy)

border-image-generator
[The Letter]
Posted by jenett on 07/14/11
css - odd - tools

checks your CSS code

CSS Lint

CSS Lint is a tool to help point out problems with your CSS code. It does basic syntax checking as well as applying a set of rules to the code that look for problematic patterns or signs of inefficiency...

Posted by jenett on 06/16/11

experimental sharing project

HTML5 Snippets – "allows you to share html5 snippets. It's an small experimental project created by Roberto Brevé, currently in very alpha mode."
Posted by jenett on 05/08/11

'diagnostic CSS stylesheet'

Holmes - The CSS Markup Detective

holmes.css is useful for checking the quality of your code (up to W3C HTML5 standards), nitpicking over ensuring markup is valid and semantic and accessility guidelines are met, and when you are tasked to fix up and debug an old, OLD website. It has a simple implementation and a mostly unobtrusive effect on your page. Not recommended for live enviroments.

(also available as simple bookmarklet)

Posted by jenett on 04/29/11
css - dev - html - tools

'tiny, but delicious'

ChocolateChip-UI – mobile web app development framework
Posted by jenett on 04/27/11

focused on flexibility

inuit.css framework – "cooler than a polar bear's toenails..."
Posted by jenett on 04/24/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 jenett on 04/13/11

yet another...

CSS3 Generator
[The Letter]
Posted by jenett on 03/17/11

'use CSS3 right now'

CSS3 properties exposed

Note (our opinion):
All of the proprietary syntaxes are a shame in terms of web standards, but this is a useful resource for keeping up with the syntaxes that currently work.

Posted by jenett on 03/15/11

CSS3 buttons framework

CSS3 Buttons
Posted by jenett on 02/24/11

'no images, no JavaScript'

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

'super-easy to use'

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

'Photoshop-like'

Ultimate CSS Gradient Generator
Posted by 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 jenett on 10/04/10

'cut-and-paste examples'

HTML5/CSS3 Cheatsheet
Posted by jenett on 09/05/10

evolving browser support

HTML5 Readiness
Posted by jenett on 07/06/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 jenett on 07/04/10

'perfectly legible'

good web fonts
[Drawer Links]

Related: How to use CSS @font-face

Posted by jenett on 06/02/10

memory game

CSS Memory

A game of memory in which you will have to find three matching cards. (as a tribute to the CSS level used for the transitions)

Posted by jenett on 05/30/10

stylin' toy (2)

CSS3 Generator
Posted by jenett on 03/14/10

layouts 'collapse intelligently'

Less Framework – "An HTML5-powered CSS framework for building smart website layouts for varying screen widths."
Posted by jenett on 03/02/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 jenett on 01/01/10

new features/properties

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

articles and 'one-pagers'

Five Minute Argument
Posted by jenett on 11/28/09

organize/optimize CSS

Styleneat - CSS Organizer
Posted by jenett on 11/24/09

another CSS framework (3)

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

'layout editor'

Construct Your CSS
Posted by jenett on 10/27/09

conditional CSS (for intermediate/advanced coders)

Modernizr – "a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies"
Posted by jenett on 07/01/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 jenett on 06/28/09

selector 'discovery' bookmarklet

SelectorGadget: point and click CSS selectors
Posted by jenett on 02/27/09

eliminate CSS and scripting?

The Webless Initiative
[Trivium]
Posted by jenett on 02/26/09

useful browser compatibility reference

When can I use... – "Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies"
Posted by jenett on 02/12/09

'CSS Authoring Tool'

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

style scrubber

CSS SuperScrub

This tool can significantly reduce the size and complexity of your CSS by programmatically stripping unneeded content, stripping redundant calls, and intelligently grouping the remaining element names.

Note: This is not an endorsement.

Posted by jenett on 01/06/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 jenett on 12/28/08

validator, formatter, compressor

Free CSS Toolbox

Note: This is not an endorsement.

Posted by jenett on 11/02/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 jenett on 10/30/08

resource of interest

CSS tests and experiments
Posted by jenett on 07/26/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 jenett on 02/22/08

'assistive tools'

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

'wrap content to any shape'

CSS Text Wrapper
Posted by jenett on 12/06/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 jenett on 11/06/07

view source of javascript and css

JSView Firefox extension
Posted by jenett on 10/13/07

'still in development'

CSS Compressor – "Removes useless stuff from stylesheets."
Posted by jenett on 07/30/07

comparison/overview

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

'essential web tools'

Protolize.org
Posted by jenett on 05/09/07

for newer browsers...

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

developer resources

Endihm – "a resource for articles, guides and tutorials focusing on CSS, HTML, Javascript & PHP"
Posted by jenett on 03/12/07

also 'simple, unobtrusive'

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

tool 'for pixel perfectionists'

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

'CSS-centric' icons

Sanscons
Posted by jenett on 12/31/06

long list of resources

Web Design References: CSS
[CSS tests and experiments]
Posted by jenett on 12/18/06

demo and code

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

on the basics...

Beginners guide to CSS and standards
Posted by jenett on 12/04/06

List: CSS-related

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

basic reference

CSS Cheat Sheet
Posted by jenett on 11/29/06

'properly indent' code

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

small javascript + css

CSS Browser Selector
Posted by jenett on 09/05/06

'simple trick...'

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

CSS experiments...

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

'learn the basics'

CSS Basics
Posted by jenett on 02/13/06

shorthand properties, etc.

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

'quirky facts'

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

JavaScript/CSS

domCollapse
Posted by jenett on 07/08/05

CSS tricks

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

rounded corners

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

CSS reference

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


Validated XHTML 1.0 Validated CSS

The dailywebthing is intended
for a mature audience.

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

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

05/20/13
CSS Lint
Streetsy
Apres Garde



random ageless

Life Journey


other projects
special thanks

Validated XHTML 1.0
Validated CSS

The dailywebthing is intended
for a mature audience.

2000-2013 © Joe Jenett.
Some rights reserved.