highlight.js
12 weeks ago by tbrown
"Highlight.js highlights syntax in code examples on blogs, forums and in fact on any web pages. It's very easy to use because it works automatically: finds blocks of code, detects a language, highlights it."
JS
Code
12 weeks ago by tbrown
Radio Buttons with 2-Way Exclusivity | CSS-Tricks
september 2011 by tbrown
"Let's say you were tasked with creating a UI in which users can rate three candy bars from their most to least favorite. A grid of radio buttons isn't a terrible way to go about this."
HTML
JS
jQuery
Forms
september 2011 by tbrown
Controlling Web Typography
february 2011 by tbrown
Trent Walton: "Lettering.js is a solution, but perhaps it’s not the ultimate solution. […] Here’s a brief timeline recounting what’s already been discussed."
Type
JS
CSS
february 2011 by tbrown
FontFriend 2.5
january 2011 by tbrown
Matt Wiebe's very useful bookmarklet for testing type now has support for custom Font Family lists, including web fonts.
Type
JS
jQuery
Utilities
january 2011 by tbrown
BigText Makes Text Big
january 2011 by tbrown
"At its simplest, the BigText jQuery plugin takes a single element and sizes the text inside of its child DIVs to fit the width of the parent element."
jQuery
JS
Type
january 2011 by tbrown
jQuery Backstretch by Scott Robbin
january 2011 by tbrown
"Backstretch is a simple jQuery plugin that allows you to add a dynamically-resized background image to any page. The image will stretch to fit the page, and will automatically resize as the window size changes."
jQuery
JS
Design
january 2011 by tbrown
Moving Highlight
january 2011 by tbrown
Chris Coyier uses radial gradients and jQuery to produce a subtle highlight that follows a user's mouse.
CSS
jQuery
JS
january 2011 by tbrown
CssUserAgent (cssua.js)
january 2011 by tbrown
Script that adds UA-specific CSS classes to the <html> tag.
CSS
JS
Browsers
january 2011 by tbrown
A web standards holiday card from Typekit
december 2010 by tbrown
Sean McBride explains the snowy CSS3 and JS details that went into this effort of his, Mandy Brown's, and Jason Santa Maria's.
CSS3
Typekit
Type
JS
december 2010 by tbrown
jQuery idleTimer plugin « Paul Irish
november 2010 by tbrown
For when you want to know if a visitor is idle.
jQuery
JS
november 2010 by tbrown
mezzoblue's PaintbrushJS at master - GitHub
september 2010 by tbrown
"PaintbrushJS is a lightweight, browser-based image processing library that can apply various visual filters to images within a web page."
Dave-Shea
via-Dan-Cederholm
Images
JS
Canvas
september 2010 by tbrown
Less.js Will Obsolete CSS
june 2010 by tbrown
"Very soon we’ll see the next evolution of LESS. The new change will be bigger than any previous implementation or update because LESS has now been re-implemented in JavaScript. What this means is you no longer need Ruby, ASP or PHP to use LESS, you just need a browser.
Less.js is a JavaScript implementation of LESS that’s run by your web browser. As any JavaScript, you include a link to the script in your HTML, and…that’s that. LESS is now going to process LESS code so instead of including a link to a CSS file, you’ll include a link directly to your LESS code. That’s right, no CSS pre-processing, LESS will handle it live."
CSS
JS
Less.js is a JavaScript implementation of LESS that’s run by your web browser. As any JavaScript, you include a link to the script in your HTML, and…that’s that. LESS is now going to process LESS code so instead of including a link to a CSS file, you’ll include a link directly to your LESS code. That’s right, no CSS pre-processing, LESS will handle it live."
june 2010 by tbrown
Code Standards | Isobar
april 2010 by tbrown
"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."
HTML
CSS
JS
april 2010 by tbrown
Uniform - Sexy forms with jQuery
february 2010 by tbrown
"Ever wished you could control the look and feel of your form elements between all browsers? If so, Uniform is your new best friend. Uniform masks your standard form controls with custom themed controls."
JS
UI
february 2010 by tbrown
jQuery Masonry
february 2010 by tbrown
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."
JS
CSS
february 2010 by tbrown
Cross Browser HTML5 Drag and Drop
january 2010 by tbrown
Zoltan Hawryluk: "I found a common denominator that works well, with the help of a small bit of JavaScript that smooths out the edges. [...] This article will explain how to do this step by step with many examples along the way."
JS
UI
HTML
january 2010 by tbrown
Copy this bookmark: