How hard could it be to draw a horizontal line on the screen? It seems wrangling a few pixels together to stand in a file would be something computers should be pretty good at anno domini twenty-fourteen.
One would think so, but simple things are rarely simple under the surface… at least if they are worth anything. Typography, likewise, is a game of nuance. This is a story on how a quick evening project to fix the appearance of underlined Medium links turned into a month-long endeavour.

Scaffold styles, variables and structure for Bourbon projects. Twitter Bootstrap for SASS/Bourbon

Allows you to create multiple pages in a batch/bulk manner saving time when initially setting up your WordPress site

Restore any dropbox folder to a previous state

Success in interaction design is largely a matter of following established patterns, so people can apply what they already know to new contexts. Using known and well-established interactive controls goes a long way in designing for easy interaction. via Pocket

A collection of font pairings from Typekit and H&FJ. Fair warning: the pages of this site are pretty heavy in download sizes – up to 3mb. Don’t say I didn’t warn you.

Роскомнадзор вчера массировано позакрывал до чего дотянуться смог, но я так понимаю, это всё тестовый режим. Акадо закрыло доступ к Ютюбу, Ростелеком - к ЖЖ, Эху Москвы, Граням.ру и Каспаров.ру. Напомню, потому что всякий раз, когда юзер сталкивается с тем, что любимый бложик про вышивание закрыт, у него срабатывает синдром жертвы - "Меня/его закрыли за экстремизм! Но там же только вышивание!", провайдеры не умеют блокировать один блог или одну страницу на сервисе, а только всё разом.
Говорят, что в Опере есть режим с включенным прокси.
Говорят, у браузера Яндекса есть режим турбо.
Говорят для Хрома есть приложение, которое тоже помогает обойти рогатки.
VPN? Анонимайзеры?
В моей ленте советуют SecurityKiss, у них есть бесплатный план на 300 Мб в день, для тестирования этого хватит, а там можно и купить.
Я сама скачала "пиратский браузер" от Бухты, он через Тор что-то там подключает, но никакого результата не увидела - показывает всё те же ростелекомовские заглушки. Кто-нибудь пробовал им пользоваться? В чем у них проблема? Мне показалось, что там просто народу маловато для построения нормальной цепочки.
Итак, какие у нас есть способы обхода? Выкладывайте ваши лайфхаки.

It’s a fine design. Typographers have long prized grid-centered layouts for their elegance and extensibility, and the new View site takes “the grid” to an extreme.

Using the words “animation” and “the web” together tends to conjure up memories of frantic searches for the “skip intro” button to save ourselves from a terrible sensory assault. Animation on the web has hit some pretty sad lows, there’s no arguing that. But adding motion to our work can be meaningful and functional—when we find the right circumstances.

So how do you combat this lack of control? You design for total flexibility.

If you regularly need to copy a file path as text, an easier option would be to create a service in Automator that will do this for you. First launch Automator and create a new service workflow. Then make sure the inputs for it are "Files or Folders" in the Finder (done with the menus at the top of the workflow). Then drag the "Copy to Clipboard" action to the workflow area and save the service with a name like "Copy Path as Text."

NinjaMock delivers all of the typical controls used in mobile apps and web designs. iOS, Android, Windows Phone, Surface: we have all you need to start prototyping apps for your mobile device projects.

via Pocket

via Pocket

The Secret Door to Google Street view

DevArt — это новый вид искусства. Это искусство, сделанное программистами из программного кода, расширяющее границы возможностей, творчества и технологии. Для создания инновационных, привлекательных инсталляций программисты в качестве холста используют технологии, а в качестве материалов — программный код.
DevArt служит возможностью открытия творческого процесса, представления их искусства всему миру и присоединения к новому течению в современном искусстве.
Компания Google совместно с лондонским центром искусств Barbican предоставит одному из разработчиков заказ на новую художественную инсталляцию, которая будет демонстрироваться в одном раду с произведениями лучших интерактивных художников на выставке Digital Revolution («Цифровая революция») — самой крупной и наиболее подробной экспозиции цифрового творчества, когда-либо проходившей в Великобритании. После этого выставка отправится в турне по различным городам мира.

These are tales of friendship, love, revenge, and magic.

Pure CSS, not a script to be found

With the introduction of HTML 5, the audio tag provides a simple way to play audio files without the use of Adobe Flash. However, with the generic controls attribute, all audio tags look the same, but without any controls defined, the audio tag is invisible. In this tutorial I provide examples and a simple library on interacting with the audio element through Javascript and CSS. This provides the developer the ability to stylize all of the buttons and make a custom UI for the Audio element.

In Roman’s experiment, he is using absolutely positioned pseudoelements to cover the shadows (which are basically radial gradients as background images), taking advantage of the fact that when you scroll a scrollable container, its background does not scroll with it, but absolutely positioned elements within do. Therefore, when you scroll, the shadows are no longer obscured and can show through. Furthermore, these pseudoelements are linear gradients from white to transparent, so that these shadows are uncovered smoothly.

When I saw Roman’s demo, I started wondering whether this is possible with no extra containers at all (pseudoelements included). It seemed like a perfect use case for background-attachment: local. Actually, it was the first real use case for it I had ever came up with or seen.

A website redesign is often an expensive, time-consuming, over-hyped exercise in media navel-gazing: an expression of institutional ego over users' needs. So I will confess a pre-emptive shrug at news of the newest New York Times online.

Your phone is resting on the table; you pick it up, and it flicks on. You didn’t press anything — it just knows. Or maybe it’s in your pocket or your purse — you pull it out, and the screen turns on. It feels magical, and it works well, thanks to a free little app called Gravity Screen. The screen knows when to turn off, too.

You can store your bags and suitcases at left luggage offices at some of the main London train stations and at Victoria Coach Station.

From small electronic objects to large airports, color plays a powerful role in helping you use a tool or navigate a space. Unfortunately, color is only beginning to gain recognition as a critical component in "usability." The following information presents a few of the many ways color can succeed or fail.

This example works on WP 3.5.1. Much simpler and simply works. This is an updated version of Otto's tutorial.

Good product design incorporates a number of timeless principles for human-computer interaction. The principles described in this chapter are critical to the design of elegant, efficient, intuitive, and Aqua-compliant user interfaces. In fact, they drive the design of the OS X user interface.

First he tried sleep apps, then a flotation tank, then mindfulness – but nothing would stop the chatter in Stuart Heritage's increasingly exhausted mind. Would transcendental meditation, currently enjoying a revival, do the trick?

Текстовый конструктор для писателей, исследователей и студентов

Провайдер блокирует ресурсы по IP, а не по URL? Любимый сайт внезапно внесли в реестр? Зачем жить, если нет индукции? http://antizapret.prostovpn.org/proxy.pac

For those of you who haven’t yet heard, the W3C just announced the new <main> element. As the name suggests, the purpose of the element is to identify the main content of a page. To that end, you are only allowed one <main> element per page, and the <main> element cannot be a descendant of any of the following elements: <article>, <aside>, <footer>, <header>, or <nav>. Instead it should be their sibling.

From #000 to #fff in 45 minutes

This package installs the (usually) latest PHP 5.5/5.4/5.3 on OS X 10.6 (aka Snow Leopard), OS X 10.7 (aka Lion) and OS X 10.8 (aka Mountain Lion) and OS X 10.9 (aka Mavericks) in /usr/local/php5. It installs many useful extensions (see below) and ini-settings and is what we at Liip and Local.ch use for our development. It's especially suited for Symfony 2 development. It also provides a decent php.ini with all settings configured according to "Best Practices".
Mentioned here http://www.larryullman.com/2012/02/24/mamp-without-mamp/

parallax scrolling for the masses

Bouches-du-Rhône Tourisme présente ses regards d’artistes sur la Provence, Marseille et la Camargue durant Marseille-Provence, capitale européenne de la culture en 2013. Découvrez les Bouches-du-Rhône à travers les photographies et illustrations de Metzger, Messina, Lacombe, Pacaud, Paillé…

Роль правильно разработанных интерфейсов в успехе продукта всё возрастает — кажется, пользователи впервые начали столько задумываться о том, как именно они взаимодействуют с приложениями и сервисами. Последний пример — всеобщее восхищение новым приложением компании Facebook Paper, при использовании которого есть риск подхватить морскую болезнь, так там все динамично. По просьбе Look At Me дизайнер интерфейсов Дмитрий Чута разобрал несколько интерфейсных приёмов и объяснил их значение.

You can make Firefox 3 create an automatic HTML backup (bookmarks.html) when you exit Firefox if you set the pref browser.bookmarks.autoExportHTML to true on the about:config page.
That backup is created by default in the profile folder as bookmarks.html, but you can set the file name and path via the pref browser.bookmarks.file on the about:config page.
Note: an HTML backup doesn't preserve tags and annotations, so you lose those if you need to import the HTML backup.