A curated gallery of Dribbble shots reworked as interactive CodePen pens.

First of all, welcome to the new and updated install guide for the Intel Haswell NUC!

The grid isn't primarily a visual design tool, it's a user-experience aid - like lanes on a street. via Pocket

The files have to be copied to the \wbfs folder on the FAT/NTFS partition.

WiiMC (Wii Media Centre) is an open source media player for the Nintendo Wii.

Web Inspector allow you debug Javascript right in the editor

This free app for Google Chrome is touted as “What you bought your Chromecast for” by its developers — and they’re right. It allows you to easily stream the videos stored on your local computer or network location directly to the big screen. It’s able to play virtually every file type out there. The secret is it uses FFmpeg, a multimedia framework for transcoding video files.

Almost universally, professional web interface designers (engineers, whatever) have accustomed themselves to styling HTML elementsprescriptively. We conceive of an interface object, then author styles for the object that are inscribed manually in the markup as “hooks.”

This repo is the home for my research and documentation on Adobe Extendscript.

This document shows how to do the following:

• Work with the Adobe® InDesign® scripting environment.
• Use advanced scripting features.
• Perform basic document tasks like setting up master spreads, printing, and exporting.
• Work with page items (rectangles, ellipses, graphic lines, polygons, text frames, and groups).
• Work with text and type in an InDesign document, including finding and changing text.
• Create dialog boxes and other user-interface items.
• Customize and add menus and create menu actions.
• Respond to user-interface events.
• Work with XML, from creating XML elements and importing XML to adding XML elements to a layout.
• Apply XML rules, a new scripting feature that makes working with XML in InDesign faster and easier.

This is a small command-line program for OS X that moves files or folders to the trash.

The wide availability of web fonts has enabled sites to become typographical wonderlands, at the cost of increased page size and longer load times. Performance-focused developers already optimize their images and CSS; it makes sense that we should also optimize web fonts.

The good news is that doing is fairly easy: by creating your own custom font or supplying your web font hosting service with a simple variable value, you can load only the glyphs that you need for the text you have on the page, rather than the entire range of characters, numbers and symbols in the font, reducing page load times.

In CSS media the difference between width and device-width can be a bit muddled, so lets expound on that a bit. device-width refers to the width of the device itself, in other words, the screen resolution of the device. Lets say your screen's resolution is 1440 x 900. This means the screen is 1440 pixels across, so it has a device-width of 1440px. Most mobile phones have a device-width of 480px or lower, including the popular iPhone 4 (with device-width: 320px), despite it technically having a 640 x 960 resolution. This is due to iPhone 4's retina display, which crams two device pixels into each CSS pixel on the screen. This is true for the Ipad 3 as well; its reported device-width is 768px just like its predecessors, even though its actual screen resolution is 1536px x 2048px. In general width is more versatile when it comes to creating responsive webpages, though device-width is useful when you wish to specifically target mobile devices (and not desktops with a small browser window for example), as rarely do desktops have screen resolutions below a certain number such as 320px x 480px.

Click the Rainbow. Spectral is a math-based HSL color exploration tool built with Vuejs and TinyColor

Return focus from embedded object back to browser on browser hotkeys pressed.

simple GUI to set up virtual machines for Web development

I recently migrated my blog from WordPress to Jekyll, a fantastic website generator that’s designed for building minimal, static blogs to be hosted on GitHub Pages. The simplicity of Jekyll’s theming layer and writing workflow is fantastic; however, setting up my website took a lot longer than expected.

Just select a file that contains some Markdown and we’ll convert it to a PDF in a snap!

Мы все умеем пользоваться элементом <img>, ему уже двадцать лет в обед. Но за это время задачи поменялись, и старичок уже не справляется с адаптивным дизайном. Этой осенью новый элемент <picture> приедет в большинство популярных браузеров. Самое время разобраться, как он работает.

This article demonstrates how to use CSS transforms, perspective and some scaling trickery to create a pure CSS parallax scrolling website.