Middleman is a static site generator using all the shortcuts and tools in modern web development.
Links Archives: 2013
All 73 links-
-
Middleman: Hand-crafted frontend development
-
Media Query & Asset Downloading Results - TimKadlec.com
-
All the rage—power couple creates webcomic | BAA | Between the Lines
An outlet for creativity and positivity, Cuddles and Rage, a mixed-media webcomic, explores the evil, yet often cute, adventures of food characters and animals living in Snuggle City.
-
A Baseline for Front-End Developers - Adventures in JavaScript Development
-
IE-friendly mobile-first CSS with Sass 3.2
-
HTML_CodeSniffer
HTML_CodeSniffer is a client-side script that checks HTML source code and detects violations of a defined coding standard. HTML_CodeSniffer is written entirely in JavaScript, does not require any server-side processing and can be extended by developers to enforce custom coding standards by creating your own “sniffs”.
-
Fresco - A Beautiful Responsive Lightbox
Fresco is a beautiful responsive lightbox. It can be used to create stunning overlays that work great at any screen size, in all browsers on every device.
-
Unsemantic
Unsemantic is a fluid grid system that is the successor to the 960 Grid System. It works in a similar way, but instead of being a set number of columns, it’s entirely based on percentages.
-
Protip: All browsers that support SVG background images also supports multiple background images.
-
How To Clean Up Your Chrome Bookmark Bar
-
Automatically eject external disks on sleep and reconnect after wake on OS X
-
Mountain Lion Server tutorials
This is not an official Apple site. Rather, it’s a joint project between Charles Edge and Brian Stucki.
-
Plans: Modern House Plans by Gregory La Vardera Architect
-
Responsive Nav — Responsive Navigation Plugin
Responsive navigation plugin without library dependencies and with fast touch screen support.
-
Custom jQuery Builds with Grunt | Blog :: The JavaScript Playground
-
Developing Backbone.js Applications
-
SVG Patterns Gallery
-
Responsive Multi-Level Menu
Space-saving drop-down menu with subtle effects
-
hawaii.gov | Our Design
Hawaii.gov is designed for mobile with a touch-first Responsive web design. Built for touch, speech, and with accessibility for all users, the new design showcases the very best in Web design thinking.
-
hawaii.gov | Developers
Hawaii.gov leverages text, SQL, JSON, RSS and ATOM data sources for content and Git for version control. Markdown, a markup language, and Liquid Templates combine the dynamic and static data sources.
-
Magnific Popup: Responsive jQuery Lightbox Plugin
Magnific Popup is a free responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device (Zepto.js compatible).
-
List of Pseudo-Elements to Style Form Controls
-
Making an accessible dialog box | NCZOnline
-
Building a device stand
“The main idea is to provide a dynamic and secure way to store phones, tablets and other devices and make it possible to use them for testing without the need to actually remove them from the stand.”
-
In San Francisco, a House with Its Own Twitter Feed | MIT Technology Review
A techie’s San Francisco home has its own Twitter feed. Will yours be next?
-
Screensiz.es
-
Say Goodbye to Painful Image Loads on Small Devices. Say Hello to Interchange. by ZURB
-
BARREL | Text-align: Justify and RWD
Did you know that one of the most powerful tools for fluid and responsive layout has been a native feature for every browser since HTML 4?
-
Nifty Modal Window Effects
Some inspiration for different modal window appearances.
-
Enough with the JavaScript already!
Do today’s web applications really need that much JavaScript?
-
CSS Font Stack :: A complete collection of web safe CSS font stacks
-
Jonathan T. Neal | Understand the Favicon
-
Google Analytics Social Tracking Demo
-
Firefox Flicks, Firefox Flicks 2013 Early Entry Awards Round 3 Winners
Fabián Ramírez, a fan from Mexico, won second place in the Firefox Flicks 2013 Early Entry Awards with his incredible video titled, “Beyond The Limit.” He used one of The Orchid’s songs, “Don’t Be Afraid; We’ll Be Together,” as the soundtrack.
-
Centering Percentage Width/Height Elements | CSS-Tricks
-
Beautiful web type — the best typefaces from the Google web fonts directory
-
Choosing an OSS license doesn’t need to be scary - ChooseALicense.com
-
Viewport Sizes
-
Shared Mustache Templates for Rails 3 | Railsware Blog
-
Shared Handlebars Templates for Rails 3 | Railsware Blog
-
jQuery Boilerplate
Jump-starting jQuery plugins development
-
Meet the Viget HQ FEDs
Our intern Una put this together for us. Amazing!
-
The Transformers: The IDW Collection - Transformers Wiki
-
IDW Transformers reading order - TFormers Community
-
Absolute Horizontal And Vertical Centering In CSS | Smashing Coding
-
An agency workflow for Responsive Web Design
-
Responsive Navigation On Complex Websites | Smashing Mobile
-
Complex Navigation Patterns for Responsive Design | Brad Frost Web
-
HTML_CodeSniffer
HTML_CodeSniffer is a client-side script that checks HTML source code and detects violations of a defined coding standard.
-
8 Compass extensions you may not know
-
Calvin and Hobbes: Electronic Superhighway
-
Benjamin Winterberg : Fix Icon-Fonts in Firefox for OSX
-
Panic Blog » The Panic Office
-
Making of: Entertainment Weekly's Responsive Mobile Site (Global Moxie)
-
“The Responsive Mobile Entertainment Weekly Site,” an article by Dan Mall
-
Entertainment Weekly | Brad Frost Web
-
Entertainment Weekly | Jonathan Stark
-
Calvin and Hobbes: I'm Significant!
-
This is Where the Magic Happens | Focus Lab, LLC
-
Learning JavaScript Design Patterns
-
Amazon Silk Developer Guide
-
Multi-Level Push Menu
-
60fps scrolling using pointer-events: none | The CSS Ninja - All things CSS, JavaScript & HTML
-
Internet Explorer for Xbox One Developer Guide (Internet Explorer)
-
Book of Speed
The business, psychology and technology of high-performance web apps.
-
A complete guide for learning backbone js | CodeBeerStartups
-
Offline First: Learning from native experiences — Tech Talk — Medium
-
Streamline your web font requests. Introducing “text=” | Google Fonts Blog
-
The Modern Farmer Pie Chart of Pies - Modern Farmer
-
The 11 Best Doughnuts In The D.C. Area: DCist
-
Futuristic Motorola ads from the groovy ’60s | DesignFaves
-
How to make a bootable install of Mavericks on Flash USB Drive - MacRumors Forums