Веб-разработка
- Страсти по BEM:
Верстка для самых маленьких. Верстаем страницу по БЭМу- Хорошие верстальщики отправляются на небеса, а плохие — куда захотят, или «Почему БЭМ не приносит счастья?
- В чем проблема «проблемы БЭМ'а»?
- БЭМ глазами бэкенд-разработчика
- Правильные модули
- Front-end Engineer собеседование от Amazon
A Blue Box — свежий мем прямиком из CodePen - WebGL посредством Three.js: текстуры и частицы
- Получение должности Front-End Web Developer
- 8 тегов HTML, которые вы не используете (хотя могли бы)
- Элемент meter в HTML5
- Ionic — симпатичный статический фреймворк для разработки гибридных мобильных приложений на HTML5.
- Front End Web Development Quiz
- Синхронное тестирование на нескольких мобильных устройствах
- Подробный туториал по иконкам на SVG
- Введение в анимацию SVG
- О том, как на The Polygon делали SVG анимацию: интересно и с выгодой
- Делаем клевые формы с помощью HTML5
- С чего начать использование Foundation 5
- Введение в Yeoman
- Создание desktop приложения с помощью node-webkit
CSS
- WOW CSS — подборка демок, иллюстрирующих возможности нового CSS
- Ротация слов с помощью CSS-анимации
- Добавляем визуальные эффекты с помощью CSS-фильтров
- 60 FPS? Легко! pointer-events:none!
- Наведи порядок в Sass!
- Индикатор загрузки на чистом CSS от Lea Verou
- SVG иконки в деталях
- Функция Sass по преобразованию REM в PX для браузеров, не поддерживающих REM
- Капли дождя на стекле — демонстрация работы CSS3 фильтров
- Погодные SVG-иконки, анимированные с помощью CSS
- Список с фильтрацией на CSS (LESS)
JavaScripts
- Изоморфный JavaScript — будущее веб-приложений
- TempusJS — работаем с датой в javascript
- JohnSmith — простой и легковесный JavaScript-фреймворк для построения UI
- Введение в события DOM
- Введение в PhysicsJS
- bigfoot.js — jQuery плагин для добавления в текст удобных сносок-тултипов
- Создание трехмерного интерактивного объекта с помощью изображений и jQuery
- Resumable.js — JS библиотека, обеспечивающая несколько одновременных, стабильных и возобновляемых загрузок с помощью HTML5 File API
- Изучаем jQuery с помощью Street Fighter и Hadouken
- List.js 1.0.0 — добавялет поиск, сортировку, фильтры к спискам, таблицам и прочему
- Как писать правильный код на jQuery
- Разбираемся с нативными функциями JavaScript для работы с массивами
- Визуализация данных с помощью JavaScript без D3
- Хаки в JavaScript для хипстеров
- Videogular — html5 видео-плеер для AngularJS
- angular-deckgrid — подобная mansory сетка для AngularJS
- Jiko — очередной шаблонизатор для JS
- Использование jQuery-плагина Selector-Query для создания отзычивых колоночных макетов
Браузеры
- MS отключает sandboxing для Internet Explorer 11 по умолчанию
- Google представила Chrome 32 betа для Android
- Режим эмуляции в IE11 и условные комментарии
Веб-инструменты
- DevDocs — ресурс с документацией по различным API и библиотекам
- swipe — система для создания слайдов в вебе от Markdown
- iconmelon — веб-библиотека с svg-иконками с возможностью добавления эффектов
- Reportr — панель со статистикой, собираемой по событиям из разных источников
- DOM Monster — букмарклет для анализа DOM и других штук на странице
- Google Fonts загрузили более 1 триллиона раз
- Monocle — open source новостной агрегатор
Новости
- Steam Machine от iBuyPower — встречаем в январе
- Новости: Jolla представила свой первый смартфон на Sailfish OS. Цена €399
- Приложение CyanogenMod Installer удалено из Play Store
- Google сделал голосовой поиск еще более простым и удобным
- Logitech — поворот истории
- Современные веб-страницы выросли в 3 раза за 3 года
- Bing улучшил поиск по картинкам, используя технологию Deep learning
- Microsoft не оставит три операционные системы, а также Microsoft готовит масштабное обновление Skype, включающее исправление ошибок в работе чата и синхронизации звонков
- Эксперты из Microsoft Research представили новое ПО для создания GIF-изображений
- Google запускает очередную замену погибшему Reader
- Speedtest.net: самый быстрый доступ в Интернет — у жителей Гонконга
- Курс виртуальной валюты Bitcoin установил исторический рекорд и превысил $1000
- Live от Pics.io: Мы вернем людям совместные просмотры фотоальбомов
- На iOS-приложениях разработчики зарабатывают в пять раз больше, чем на Android
- «Яндекс.Навигатор» стал доступен для платформы Windows Phone 8
- Apple Maps обошли по популярности Google Maps в Великобритании
Сайты с интересным дизайном и функциональностью
- Пролетая над гнездом чиновника — нестандартная реализация слайдера с помощью image map
- gmbox.ru/xbox2013-новый раздел на gmbox с параллаксом и анимациями
- Подборка «живых» сайтов
- Подборка сайтов с минималистическим дизайном
- Одностраничные веб-сайты с хорошим дизайном
- 30 клевых сайтов, посвященных фильмам и интерактивному кино
- This is a motherfucking website.
- Сайт с нестандартной панельной навигацией и анимашками
- altspace.com — необычный сайт-спортфолио
- alessioatzeni.com/ — сайт-портфолио с минималистическим дизайном и качественной анимацией
- sweatergenerator.com — генератор свитеров
- thebentbullet.com — бесчестная пуля, очередная историческая история об убийстве Кеннеди
- fluidlabpro.com/Virtua/ — движение вглубь страницы
- where-you-are.com — сайт с drag-навигацией
- hihayk.com — простой и стильный дизайн
Дизайн
- Выдающиеся примеры типографики
- Новогодний подарок любимому дизайнеру
- Создан концепт iPhone 6 с трехсторонним дисплеем
- Векторное вдохновение
- Что следует знать о плоском дизайне
- Разбираемся с терминологией: Typeface против Font
- Небольшой список, сравнивающий преимущества и недостатки — плоский дизайн против скеоморфизма
- Подборка лого для вдохновения
- Два с половиной десятка уроков по Illustrator-у — изучайте новые техники создания векторной графики
- Marvel — прототипирование работы веб-сайтов после загрузки PSD файлов в Dropbox
- Более восьмидесяти уроков по созданию текстовых эффектов в фотошопе
- Интервью со студией Miagui
- Использование инструментов в Adobe Camera Raw
- Полное руководство по работе с цветом в Photoshop — используем Kuler
- Рисуем «Героев толстяков»
Подборка бесплатных дизайнерских печенек
- 20 бесплатных шрифтов «печатная машинка» для дизайнеров
- Расширения к фотошопу для веб-дизайнеров
- ikons — более двух сотен векторных иконок
- Иконки с изображением погоды
- Smallicons Icon Set (54 иконки, SVG, PNG, PSD)
- Векторные джунгли
- Наборы с рождественской графикой: иконки и иллюстрации
- PSD макеты для демонстрации своего дизайна в различном окружении
- Набор из плоских забавных иконок от Ballicons
- Четырнадцать иконочных шрифтов
- Бесплатные шрифты: от AROMA до Zujal
- Freebie: Набор маленьких иконок (54 штуки, SVG, PNG, PSD)
Занимательное
- 10 SMM-провалов года
- Смарт-часы, которые доступны на рынке уже сегодня
- 30 главных интернет-трендов этого года
- Симулятор позволит ощутить вкус виртуальной еды
- Почему долгая дорога на работу нас убивает
- Алгоритм семантического поиска Google снова ввёл пользователей в заблуждение
- Эрик Шмидт назвал Android хорошим подарком для iPhone-юзеров и составил инструкцию по переходу
- Ролик на основе фотографий Instagram доказывает, что оригинальным быть трудно
- В американской армии появятся искусственные орлы
- Ученые создали летающую медузу. Но так и не поняли, как она летает
- Как пересесть с iPhone на Android: гайд от Эрика Шмидта
- Сотрудники Yahoo бойкотируют почту от Yahoo
- Деньги на ветер: Парень случайно выбросил HDD с $7,5 млн в биткоинах
- 7 причин удалить свой профиль в Facebook
- IDDQD: как Джон Кармак стал бессмертным
- Что подарить гику
- Лучшие подарки для гиков на Рождество 2013
- «Making a Scene» — лучшие исполнители этого года снимаются в 11-ти (очень) коротких фильмов, срежиссированных обладателем Оскара Янушом Камински
- Таб закрыт; Не читал
- unlimitme.tv — персонализированное видео, основанное на данных из Facebook
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin. Отдельная благодарность lolmaus за исправление ошибок и перевод
