Styling ordered list numbers | 456 Berea Street
june 2011 by mottram
list-style:none: disables the default numbering
counter-reset and counter-increment: create a counting scope and increment the count. Both are described in the CSS 2.1 12.4 Automatic counters and numbering.
content: inserts the index of the created counter. Described in CSS 2.1 12.2 The ‘content’ property
The :before pseudo-element
css
html
lists
counter-reset and counter-increment: create a counting scope and increment the count. Both are described in the CSS 2.1 12.4 Automatic counters and numbering.
content: inserts the index of the created counter. Described in CSS 2.1 12.2 The ‘content’ property
The :before pseudo-element
june 2011 by mottram
A reconsideration—in defence of <b> and <i> (or: people fear what they don’t understand) — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts
february 2010 by mottram
In HTML5, <i> and <b> are for when 'typical typographical presentation' demands bold or italicised text with no semantic meaning, which matches how I use <i> (for phrases in other languages, book & film titles, &c.). Also of note: screenreaders ignore <strong> and <em>.
html
html5
markup
february 2010 by mottram
Jilion - SublimeVideo
february 2010 by mottram
Very stuttery for me (in Chrome on 10.6.2), but looks promising.
html
html5
video
february 2010 by mottram
Uni-Form
january 2010 by mottram
"Uni-Form is an attempt to standardize form markup (xhtml) and css, "modularize" it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms."
forms
css
html
web
design
january 2010 by mottram
Writing Fractions in HTML - ChangeLog.ca - WebLog for Charles Iliya Krempeaux, B.Sc.
january 2010 by mottram
I can't believe I've been writing stuff on the web for fifteen years and didn't know about the fraction slash HTML entity - ⁄ or ⁄. (You need to wrap the numerator and denominator in <sup> and <sub> tags, and style those tags for it to look nice.)
fractions
html
entities
january 2010 by mottram
Mottr.am | HTML 5 & Internet Explorer - Fair Warning
november 2009 by mottram
If you're using HTML5, it might be a good idea to explain why your site looks a mess to visitors using IE with JavaScript switched off.
html5
ie
javascript
html
november 2009 by mottram
Dapper: The Data Mapper
july 2009 by mottram
Scrape sites, convert data to a variety of formats. No coding required.
data
portability
conversion
rss
xml
html
web
services
july 2009 by mottram
Pandoc
may 2008 by mottram
"Pandoc is... for converting from one markup format to another. It can read markdown... reStructuredText, HTML, and LaTeX, and it can write markdown, reStructuredText, HTML, LaTeX, ConTeXt, RTF, DocBook XML, groff man, and S5 HTML slide shows."
cli
conversion
text
html
markup
markdown
may 2008 by mottram
HTML Entity Character Lookup › Left Logic
june 2007 by mottram
Type in a character, up pops its HTML entity. Brill.
html
web
june 2007 by mottram
Using HTML Lists Properly - Beast-Blog.com
may 2007 by mottram
Including using definition lists for interview transcripts - interesting.
html
lists
may 2007 by mottram
World's Largest Band
july 2006 by mottram
"Because we can now translate HTML into music, anyone who has created a webpage has written a song." - neat. Submit Response sounds pretty hardcore.
music
HTML
midi
sound
submitresponse.co.uk
july 2006 by mottram
Blog Comment Form Design Showcase | Smiley Cat Web Design
april 2006 by mottram
Possibly of limited interest to anyone not currently redesigning a comment form.
design
web
comments
forms
css
html
april 2006 by mottram
Custom CSS Signatures in Mail » All Forces
april 2006 by mottram
Don't ever do this. Annoying.
mail
css
html
stupid
annoying
april 2006 by mottram
The Man in Blue > Experiments > widgEditor
september 2005 by mottram
"A technique... that allows for the footer of a Web page to appear either at the bottom of the browser window or the bottom of the Web page content – whichever is visually lowest."
css
html
web
design
footer
september 2005 by mottram
CSS2 - Tableless forms
september 2005 by mottram
Because I always forget how to do this for some reason.
css
html
web
design
september 2005 by mottram
Data Tables and Cascading Style Sheets Gallery
september 2005 by mottram
Nice styles for tabular data.
css
design
tables
html
templates
javascript
xhtml
september 2005 by mottram
Simian Design Simple Character Entity Reference
january 2005 by mottram
There's tons of these, but an easily-searched, nice-looking one with background info hardly hurts.
html
xhtml
entities
character
january 2005 by mottram
opml2html.pl
december 2004 by mottram
Converts OPML to HTML. Obviously.
aggregation
conversion
html
opml
syndication
december 2004 by mottram
Juno Records
october 2004 by mottram
Absolutely superb beta redesign of Juno Records. Lots of new features, and it's valid HTML/CSS too. Annoyingly, now that the site is about three times as usable as it was, I'll probably end up spending three times as much money.
css
html
music
redesign
web
october 2004 by mottram
related tags
1tw ⊕ accessibility ⊕ aggregation ⊕ annoying ⊕ aria ⊕ ascii ⊕ books ⊕ character ⊕ cli ⊕ code ⊕ color ⊕ comments ⊕ conversion ⊕ converter ⊕ css ⊕ css3 ⊕ data ⊕ design ⊕ editors ⊕ email ⊕ encoding ⊕ entities ⊕ footer ⊕ forms ⊕ foss ⊕ fractions ⊕ framework ⊕ html ⊖ html5 ⊕ ie ⊕ ipad ⊕ iphone ⊕ javascript ⊕ jquery ⊕ js ⊕ lint ⊕ linux ⊕ lists ⊕ magazine ⊕ magpierss ⊕ mail ⊕ markdown ⊕ markup ⊕ mediaqueries ⊕ metadata ⊕ midi ⊕ minification ⊕ music ⊕ opml ⊕ pdf ⊕ portability ⊕ python ⊕ redesign ⊕ responsive ⊕ roles ⊕ rss ⊕ safari ⊕ services ⊕ sound ⊕ source ⊕ sparkup ⊕ stupid ⊕ submitresponse.co.uk ⊕ syndication ⊕ tables ⊕ tablet ⊕ templates ⊕ text ⊕ textarea ⊕ textmate ⊕ theme ⊕ tools ⊕ tumblr ⊕ unicode ⊕ vi ⊕ video ⊕ vim ⊕ web ⊕ webdesign ⊕ weblogs ⊕ xhtml ⊕ xml ⊕Copy this bookmark: