Pinboard (coldbrain)

The Component Gallery

coldbrain — 2021-04-03T20:51:34+00:00

The Component Gallery is a collection of components from the best Design Systems.

Making of Byrne’s Euclid

coldbrain — 2018-12-17T16:41:10+00:00

C82 is dedicated to the personal and business works of Nicholas Rougeux. Works include data visualization, web design, and inspirational fractal posters.

Blending Modes Demystified · An A List Apart Article

coldbrain — 2016-01-05T15:31:21+00:00

Bigfoot

coldbrain — 2013-11-13T10:20:17+00:00

A jQuery plugin for empowering footnotes

Ladda for Bootstrap 3 UI

coldbrain — 2013-10-02T07:15:07+00:00

A UI concept by @hakimel which merges loading indicators into the action that invoked them. Primarily intended for use with forms where it gives users immediate feedback upon submit rather than leaving them wondering while the browser does its thing.

animo.js • Labs by Big Room Studios

coldbrain — 2013-09-12T11:57:47+00:00

Creative Link Effects

coldbrain — 2013-08-09T15:27:43+00:00

Move.js - CSS3 animation framework for JavaScript

coldbrain — 2013-07-29T12:45:10+00:00

Move.js is a small JavaScript library making CSS3 backed animation extremely simple and elegant.

Effeckt.css

coldbrain — 2013-07-23T07:20:09+00:00

Creative Button Styles

coldbrain — 2013-06-27T15:15:14+00:00

Caption Hover Effects - Demo 1

coldbrain — 2013-06-27T15:13:36+00:00

Nifty Modal Window Effects

coldbrain — 2013-06-27T15:11:50+00:00

There are many possibilities for modal overlays to appear. Here are some modern ways of showing them using CSS transitions and animations.

flippant.js

coldbrain — 2013-06-17T21:17:18+00:00

A mini js+css library for flipping things over.

Forecast Blog

coldbrain — 2013-04-13T08:05:38+00:00

Markdown.css - make HTML look like plain-text

coldbrain — 2013-02-14T19:28:14+00:00

CSS to make HTML markup look like plain-text markdown.

madx/prezto · GitHub

coldbrain — 2013-02-10T13:44:01+00:00

A fast and simple JavaScript slideshow system

A Beginner's Guide to HTML & CSS

coldbrain — 2013-02-09T18:34:55+00:00

A Beginner’s Guide to HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS. Outlining the fundamentals, this guide works through all common elements of front-end design and development.

Stately | The simple map font

coldbrain — 2013-02-06T19:41:21+00:00

Stately is a symbol font that makes it easy to create a map of the United States using only HTML and CSS. Each state can be styled independently with CSS for making simple visualizations. And since it's a font, it scales bigger and smaller while staying sharp as a tack.

10 Great Google Font Combinations You Can Copy | Design Shack

coldbrain — 2013-01-28T12:10:51+00:00

More Thoughts About Blockquotes than are Strictly Required ∙ An A List Apart Blog Post

coldbrain — 2013-01-27T16:56:34+00:00

What No One Told You About Z-Index — Philip Walton

coldbrain — 2013-01-19T10:50:12+00:00

Interactive Guide to Blog Typography

coldbrain — 2012-12-19T15:43:27+00:00

HTML5 Reset :: A simple set of templates for any project

coldbrain — 2012-12-07T18:50:46+00:00

Rickshaw: A JavaScript toolkit for creating interactive time-series graphs

coldbrain — 2012-12-02T12:41:03+00:00

Rickshaw is a JavaScript toolkit for creating interactive time series graphs.

Emmet Documentation

coldbrain — 2012-11-23T18:47:06+00:00

Footnote Marker Styling with CSS

coldbrain — 2012-09-15T11:38:22+00:00

Twitter / siracusa: @5by5 Try adding -webkit-o

coldbrain — 2012-06-11T09:22:25+00:00

@5by5 Try adding -webkit-overflow-scrolling: touch; to the ‪#carousel‬

Code a Simple Folded Corner Effect With CSS | Design Shack

coldbrain — 2012-05-30T12:14:06+00:00

The Toolbox: a directory of useful single-page sites and apps

coldbrain — 2012-05-21T16:11:54+00:00

A collection of the best time-saving apps, tools, and widgets from around the web.

Don’t Fear the Internet

coldbrain — 2012-02-08T17:27:04+00:00

"Are you a print designer, photographer, fine-artist, or general creative person? Do you have a shitty website that you slapped together yourself in Dreamweaver in that ONE web design class that you took in college? Do you not have a site at all because you’ve been waiting two years for your cousin to put it together for you? Well, we’re here to help. We know that you have little to no desire to do web design professionally, but that doesn’t mean that you want an ugly cookie-cutter site or to settle for one that hasn't been updated since Hackers was in theaters. Through short tutorial videos, you’ll learn how to take a basic wordpress blog and manipulate the css, html (and even some php!) to match your aesthetic. You’ll feel empowered rather than crippled by the internet and worst case scenario you’ll at least end up having a better idea of how professional web designers turn your design dreams into a reality on screen."

dochub | Instant Documentation Search

coldbrain — 2012-02-05T15:25:08+00:00

Beautiful Buttons for Twitter Bootstrappers

coldbrain — 2012-02-03T16:19:01+00:00

This is an extension to the Twitter Bootstrap framework. It makes creating pretty buttons easy.

Bear CSS - Helping you build a solid stylesheet foundation based on your markup

coldbrain — 2012-02-02T15:31:01+00:00

Helping you build a solid stylesheet foundation based on your markup

css3.bradshawenterprises.com/all/

coldbrain — 2012-01-27T16:50:17+00:00

First things first - these demos are showing of CSS transitions, transforms (2D and 3D) and animations. Currently (January 2012), 2D transforms are available in all current browsers including IE9, transitions are available in all browsers except Internet Explorer 9 and less, while 3D transforms are in Safari, Chrome, Firefox and IE10 and up. Animations are available in Safari, Chrome, Firefox 5+ and IE10. Most examples degrade nicely, so if you are using a legacy browser you can still use a site using these, you just won't get animation. 3D transforms generally don't degrade nicely, so be careful when using them.

LESS.app For Mac OS X

coldbrain — 2012-01-27T12:01:11+00:00

{Less} extends CSS with variables, nested rules, operators and more. If you're still building websites without it, you're an idiot. This app makes it dead simple to use {Less} by automatically compiling *.less files into standard CSS.

LESS « The Dynamic Stylesheet language

coldbrain — 2012-01-27T12:00:10+00:00

LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions. LESS runs on both the client-side (IE 6+, Webkit, Firefox) and server-side, with Node.js and Rhino.

Bootstrap, from Twitter

coldbrain — 2012-01-26T15:03:23+00:00

Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.

HTML5 Please - Use the new and shiny responsibly

coldbrain — 2012-01-26T15:00:32+00:00

Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.

HTML KickStart - Ultra–Lean HTML Building Blocks for Rapid Website Production - KickStart your Website Production - 99Lime.com

coldbrain — 2012-01-25T12:15:53+00:00

HTML KickStart is an ultra–lean set of HTML5, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save you 10's of hours on your next web project.

Home | Design in the browser with web fonts and real content — Typecast

coldbrain — 2012-01-25T12:07:27+00:00

The web’s most beautiful typefaces: Try typefaces from the web’s best known web font services. Design with real content: Kiss goodbye to Lorum Ipsum. Get real web content in place, fast. Create HTML & CSS in the browser: Quickly get to a working, standards-compliant prototype.

Fontdeck web fonts: Real fonts for your website

coldbrain — 2012-01-23T13:03:58+00:00

Font Squirrel | Create Your Own @font-face Kits

coldbrain — 2012-01-23T13:00:41+00:00

Bulletproof @font-face syntax « Paul Irish

coldbrain — 2012-01-23T12:55:29+00:00

Let me introduce you to the best way to do your @font-face definitions:

Blueprint: A CSS Framework | Spend your time innovating, not replicating

coldbrain — 2012-01-06T15:49:49+00:00

Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.

A List Apart: Articles: Expanding Text Areas Made Elegant

coldbrain — 2011-11-02T09:50:51+00:00

CSS Lint

coldbrain — 2011-06-20T08:45:40+00:00

“What Font Should I Use?”: Five Principles for Choosing and Using Typefaces - Smashing Magazine

coldbrain — 2011-05-22T15:54:07+00:00

For many beginners, the task of picking fonts is a mystifying process. There seem to be endless choices — from normal, conventional-looking fonts to novelty candy cane fonts and bunny fonts — with no way of understanding the options, only never-ending lists of categories and recommendations. Selecting the right typeface is a mixture of firm rules and loose intuition, and takes years of experience to develop a feeling for. Here are five guidelines for picking and using fonts that I’ve developed in the course of using and teaching typography.

A List Apart: Articles: More Meaningful Typography

coldbrain — 2011-05-03T13:10:47+00:00

A List Apart: Articles: Now You See Me

coldbrain — 2011-05-03T13:06:20+00:00

JavaScript is a powerful tool for building rich interactions online. We already know that, when we do it, we need to be unobtrusive and build the behavior layer following progressive enhancement, but sometimes that only gets us so far. Thankfully, however, with a little thoughtful reflection, we can take our scripts that extra step and make our pages just a little more accessible.

The 1140px CSS Grid System/Framework · Fluid down to mobile

coldbrain — 2011-04-21T10:15:26+00:00

Wrapping Long URLs and Text Content with CSS • Perishable Press

coldbrain — 2011-04-20T13:53:31+00:00

To wrap long URLs, strings of text, and other content, just apply this carefully crafted chunk of CSS code to any block-level element (e.g., perfect for

 tags)

TheNewBoston – Free Educational Video Tutorials on Computer Programming and More! » CSS

coldbrain — 2011-02-26T15:33:35+00:00

Typograph – Scale

coldbrain — 2011-02-01T21:18:23+00:00

This page falls somewhere between a tool and an essay. It sets out to explore how the intertwined typographic concepts of scale and rhythm can be encouraged to shake a leg on web pages. Drag the colored boxes along the scale to throw these words anew. For the most part, this text is just a libretto for the performance you can play upon it.

Google: HTML, CSS, and Javascript from the Ground Up - Google Code University - Google Code

coldbrain — 2011-01-17T18:55:39+00:00

Are you looking for a basic understanding of how UIs are created on the web or who wants to brush up outdated UI development knowledge? Or maybe you'd like to learn more about the medium you're designing for and gain basic tools for prototyping designs? Do you want a better understanding of the web and how Google makes the pages that are its face to the world? If so, "HTML, CSS, and JavaScript from the Ground Up" is for you.

W3Fools – A W3Schools Intervention

coldbrain — 2011-01-17T18:47:49+00:00

We hope we can illuminate why W3Schools is a troublesome resource, why their faulty information is a detriment to the web, and what you (and they) can do about it.

Five Useful Design Techniques and Coding Solutions For Web Designers - Smashing Magazine

coldbrain — 2010-10-07T08:58:50+00:00

In this article, we’ll look at five useful coding solutions that we’ve stumble upon recently. All of these solutions enhance a website’s design, not just the code. These solutions affect the user interface and the user’s interaction with the design, and they can make for a more usable and interactive website.

Panic - Coda - One-Window Web Development for Mac OS X

coldbrain — 2010-08-17T17:49:22+00:00

Designing With Web Standards, 3rd Edition

coldbrain — 2010-08-17T17:45:22+00:00

Best-selling author, designer, and web standards godfather Jeffrey Zeldman has once again updated his classic, industry-shaking guidebook. Substantially revised in collaboration with Ethan Marcotte, this third edition to the foundational web standards text covers improvements and challenges in the changing environment of standards-based design.

HTML and CSS Tutorials, References, and Articles | HTML Dog

coldbrain — 2010-08-17T17:10:51+00:00

Welcome to HTML Dog, the web designer's resource for everything HTML and CSS, the most common technologies used in making web pages.

The End of :hover? | writing | Andy Croll | Web Designer

coldbrain — 2010-06-09T08:43:14+00:00

So my proposition is this: :hover as an web interface design tool going forward is going to be less and less important.

Readability - An Arc90 Lab Experiment

coldbrain — 2010-02-01T07:09:31+00:00

"Readability is a simple tool that makes reading on the Web more enjoyable by removing the clutter around what you're reading."

A List Apart: Articles: On Web Typography

coldbrain — 2009-11-17T11:31:13+00:00

"There are many books and articles on typography, but considerably few explore typeface selection and pairing. With the floodgates poised to open and the promise of many typefaces being freed up for use on websites, choosing the right face to complement a website’s design will need to become another notch in the designer’s belt. But where do we start?"

Firefox 3.5 and the potential of Web typography

coldbrain — 2009-07-04T14:49:03+00:00

"In addition to new features such as support for HTML 5, geo-location, and a noticeably faster engine, Firefox 3.5 added a new CSS rule that makes Web typography much more attractive."