Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб Разработка
- Gulp — как глоток свежего воздуха после Grunt
- RAD-js — Фреймворк для быстрого построения мобильных приложений
- Фронтенд Средиземья: часть первая (перевод)
- ID не сделают ваш документ более семантическим
- Блоки — как кирпичики, бандлы — как дома. Просто о БЭМ и bem-tools, теперь и на русском
- Отдел вёрстки с нуля — видео с докладом о стратегии и тактики создания слаженных команд, а так же организации процессов совместной разработки
- Компилятор Sass запустили в браузере
pngquant — библиотека и утилита командной строки для сжатия png с потерями
Сравнение 18 программ по оптимизации изображений- Разрушение мифов: CSS Animations vs. JavaScript
- Ломаем миф о разрушении мифа на тему сравнения работы анимации в CSS и JavaScript
- Пуленепробиваемые доступные иконочные шрифты
- Как создать веб-шрифт используя код
- 5 лучших веб инструментов по мнению «элитных» авторов с Themeforest
- Понятие «PSD to HTML» умерло
- Когда стоит использовать target=”_blank”
- Синтаксис против смысла
- Подход к дизайну веб контента может измениться
- Фрагментация Andorid: продолжающаяся история
- Принимаем голосовой ввод данных в HTML5 формах
- 10 тэгов HTML, которые вы, возможно, не используете
- За пределами Bootstrap и Foundation: фреймворки, о которых вы никогда не слышали
- Руководство для начинающих по использованию Grunt с Magento
- Десять простых и легких способов уменшить вес страницы
- Небольшая одержимость скоростью загрузки страницы
- Делаем веб слаще с Food Network и пирожным
- Book Preview — клевый эффект для создания превью книг
CSS
- Трюки с CSS-анимациями: мгновенные изменения, отрицательные задержки, анимация transform-origin и другое
- hover.css: анимация для ваших кнопок
- CSS Level 4 и еще: чего ожидать в 2014м
- Bootstrap-Sass: официальный порт Bootstrap на Sass
- Введение в CSS 3D transforms
- Выборка по юзер-агенту с помощью CSS
- Перезапуск CSS анимации
- Адаптируйте ваши стили не только к размерам экрана, но и к уровню освещенности окружения
- По следам статьи о достижении производительности 60fps для скроллинга
- Комментарий одной строки (//) в CSS
- И опять про вертикальное центрирование с помощью CSS
- Вертикальное выравнивание с помощью CSS с помощью 3-х строк кода (IE9+)
- 6 причин, по которым я люблю Sass
- Эффект набора печатного текста с помощью CSS
- Анимация CSS Shapes с помощью CSS Animations & Transitions
- Делаем CSS-сетку с помощью calc()
- Базовое введение в переменные в CSS, которые уже доступны в webkit-браузерах
- Что не в порядке с CSS Box Model, и как это исправить (спойлер: конечно же использовать box-sizing: border-box)
- Входы и выходы из CSS сеток
JavaScripts
- Быстрая настройка и простая поддержка NodeJS приложения
- Перевод книги Эдди Османи «Паттерны для масштабируемых JavaScript-приложений»
- Будущее JavaScript MVC фреймворков (перевод)
- О создании улучшенной JavaScript-библиотеки для работы с DOM
- Сode Сombat — Учитесь кодить на JavaScript играя в игру
- Итоги прошлого года и планы jQuery на 2014й, The jQuery Foundation и стандарты
- Планы на будущее для Node.js
- Эксперимент по портированию WebKit на JavaScript
- Еще 4 хака, которые сделают ваш JS быстрее, а также критика этой статьи
- Создание игры с голосованием по картинкам с помощью Node.js (часть 1)
- grasp — поиск, замена и рефакторинг JS кода, которые основаны на его структуре, а не на тексте
- О понятиях: Callbacks, Promises, Signals, Events
- Декларативная графика
- Что такое ненавязчивый JavaScript и почему он так важен?
- Responsive Javascript — что это такое?
- Урок: контекст или что такое «this» в JavaScript
- Инструмент для визуализации и экспериментов со связями между объектами в JavaScript
- Schema-inspector — механизм для обработки и валидации JS объектов
- Манипулируем css-классами используя classList API
- AngularJS не так плох
- Практическое руководство по директивам в AngularJS (часть 1), (часть 2)
- Ember.js — тестирование
- Основы работы с Kendo UI и MVVM
- JavaScript анимация которая работает (часть 1 из 4)
- node-jscs — проверка стиля кода
- iScroll был обновлен до 5-й версии
Веб-инструменты
- Обзор бесплатных сервисов для веб-разработки
- сервис для конвертации png, jpg, gif или svg в оптимизированный base64 код
- dploy.io — деплойте ваши приложения из GitHub, Bitbucket или своего репозитория на один из множества серверов
Новости
- Облачная платформа Яндекса. Cocaine
- Яндекс научился искать по Фейсбуку, а Фейсбук будет показывать популярные темы
- Google показал динамику популярности музыкальных направлений за последние 64 года
- Google покупает производителя умной бытовой техники Nest за $3,2 млрд
- Хищные вещи века, или Зачем Google купила Nest Labs?
- Как и для чего Google приобрела Nest?
- comScore: доля поисковых запросов к Bing за год выросла на 12%
- От 3 до 7. Украинский парламент жестко урегулировал весь интернет
- Google разрабатывает новый API Fitness для Android
- Когда и какой будет Windows 9
- Android 4.4 KitKat установлена лишь на 1,4% мобильных устройств
- Бойтесь гугловцев, дары приносящих!
- Radionomy подтвердила покупку Winamp и заявила о намерении выпустить новые приложения для iOS и Android
- Саша Грей может засудить Telegram за использование её образа
- АНБ внедряет «жучки» в компьютеры для секретной беспроводной передачи данных
- RoboEarth – проект по созданию единого «мозгового центра» для роботов
- IBM в 21-й раз подряд стала лидером по количеству полученных в США патентов
- Поиск по картинкам Google оповестит о правах на использование изображений, Google упростила поиск изображений с учетом условий лицензирования
- Vimeo увеличивает скорость своих видео и переходит на HTML5 по-умолчанию
Браузеры
- Выпуск web-браузера Chrome 32
- Вышел Google Chrome 32 для Android с поддержкой сжатия трафика
- Релиз web-браузера Rekonq 2.4.2, развиваемого проектом KDE
- В Chrome теперь можно быстро вычислять «кричащие» вкладки
- Chrome 33 Beta: кастомные элементы, Web Speech и кое-что
- Проблемы с нестандартными шрифтами в Chrome 32? Любуемся растущим тредом в багтрекере с множеством скриншотов
Сайты с интересным дизайном и функциональностью
- Делим сайты пополам
- Веб-дизайн в плоском варианте
- Подборка сайтов, посвященных дизайнерским конференциям
- lamoulade.com — креативный сайт креативной студии с необычной скролл-анимацией
- Подборка сайтов с креативной навигацией
- Сайты, в которых используется видео в качестве фона шапки (header-а)
- Два десятка игровых сайтов на HTML5
- Страница от Sony с клевым эффектом параллакса
- Geox Amphibiox — креативный промо-сайт от Geox
- Nitrocharge Your Game — промо-сайт от Adidas
- hugeinc.com — стильный дизайн скролл-слайдов
Дизайн
- Как улучшить мобильную версию сайта. Рекомендации и видеосоветы
- Проектирование графического интерфейса пользователя
- Галочки — проект дизайн бюро Артема Горбунова
- Создаем реалистичные тени в Photoshop CC
- Сайты, на которых легко дышится
- Вдохновляющие примеры использования свободного пространства в веб-дизайне
- О современной масштабируемой веб-типографике
- Тренды веб-дизайна в 2014
- Семь трендов веб-дизайна которые вы увидите в этом году (и как пережить эти перемены)
- 2014 выглядит много-обещающим для профессиональных дизайнеров, и вот почему (инфографика)
- Вдохновляемся прекрасным дизайном упаковок и этикеток
- Чем Tublr привлекает новых пользователей
- Довольно старая, но занимательная презентация: Китайские паттерны веб-дизайн: как и почему они отличаются от традиционных (Chui Chui Tan)
- Обновление Adobe Creative Cloud:
Adobe выпустит крупное обновление Creative Cloud
Официальный пост о нововведениях в Creative Cloud: Adobe Creative Cloud — платформа для инноваций
В Adobe Photoshop CC добавлен инструмент работы с перспективой
- Экспериментирование в залинкованными Smart Objects представленными в Photoshop CC
- Очередная версия редизайна посадочного талона
- Преобразовываем PSD: фото-реалистичный дизайн превращается в плоский с помощью skeuomorphism.it (плагина к Photoshop)
-
Мерзкие иконки - Фотореалистичные иконки для вдохновения
- Логотипы в которых используется изображение конверта
- Cutting Edge Logos — подстриженные логотипы
- Типографика:
- Создание типографики с фоновыми текстурами в Photoshop
- Более современная шкала для веб-типографики
- Проекты посвященные каллиграфии и типографике
- Десять самых популярных шрифтов 2013 по версии Jeremiah Shoaf
Подборка бесплатных дизайнерских печенек
- Дискретные и узорчатые кисти для иллюстратора
- Десятка лучших мест где можно будет найти бесплатные материалы в 2014
- Плоские мокапы Apple-устройств
- Пять ретро-бейджиков (PSD)
- Упаковка с перфорированными текстурами
- The Amazing Pattern Library — сборник узоров
- Иконки:
Бесплатные ретро-иконки
2,800 бесплатных иконок в формате PNG, лицензия предполагает размещение ссылки на авторский сайт
Наборы с иконками выполненными в стиле минимализм
Более десятка наборов с социальными иконками
Шесть десятков плоских и круглых иконок посвщенных досугу
Около пятидесяти контурных иконок
- Шрифты:
Подборка кириллических шрифтов
Пятничные шрифты #6: от Fenix до Regular Dense
Девять декоративных и стильных шрифтов: от Fat до Nougat
Homizio Nova — лаконичный шрифт без засечек
Bebas Neue — шрифт без засечек от Ryoichi Tsunekawa
Fancy Me — декоративный шрифт с засечками
Демо
- WebGL Эксперимент + Google Analytics + Leap Motion
- Дарт Вейдер с помощью CSS3-теней
- Глитч-эффект для текста с помощью CSS-анимации
- Windows 3.1 на JavaScript/HTML
- Подмена лица
- Демонстрация responsive дизайна
Занимательное
- По следам CES 2014:
- Назад в прошлое — CES за последние 30 лет
- Странные гаджеты на CES-2014
- Сказ о чипах: чему CES научила нас о технике, ПО и услугах
- Итоги CES 2014: смартфоны
- Итоги CES 2014: гаджеты и аксессуары
- 5 худших анонсов выставки CES 2014
- Большое тестирование батареек
- Топ 20 событий 2013 года по версии Computerra
- 20 самых интересных онлайн-курсов в первом квартале 2014 года
- Марк Цукерберг, Jelly и монстр из ванной
- Skvone — первый антисмартфон
- BlackPhone — криптосмартфон, который нельзя прослушать
- Как зарабатывают геймеры: интервью с Na’vi — мировыми чемпионами из Украины
- Главные онлайн-платформы для студентов будущего
- Запускаем старые версии Windows в браузере
- Математика и программирование: нужны ли они друг другу?. А также Как математика помогает Яндексу зарабатывать?
- Google, “Яндекс” и агентства: что изменилось на рынках SEO и контекстной рекламы в 2013 году?
- 200 факторов, которые влияют на позицию сайта в выдаче Google (инфографика)
- Сколько длится мгновение ока?
- 100 секунд о Мариссе Энн Майер (директор поисковика Yahoo!)
- Смерть сетевого нейтралитета изменит интернет. И вашу жизнь тоже
-
Job Interview of an Indian
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
