Tags: source

Thoughts on Blink

A good history lesson in rendering engines: KHTML, WebKit, and now, Blink.

Max CSS

I like this suggestion. If you’re using minified CSS in production, it would be a nice gesture to have an easily-discoverable unminified version for people to view source on.

Implementing Responsive Design | Building sites for an anywhere, everywhere web

Tim’s book is ready for pre-order. Looks like it’s going to be good one.

» 13 July 2012, baked by Bruce Lawson @ The Pastry Box Project

More on View Source, this time from Bruce.

The Web has thrived on people viewing source, copying and pasting, then tweaking until they get the page they want.

Things that compile to JavaScript

Stuart on the importance of View Source.

A List Apart: Articles: ALA Summer Reading Issue

How about this for a trip down memory lane—a compendium of articles from over a decade of A List Apart, also available as a Readlist epub. It’s quite amazing just how good this free resource is.

The only thing to fault is that, due to some kind of clerical error, one of my articles has somehow found its way onto this list.

If this were Twitter, you’d be at-replying me with the hashtag “humblebrag”, wouldn’t you?

JS Hotline: (877) 300-2187

I love this! A volunteer-run hotline for answering JavaScript questions (set up by the awesome Garann Means, who literally wrote the book on Node.js).

I think I might volunteer my services.

littleBits

This is such a brilliant and empowering idea: an open-source object-oriented to electronics, like LEGO bricks for circuit-building.

Prometheus Fusion Perfection

Now this is what I call science hacking: building an open source fusion reactor.

Science!

Browser Support

A very useful site for checking browser support for CSS features. The test cases are really handy and the site gets extra bonus points for not calling itself “HTML5” anything.

Building a Responsive, Future-Friendly Web for Everyone | Webmonkey | Wired.com

A nice round-up of responsive and future-friendly resources.

The developer’s guide to mobile frameworks | Feature | .net magazine

Jonathan gives a thorough overview of the various tools and frameworks out there to help build native, hybrid and mobile web apps. He also shares his decision-making process on when to build what.

Is the web dead?

View source.

HTML5 and CSS3 Advent 2011

Here’s a geek advent calendar I missed. There are some great CSS techniques here.

InstaCSS | Instant CSS Documentation Search

A fantastically useful resource! Don’t let the name fool you: this provides instant access to documentation for CSS and HTML and JavaScript!

Put this one on speed dial.

Move The Web Forward | Guide to getting involved with standards and browser development

A call-to-arms for web developers combined with a handy list of projects you can get involved in.

Mobile Web Best Practices | Helping people make mobile websites

A handy set of guidelines from Brad Frost. It’s still a work in progress but it’s got some good tips for mobile design and development.

Get Ratio

A handy little tool for quickly generating ratios (like the golden section) from a number.

CSS Lint

Nicholas and Nicole have unveiled the CSS companion to JS Lint. And yes, it will your hurt your feelings.

resizeMyBrowser

A handy little tool for testing responsive designs by automatically changing your browser viewport size.

Responsive Data Tables | CSS-Tricks

Some good ideas for formatting tabular data for small screens.

Tips, Tricks and Best Practices for Responsive Design | Webmonkey | Wired.com

A nice round-up of responsive design techniques, with a particular focus on content first.

Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement — Easy Readers

Buy. This. Book.

I mean it.

Responsive Design Stuff

A handy list of responsive design resources.

Everything I’ve learned about podcasting over the last four years | fortuitous

A very handy “how to” for recording your own podcast.

Bletchley Park and History Hackday Request | Amplified

Let’s make the Bletchley Park data machine-readable so we can start mining the stories they contain (like Old Weather).

Bletchley Park need help to catalogue and create a proper archive of these decrypts.

I want in!

Support Web Standards: More information about Web Standards, why they're important, and how you can support them.

A one-stop link shop for resources on web standards.

Create a new Fiddle - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)

This looks like it could be a handy little tool for creating test cases with HTML, CSS and JavaScript.

HTML5 accessibility

A handy table of new HTML5 elements and whether or not they are exposed to assistive technology.

Accessibility video tutorial - learn Accessibility // Think Vitamin Membership

Think Vitamin have been their accessibility material available for free.

HTML5 Reference | Metal Toad Media

HTML5 resources, gathered together in one place.

genManifest Bookmarklet

A handy little tool to help you get started with building offline apps by suggesting which files should go in your cache manifest.

HTML5Rocks - Home

A new HTML5 resource from Paul Irish and other Googlers.

Typograph – Scale & Rhythm

A handy tool that generates font-sizing CSS based on a drag'n'drop interface.

Pictaculous - A Color Palette Generator (courtesy of MailChimp)

A handy tool for generating colour palettes from images.

border-image-generator - In Case of Stairs

A very handy GUI for figuring out the somewhat complicated syntax of border-image in CSS3.

Placehold.it - Quick and simple image placeholders

This will be very, very handy for my day-to-day front end development work.

BBC - My Web My Way - Home

A handy accessibility resource from Auntie Beeb.

Happy Cog Studios: A Book Apart

Coming soon to a bookshelf near you.

PrimerCSS

This is an interesting idea: paste in some markup and this will automatically generate CSS selectors based on your classes and IDs.

101 Things I Learned in Interaction Design School

A set of short, easily-digested lessons from the world of interaction design, inspired by "101 Things I Learned In Architecture School."

Scrunchup

The Web Magazine for Young Designers and Developers. Very nicely done, and all in HTML5 too.

Stellarium

A free open source planetarium for your computer.

The League of Moveable Type

"We're done with the tired old fontstacks of yesteryear. Enough with the limitations of the web, we won't have it. It's time to raise our standards. Here, you'll find only the most well-made, free & open-source, @font-face ready fonts."

Accessibility Tips

A collection of tips, guidance, advice and practical suggestions in developing accessible websites

PHP Advent Calendar 2008

Like 24 Ways, this is an advent calendar for geeks. But this one is focused on PHP.

The Grid System

The Grid System is a resource for all designers to learn about the benefits of using grid systems, golden ratios and baseline grids.

Five Simple Steps | Books

Mark's book is almost ready. Really. It's got its own site and everything so it must be true.

Ma.gnolia.org

Magnolia's going Open Source. Soon you'll be able to host and run your own instance of the social bookmarking service.

Webmonkey: the Web Developers Resource

Hey, look what's back: Webmonkey! Ah, memories.

Creating Proprietary Content is Like 'Writing in Sand' | Compiler from Wired.com

Tantek talks about the importance of open media for the longevity of data.

Web design 2.0 - it’s all about the resource and its URL « Derivadow.com

A great article about designing for what Tom Coates calls a "web of data", emphasising the importance of making sure that a resource sits at one URL.

movabletype.org: Welcome to MTOS: the Movable Type Open Source Project

This is the secret I've been keeping ever since I visited Six Apart a few weeks back: Movable Type is going open source.

24 ways: 2006

It's baaa-aaaack!

The Fox Tales » Blog Archive » All “signs” point to Firefox

This is just about one of the geekiest things I've ever seen. A crop circle of the Firefox logo. This is not Photoshopped.

Code Igniter

An interesting looking lightweight framework for PHP.

Design Melt Down

Design elements, trends and problems in Web Design... via John Oxton.

Simply Accessible

Derek's new site is going to be a great resource for practical accessibility techniques.