Next to coming up with project names, managing tables in a responsive layout is one of the trickiest problems in web development. Semantically structured tables are notoriously difficult to style as anything other than… well… a table. On the other hand, cobbling together a pile of divs and spans into a table-like shape means giving up the semantic meaning, accessibility, and navigability of real table elements to represent tabular data, or it means jumping through hoops to recreate those features. When it comes down to it, the semantic benefits of real table elements make them our first and best choice.

GitBook is a modern publishing toolchain. Making both writing and collaboration easy.

A widget for running scripts in the Today View in OS X Yosemite's Notification Center.

certainlyakey starred phated/gulp-jade

Let's learn Gulp

So, I am putting together this cheatsheet hoping it will guide us on where the stuff should really go. It's not meant to be detail, but it should give you the right starting point depending on what you are trying to achieve.

Answers for these questions were collected from personal experience, Stackoverflow, and the official Git documentation.

A mostly reasonable approach to JavaScript

es5-shim.js and es5-shim.min.js monkey-patch a JavaScript context to contain all EcmaScript 5 methods that can be faithfully emulated with a legacy JavaScript engine.

This feature allows you to script the animation of your SVG. To do this, the custom values will be set directly in the DOM of the SVG.

Here is an example using scenario-sync.
I would recommend you look at the source code and the readme file for more information.

I like using diagrams as a way of showing information flow or browser behaviour, but large diagrams can be daunting at first glance. When I gave talks about the Application Cache and rendering performance I started with a blank screen and made the diagrams appear to draw themselves bit by bit as I described the process. Here's how it's done:

Over the years, I have created many virtual hosts. Each time editing httpd-vhosts.conf. To mountaindogmedia’s point, this becomes difficult to manage. Furthermore, Apache configurations often get reset when upgrading Mac OS X. In the same amount of steps (two), you can adopt a more manageable configuration.

Analyze fonts on a website. Enter a website adress and get a list of fonts from the website font analyzer.

Luckily, the bash shell has some fairly well-developed history functions. Learning how to affectively use and manipulate your bash history will allow you to spend less time typing and more time getting actual work done. Many developers are familiar with the DRY philosophy of Don't Repeat Yourself. Effective use of bash's history allows you to operate closer to this principle and will speed up your work flow.

The first website in the world to provide mass & public access to research papers

Gulp Starter is a delicious blend of tasks and build tools poured into Gulp to form a full-featured modern asset pipeline. It can be used as-is as a static site builder, or can be configured and integrated into your own development environment and site or app structure. The extras folder contains configuration details for Rails and Craft, with more to follow. Check out the compiled demo and play with the source files!

This is Part One of a series that is going to deconstruct the lessons I learned from building AngularJS Sticky Notes. This is going to be different from other posts that I have done in that we will be starting with a finished product and working backwards. I will do my best to approach it in a way that can be translated to how applications are really written. From nothing, through many, many iterations and edits.

In this post I present the development model that I’ve introduced for some of my projects (both at work and private) about a year ago, and which has turned out to be very successful. I’ve been meaning to write about it for a while now, but I’ve never really found the time to do so thoroughly, until now. I won’t talk about any of the projects’ details, merely about the branching strategy and release management.

Objects in real life don’t just start and stop instantly, and almost never move at a constant speed. When we open a drawer, we first move it quickly, and slow it down as it comes out. Drop something on the floor, and it will first accelerate downwards, and then bounce back up after hitting the floor.

list of css hacks for IE up to Edge

Twig doesn’t refer to a key, value array as an array. It calls it a hash.

A pure CSS Masonry with flexbox+CSS columns (demo here https://jsbin.com/loronibali/2/edit?css,output).

In this tutorial I'll show you three methods you can use to override functions from the parent theme in your child theme:
pluggable functions
function priority
removing functions from the hook they're attached to

Helping to make accessibility accessible on the web and elsewhere

Changes link clicking behavior when using modifier keys or middle mouse button.

Search Alias is a Safari extension that lets you search the Web more effectively. It overrides Safari's default search behavior to recognize search URL aliases and then it replaces the keywords you supply in the relevant portion of the URL. You can search using different search engines without having to open up the preferences. You can easily search through forums or technical documentation sites. This adds one of the features that Safari is missing, but all other browsers provide.

When you first get started with Angular, you’ll naturally find yourself flooding your controllers and scopes with unnecessary logic. It’s important to realize early on that your controller should be very thin; meaning, most of the business logic and persistent data in your application should be taken care of or stored in a service. I see a few questions a day on Stack Overflow regarding someone trying to have persistent data in his or her controller. That’s just not the purpose of a controller. For memory purposes, controllers are instantiated only when they are needed and discarded when they are not. Because of this, every time you switch a route or reload a page, Angular cleans up the current controller. Services however provide a means for keeping data around for the lifetime of an application while they also can be used across different controllers in a consistent manner.

Tunnelblick is a free, open source graphic user interface for OpenVPN on OS X. It provides easy control of OpenVPN client and/or server connections.

Reactive Components for Modern Web Interfaces

Over the past 30 years, designer, writer, and researcher Bill Buxton has been collecting. Explore his collection of input and interactive devices that he found interesting, useful, or important in the history of pen computing, pointing devices, and touch technologies.

Here is my definitive guide to getting a local web server running on OS X. This is meant to be a development platform so that you can build and test your sites locally, then deploy to an internet server. This User Tip contains instructions for configuring the Apache and PHP. I have another User Tip for installing and configuring MySQL and Perl.