![](https://habrastorage.org/storage2/6c4/456/dbb/6c4456dbb23edbb94e4894d2d6946267.png)
Горячая семерка
![]() |
Никогда не поздно учиться |
![](https://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif)
![](https://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif)
![]() |
Инструменты для разработчиков |
![]() |
Google Keep |
Также, еще несколько новостей от Google: добавлен поиск по анимированным GIF-картинкам, в Street View появились панорамы высочайших горных вершин, для 15 городов Украины появилась информация о маршрутах общественного транспорта, Google может закрыть ряд чат-платформ и объединить их в сервис Babble. Также, пошли слухи, что Google работает над собственным вариантом iWatch. Отдельным пунктом оставим здесь ссылку на кладбище продуктов Google
![](https://habrastorage.org/storage2/7c9/add/77b/7c9add77b3d706b394bcc16238e762f1.gif)
![]() |
#Twitter7 |
![]() |
Chrome World Wide Maze |
![]() |
Супергерой JS |
![]() |
Адаптивный дизайн |
Разработка
- Знакомство с Web Speech API
- За что HTML-верстальщики так не любят веб-дизайнеров
- Полезные сниппеты на HTML5
- Почему HTML считает, что «chucknorris» — это цвет?
- Инструменты для веб-разработчиков: Будущее DevTools в FireFox, а также Видеокурс по DevTools от Google и Codeschool
- Sublime Web Inspector
- Responsive Resources — объемная коллекция всевозможных материалов об адаптивном дизайне.
- Адаптивный дизайн и физические размеры девайсов
- Слайдкаст о принципах адаптивного дизайна
- Capturing — провышаем производительнасть адаптивных веб-приложений
- Реализация списка превьюшек в стиле Google Images
- Прикрепленные иконки в Win8 — полезные техники для повышения видимости вашего сайта
- jQuery Mobile: Как правильно поставить jQuery Mobile на WP, а также Большой гайд по jQuery Mobile для начинающих
- Создание Sprite-based игр в Canvas
- Коллекция фреймворков для веб-разработки
- О SVG в мобильных браузерах
- Новые модели процесса веб-разработки
- О проблемах фрагментации в комьюнити FE из-за обилия препроцессоров
- Зачем нужно писать чистый код
- Сильно напоминающий Emmet, препроцессор для HTML: SIML (Simplified Markup Language) и его описание
- Mixture — быстрое прототипирование и создание статических сайтов для дизайнеров и разработчиков
CSS
- Как писать эффективные с точки зрения производительности CSS-селекторы
- Base64 против CSS-спрайтов: битва за производительность
- Используем MathML уже сегодня, с CSS-фолбеком
- Текущее состояние CSS Regions
- Нестандартные манипуляции с Textarea
- Интересный эффект сворачивания на CSS
- Animations with SASS and while
- Букмарклет для рефреша вашего CSS
- Extra Strength Responsive Grids
- Альтернатива элементу select на CSS
- Эра символьных (иконочных) шрифтов
JavaScripts
- superherojs — сайт со статьями, видео и презентациями на тему JS
- Formula.js — js имплементация большинства формул, поддерживающихся Microsoft Excel 2013 и Google Spreadsheets
- Chart.js — библиотека, позволяющая генерировать на стороне клиента визуально привлекательные графики и диаграммы с использованием средств HTML5 (canvas).
- capturing — улучшаем производительность адаптивного веба
- intro.js — библиотека для создания пошаговой презентации элементов страницы
- lockfixed — фиксирует элемент относительно вьюпорта во время скроллинга
- Countable.js — библиотека для подсчета параграфов, слов, символов в тегах
- thatsNotYoChild.js — Fixing Parent-Child Opacity
- unslider — слайдер с поддержкой адаптивности и клавиатуры
- swipejs — еще один кросс-браузерный слайдер с поддержкой адаптивности и тач-событий
- Полезная информация о принятии решения насчет источника для загрузки библиотеки jQuery
- В последнем билде Chromium реализована поддержка CSS Font Load Events при включении нужного флага
- Релиз Backbone 1.0
- Pixi Renderer — рендер JavaScript 2D, который использует webGL с canvas-фолбеком
Браузеры
- В Firefox 22 появится Asm.js, низкоуровневое высокопроизводительное подмножество JavaScript, выводящее JS на новую скорость
- Как узнать, какие расширения в Firefox используют наибольшее количество памяти
- «input type=range» приходит в Firefox
- Чекбоксы, убивающие ваш продукт — о галочках в настройках браузеров, которые делают практически любые веб-приложение неработающим
Новости
- Лучшим CEO 2013 года стал Марк Цукерберг, Тим Кук — 18й
- Новости от Google:
- Google запустили сервис для создания заметок и списков — Keep .еще немного деталей о сервисе Keep. Но не все восприняли новость с воодушевлением — Ом Малик предлагает Гуглу оставить свой сервис при себе. а здесь рассказывается, почему Keep не заменит Evernote
- Google добавила поиск по анимированным GIF-картинкам
- В Google Street View появились панорамы высочайших горных вершин
- На картах Google для 15 городов Украины появилась информация о маршрутах общественного транспорта
- Google может закрыть ряд чат-платформ и объединить их в сервис Babble
- В Google Translate появилась возможность сохранения переведенных фраз в разговорник
- Google работает над собственным вариантом iWatch
- Samsung: работает над гаджетом в формфакторе наручных часов, планирует в августе выпустить первый смартфон на базе платформы Tizen, a Galaxy S4 обошёл все существующие флагманы в бенчмарках
- Первым планшетом на ОС Ubuntu Touch станет Intermatrix U7
- Полмиллиона пользователей Google Reader ушли на Feedly за два дня
- Pinterest представил новый дизайн с большим количеством «пинов» и приобрела сервис рекомендаций Livestar
- Twitter отмечает свое семилетие c 200 миллионами пользователей, а также получает патент на твиты и планирует запустить музыкальное прилочение для iOS. Кроме этого, русскоязычные пользователи теперь могут скачать архив всех своих твитов
- В то же время аудитория YouTube превысила 1 млрд человек
- Facebook внедряет древовидные комментарии
- Китайское правительство утвердило Ubuntu в качестве стандартной операционной системы
- Русский язык стал вторым по популярности в интернете
- Заработали первые домены в зоне.УКР
- Сайт вопросов и ответов Quora запустил полнотекстовый поиск
- В объявления «Яндекс.Директа» теперь можно добавлять картинки
- Apple представила двухфакторную верификацию
Сервисы
- Как выглядят нативные элементы форм в вашем браузере
- px to em
- hhhhold — еще один генератор плейсхоледров
- paperkit.net — сервис для создания PDF макета для печати с настраиваемой сеткой
- Social Media Image Maker — кадрирования и редактирования изображений, необходимых для аккаунтов различных социальных сетей
Демо
- Экспериментальное демо Google Chrome — превращаем любой сайт в интерактивный 3D-лабиринт
- Движение WebGl-куба головой с помощью WebRTC
- Реализация интерактивного фона с помощью canvas на сайте battlefield.com
- Сапер в канвасе
- Онлайн-сервис для дизайнеров и технологов, который позволяет создавать адаптивный дизайн, с последующей генерацией в готовый HTML/CSS код.
Сайты с интересным дизайном и функциональностью
- lightt.com — интересная реализация фона с имитацией движения
- visit.uc.pt — технически продвинутый сайт университета
- skybox.org — сайт с нестандартным подходом к лейауту и навигации
- editoskastingas.lt/en/ — минималистичный бизнес-сайт с занимательным дизайном
- freeyourmindfestival.nl/nl/home/ — одностраничный сайт с параллаксом, слайдерами и выразительным дизайном
- eduardonunes.me — лаконичный сайт-галерея с responsive дизайном, слайдерами и предзагрузчиками
- escapeflight.com — туристический сайт Escape from London, сделанный с использованием последний трендов: одностраничность, анимация, параллакс
- ndreaskleiberg.no — необычный подход к скролингу сайта, при чем как на хомяке, так и на подстраницах
- passeiopedrabranca.com.br — красивый одностраничный сайт с параллаксом и анимацией
- Трендовый сайт с навигацией в стиле drag-n-drop
Дизайн
- Тестирование дизайна макетов сайта
- Шесть десятков отечественных логотипов
- Вдохновляющие примеры геометрических иллюстраций
- Создание 3D в Illustrator
- О навигации в одностраничных сайтах
- Финты для веб-дизайна, которые сделают ваш сайт вирусным
- Юзабилити валидации форм (The Ultimate UX Design of Form Validation)
- Эра символьных шрифтов
- Улучшение читабельности с помощью правильной типографики
- 4 основных правил эффективного дизайна логотипа
- Учимся видеть по методике Oliver Reichenstein
- Использование Gradient Map в фотошопе
- Концепт адаптивного телевидения
- Пять вещей, которые вы должны знать, когда делаете дизайн под iOS
- fltdsgn.com (Flat Design) — галерея сайтов с «плоским» дизпайном (metro UI)
- Тренды веб-дизайна в 2013 с объяснениями
- Альтернативы шрифту Futura
- skeuomorphism.it — плагин к фотошопу делающий ваш дизайн плоским
- Креативные логотипы с темой — вода
Подборка бесплатных дизайнерских печенек
- Подборка gui-наборов
- темные текстуры с шумом
- Дюжина PSD файлов с исходниками печатной продукции (визитки, обложки)
- Набор вайрфрейма с UI для sketch iPhone за твит
- PSD с логотипом формула-1 Grand prix
- PSD с упрощенным изображением iPhone и iPad и подобный но более расширенный набор
- Набор из почти четырехсот монохромных иконок, оптимизированных под дисплеи Retina, включающий векторную версию AI и EPS
- Иконочный шрифт с иконками нарисованными от руки
- Векторные изображения пищевых продуктов
- Два с половиной десятка олдскульных и ретро шрифтов: от Sea Side Resort до Deftone Stylus
- Timepiece Rounded OpenTyp — шрифт для использования в дизайне часов
- Shinto — декоративный заголовочный шрифт в стиле японских либо китайских иероглифов
Занимательное
- Никогда не поздно учиться:
- Три десятка лучших подкастов о веб-дизайне
- Полсотни образовательных подкастов, которые стоит послушать в 2013-м
- Большая подборка образовательных и познавательных подкастов Рунета
- Подборка онлайн-ресурсов для изучения веб-дизайна
- Десять обучающих ресурсов по программированию
- Бесплатная online-школа по разработке приложений для Windows 8
- Три десятка лучших подкастов о веб-дизайне
- Curiosity превосходит ожидания создателей
- Кладбище продуктов Google
- Fuck your design
- Экосистема от Apple — достоинства и недостатки
- «Прочитаю как-нибудь потом»: обзор сервисов отложенного чтения
- Почему RSS имеет право на жизнь и специальный проект replacereader.com с альтернативами сервису Google
- Социологи подсчитали число пользователей интернета в России
- Королевскую премию для изобретателей получили создатели интернета
- Кто боится Google Glass?
- 3D-печать: кости, органы и стейки
- Джастин Лонг сыграл главную роль в комедии о Стиве Джобсе
- Мультфильм на осцилографе
- Десять перспективных технологий, о которых через несколько лет узнают все
- Если бы популярные сайты были бы людьми
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin