Note: This section of the site is under heavy construction, tread carefully.

Bookmarks tagged with “markup”

50 bookmarks by garrettc


The Button Cheat Sheet

Do you need a button for your next project but you’re not sure about the right markup? Don’t worry, we’ve got you covered!

Bookmarked on #


Table Design Patterns On The Web

"Tables are a design pattern for displaying large amounts of data in rows and columns, and have not yet seemed to fall out of favor, so let’s take a look at how we can create tables on the web in 2019."

Bookmarked on #


HEML

“HEML is an open source markup language for building responsive email. It gives you the native power of HTML without having to deal with all of the email quirks.”

Bookmarked on #


Dirty Markup · Tidy up your HTML, CSS, and JavaScript code

A web-based interface for cleaning your dirty markup.

Bookmarked on #


Classy Theming in Drupal

Great overview of all the new standards based theme goodness in Drupal 8.

Bookmarked on #


The Truth About Multiple H1 Tags in the HTML5 Era

'Whether you're a webmaster or a web designer, there's a question you've most likely either asked or answered many times over the years. That question is, "How many <h1> tags can I use per page, and how exactly should I implement them?"'

Bookmarked on #


GOV.UK elements

Component based style guide from Gov.UK for outside services.

Bookmarked on #



Prism

A lightweight, extensible syntax highlighter.

Bookmarked on #


Switching Drupal Views Grid to unordered lists

Replacing the table markup with semantic lists.

Bookmarked on #


HTML Email Boilerplate

A sort-of template that helps avoid some of the major rendering problems with the most common email clients.

Bookmarked on #



Quoting and citing with <blockquote>, <q>, <cite>, and the cite attribute

Everything you needed to know about quotations and citing in HTML5.

Bookmarked on #


WordOff

App-engine powered utility to strip cruft from Word produced HTML.

Bookmarked on #



24 ways: Make Your Mockup in Markup

Primarily this article is extolling the benefits of mocking up in code (yay), but I really love the design walkthrough in this.

Bookmarked on #


24 ways: Have a Field Day with HTML5 Forms

Advanced form techniques available in HTML5/CSS

Bookmarked on #


Semantic Views

Drupal module to produce better markup in Views output.

Bookmarked on #




HTML 5: The Markup Language

Author focused distillation of the HTML5 specification. Easier to take in than the main vendor focused spec.

Bookmarked on #



html5 Gallery 

A showcase of sites using html5 markup. Acts as gallery and teaching resource.

Bookmarked on #


When can I use... (browser compatibilty charts)

Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies

Bookmarked on #


XHTML - myths and realities

Clears up a lot of misconceptions and offers practical real life solutions.

Bookmarked on #


AnchorButtons Demo Page

Cross browser method for using the <button> element for visually rich and expressive form buttons. Dave Shea does it again.

Bookmarked on #


A CSS styled table version 2

Veerle show you how to get those tables to look bloody gorgeous.

Bookmarked on #


Small design tweaks can get big results

Redesigning an email from the perspective that it had to work without images resulted in a 41% clickthrough increase.

Bookmarked on #


Microformats: POSH

Plain Old Semantic HTML gets itself a nifty acronym.

Bookmarked on #


HTML5, XHTML2, and the Future of the Web

Nice overview of the whole XHTML1/XHTML2/HTML5 mess and where things could be going from here with the new HTML Working Group

Bookmarked on #



Markup as a Craft

"Markup is the technical foundation of front-end code. In one way or another, it influences or is influenced by design, content, accessibility, CSS, DOM scripting, and more. The quality of your markup will affect the quality of related code..."

Bookmarked on #


Microformats cheat sheet

"It lists the properties by format and also lists each format and the hierarchy. This includes elemental microformats, compound microformats and some of the standard design patterns used."

Bookmarked on #


Google Code: Web Authoring Statistics

Report from Google on the makeup of web pages including elements, classes, ids etc, using a sample of over a billion documents. Requires an SVG capable browser.

Bookmarked on #


Sensible Forms: A Form Usability Checklist

Guidelines for building usable forms from A List Apart

Bookmarked on #



Global White Space Reset

Using some simple rules to reset default browser layouts giving you more control over your final styles

Bookmarked on #




DL Sitemap

Well build sitemap using dl's

Bookmarked on #




Definition lists - misused or misunderstood?

What are definition lists? When are they appropriate? And how to style them to look like tables, image galleries, calendar of events and more.

Bookmarked on #


SimpleBits | Been There, Done That

Good discussion about how to style link states

Bookmarked on #




Who Cares about Semantics Anyway?

Dave Shea outlines the payback for using semantic markup. Includes markup style guide

Bookmarked on #


Emergent Semantics

Eric Meyer's presentation from SXSW2005

Bookmarked on #


The Elements of Meaningful XHTML

Tantek Çelik's presentation from SXSW2005

Bookmarked on #