Posts Tagged ‘code’
Marking up a postal address with HTML | iandevlin.com – blog
Scalable and Modular Architecture for CSS
Your Sites & Styles – WebPutty
Symbolicode – HTML Character Entity Reference
HTML5 Snippets
Bruce Lawson’s personal site : HTML5 gurus on Twitter
Want an avalanche of argument and a bewildering babel of information and opinions about HTML? Here are the people I follow on Twitter who regularly tweet about the development of HTML5. Many are friends, too. If you or your favourite weblebrity isn’t on here, sorry. Even Hixie isn’t listed; I restricted myself to people who contribute to the Working Groups, regularly tweet opinions or news about HTML5 (not CSS, SVG, etc – those are future lists.)
CSS | HTML Remix
don’t copy code, remix it!
HTML Entities
HTML Entities
Code School – Learn by Doing
An interactive online marketplace where you can learn to code directly in the browser
Code Style: Open standards Web design with CSS, XHTML, Java servlets and Javascript
Code Style answers key questions for Web developers. Which Web fonts are most common? How to use media dependent style sheets? Make more robust, accessible Websites with open standards technology.
Code Style: Open standards Web design with CSS, XHTML, Java servlets and Javascript
Mobile-friendly: The mobile web optimization guide – Dev.Opera
Mobile devices have a wide variety of screen sizes and input methods that range from QWERTY keyboards to touch screens to traditional numeric keypads. Battery life is a problem too; no matter how killer your new web application is, if it eats your visitors’ batteries, it’s unlikely to be a success on devices.
Mobile-friendly: The mobile web optimization guide – Dev.Opera
Remove unused CSS – CSS Optimizer
a web crawler follows the links of your site. On each page, we retrieve the CSS files and list the selectors. The selectors are tested on the html page. If the selector matches an element, it is marked as used. When all the files have been visited, a new css file with only the used selectors is built. That’s the file you can download.
jQuery Masonry › Primer
Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.
Eric’s Archived Thoughts: Reset Revisited
Reset Revisited
Coda clip bulletproof html email
Introducing CM Bulletproof, a clip for Coda that allows you to quickly add common email rendering fixes, useful code snippets and more to your HTML email designs. Simply download the clip, fire up Coda, create shortcuts and build more reliable newsletters!
Pure CSS3 box-shadow page curl effect
page curl effect via CSS3
code · Me, Myself and I — or: Abbreviations, Definitions & Citations Revisited
Me, Myself and I — or:Abbreviations, Definitions & Citations Revisited
code · Me, Myself and I — or: Abbreviations, Definitions & Citations Revisited
Sticky Notes with CSS3 : accidental hacker
My initial design used the classic yellow sticky notes, which I thought looked pretty neat. I showed my co-worker Rich who suggested that we make the notes look like the FogBugz and Kiln notepads that are laying around the office. Awesome idea! Way better.
WordPress Snippets
Hello, and welcome to WP-Snippets. Here you’ll find loads of small snippets, ready to enhance that WordPress Theme you’re working on!
What the Hex?
What the Hex? – colour guessing game for geeky designers 
Using HTML5 elements in WordPress post content – Nicolas Gallagher – Blog & Ephemera
Here are two ways to include HTML5 elements in your WordPress post content without WordPress’ wpautop function wrapping them in p tags or littering your code with line breaks.
Using HTML5 elements in WordPress post content – Nicolas Gallagher – Blog & Ephemera
Piknik Color Picker
colour picker via mouse move
A JavaScript Content Switcher That Works Without JavaScript
Normally, with JavaScript disabled, this type of content switcher (or content slider) will just display one item, or else display all items, without allowing any “switching” functionality. After some poking around, I realized it’s not a very difficult thing to do. The switcher utilizes in-page anchors and overflow: hidden to keep the switchability intact.
ProCSSor – Advanced CSS Prettifier
What is it? A powerful (and wholly free) CSS prettifier that lets you format CSS in the exact way you want.
CSS3.0 Maker
| CSS3.0 Generator |
Code Standards | Isobar
This document outlines our de-facto code standards. The primary motivation is two- fold: 1) code consistency and 2) best practices. By maintaining consistency in coding styles and conventions, we can ease the burden of legacy code maintenance, and mitigate risk of breakage in the future. By adhering to best practices, we ensure optimized page loading, performance and maintainable code.
jQuery Mobile | jQuery Mobile
jQuery Mobile: Touch-Optimized Web Framework for Smartphones & Tablets
Goodbye, headaches. Hello, menus!
….features of the new system and how to build this into your theme if you’re a developer. What the menu system offers In WordPress 3.0, you’ll gain another admin screen under your Appearance menu called Menus.
HTML5 Video
HTML5 is a set of web standards being developed by the “Web Hypertext Application Technology Working Group” The HTML5 standard includes many new features for more dynamic web applications and interfaces. One such component being specified and implemented is the
jQuery Masonry · David DeSandro
Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.
HTML 5 pocket book
by Jeremy Keith
Oli.jp (@boblet)
writing & such by Oli Studholme — on HTML5
Semantic CSS3 Lightboxes
This tutorial aims to showcase a method of displaying content based on the lightbox, which is web accessible and (excluding Internet Explorer) will require no scripting at all. Sound like fun? Well, let’s explore the subject further!
Conditional comments block downloads / Stoyan’s phpied.com
[..] a case where an IE6-only stylesheet included with a conditional comment blocks the downloads in IE8. Whaaat?
Christoph Zillgens: Equal height inputs and buttons
When styling a search form with CSS you maybe want to achieve equal heights of both the text input field and the submit button.
Using WebFonts | Expressing IT
@fontface : Expressing it with a font of your choice
The WebM Project
e WebM project is dedicated to developing a high-quality, open video format for the web that is freely available to everyone.
3 reasons why you should let Google host jQuery for you | Encosia
Instead, I urge you to use the Google AJAX Libraries content delivery network to serve jQuery to your users directly from Google’s network of datacenters. Doing so has several advantages over hosting jQuery on your server(s): decreased latency, increased parallelism, and better caching.
3 reasons why you should let Google host jQuery for you | Encosia
JS Bin – Collaborative JavaScript Debugging
JS Bin is a webapp specifically designed to help JavaScript and CSS folk test snippets of code, within some context, and debug the code collaboratively.