Несмотря ни на что, предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб Разработка
Как получить хорошую верстку от верстальщика- Адаптивные письма? Пожалуйста!
- Десять причин нашего перехода с иконочного шрифта на SVG
Responsive фреймворки: просто потому что ты это можешь, должен ли ты это делать?- Будущее отзывчивых изображений
- Как использовать секционные элементы в HTML5 (header, footer, main, section, article и т.д.)
- Падение и взлет SVG — как SVG стал более востребованным
- Использование HTML для рекламных блоков Rich Media (SVG/JS)
- Семь стилевых гидов которые помогут улучшить ваши скилы веб-разработчика
- Разбираемся с модальными окнами в Bootstrap
- Головоломка насчет доступной ссылки на текущую страницу
- Делаем ссылки доступными: 15 золотых правил для разработчиков
- Стартуем проект с INIT и Grunt
- AngularGap — фреймворк для создания мобильных приложений
- Panda.js — движок для создания игр на HTML5
- Небольшая подборка сниппетов: Tweet For Code #2
- Адаптивные социальные кнопки
- Создание полноэкранного эффекта «Scroll-Jacking»
- 8 вариантов добавления адаптивной навигации на сайт
- Редактирование Sass и Less в Firefox Developer Tools
- Гайд по .htaccess для разработчиков и веб-дизайнеров
- WebGL с помощью Three.js – урок 1
CSS
- Культ карго CSS
- Архитектура CSS
- Почему Sass?
- Как работает анимация линий в SVG
- Type Quest — портал посвященный возможностям современной веб-типографики
- Stackicons — иконочный шрифт и Sass
- Zen Grids — отзывчивая сетка, построенная с помощью Sass
- Susy — адаптивная сетка на Sass
- Изучаем Sass с помощью рефакторинга
- Подборка бесплатных видео на тему Sass с последней конференции SassConf
- Самый простой способ создать стайлгайд с помощью Sass и Compass
- 3д наклоны в css
- CSS для начинающих с помощью Dreamweaver
- 9 альтернатив бутстрапу
- The Magic Circle: задачка на тему CSS
-
Hocus Pocus, CSS Aliases
JavaScripts
- Definer.js — простая модульная система
- Init.js: Зачем и как разрабатывать с Full-Stack JavaScript
- Работа с функциями массива ES5 JavaScript в современных и старых браузерах
- Десять HTML5 API на которые стоит посмотреть
- Что каждый JS разработчик должен знать относительно плавающих точек
- Определение окончания CSS анимации с помощью JavaScript
- ES6Fiddle — тестируем ECMASCript 6 онлайн
- Как использовать Handlebars
- Ежемесячный дайджест Yeoman #3
- Ember.JS – что это и почему мы должны об этом беспокоиться
- Рекомендации относительно лучшей структуры приложений Angular App
- Локализация Angular JS с помощью модуля Require JS i18n
- Lrinfinitescroll — модуль для AngularJS
- Введение в Component JavaScript Package Manager
- Разворачиваем свои HTML5 веб-компоненты с помощью ванильного JS
- Как сделать игрушку с летающей птичкой с помощью Phaser
- Создание приложения с графиками при помощи Google Charts API и AngularJS – часть 3
- DozerJS — основа для создания REST API
- Molecule — фреймворк для создания HTML5 игр
- JavaScript FrameBuster Snippet — защита вашего сайта от загрузки в iframe
- Что такое CoffeeScript и подходит ли он вам?
- Dug.js — A JSONP to HTML Script
- Копируем в буфер обмена с помощью jQuery
Веб-инструменты
- 78 Google Web Fonts Families
- keyframer — инструмент для создания CSS3 анимации
- Сервисы для плейсхолдеров-изображений
Новости
- WhatsApp:
- Facebook покупает WhatsApp за 16 миллиардов долларов
- Почему WhatsApp такой дорогой
- Слияние Facebook с WhatsApp способствовало росту стоимости акций BlackBerry
- Логотип и фирменный стиль комплекта мобильных приложений «Яндекс-кит»
- Яндекс.Kit — альтернативный взгляд на Android
- «Яндекс» выпустил собственную Android-прошивку Яндекс.Кит
- Выпуск web-браузера Chrome 33
- Шопинг:
- SlickLogin — очередное приобретение компании Google
- Google купил Spider.io, чтобы защитить рекламодателей от накруток рекламных объявлений
- Apple купила компанию-разработчика TestFlight
- Google купила стартап SlickLogin, разрабатывающий технологию звуковой авторизации на сайты
- Apple затевает сделку с Tesla?
- Skydrive официально переименован в OneDrive
- Чистая прибыль Яндекса в 2013 году составила 13,5 млрд рублей
- У Microsoft появится своя Siri — помощница Cortana
- Microsoft сделала работу с Word и Excel проще в Office Online
- Сатья Наделла: Microsoft станет облачной компанией
- Microsoft и DocuSign предоставят пользователям Office 365 возможность использовать цифровую подпись
- Microsoft запустила сервис Office Online, ранее известный как Office Web Apps
- Visa и MasterCard используют Android KitKat для упрощения мобильных платежей
- Все пользователи переводятся на новую версию сервиса Google Maps
- Страничка в Facebook станет могильным камнем
Сайты с интересным дизайном и функциональностью
- Сайты о путешествиях и для путешествий, знаменитых автокомпаний, мобильных приложений и с размытым фоном
- weecom.com.br — красочный и хорошо анимированный сайт
- Подборка трендовых сайтов с хипстерским дизайном
- webeffectual.com — плавная анимация по секциям при скроллинге
- markcollie.com — симпатичный современный сайт Mark Collie
- baystreetbiergarten.com — стильный сайт с концептуальным дизайном
- circlesconference.com — еще один стильный сайт с интересными дизайнерскими решениями
- Inspirational Grid Based Website Design
- delhi-timeline.in — мощный сайт с таймлайном, параллаксом и анимацией
- vembryrsig.hallbarahav.nu — необычный дизайн и интерактив
- theroyalstudio.com — сайт с сильно концептуальным дизайном
- Это просто космос
Дизайн
- Идеальная страница 404 ошибки, или как удержать пользователя на сайте?
- Как сделать Gimp похожим на Photoshop
- Рисуем простую иконку Mac в Adobe Illustrator
- Создаем винтажный трафарет в Adobe Photoshop
- Принципы хорошего дизайна
- Создание эффекта иллюстрации выполненной акварелью и чернилами в Photoshop
- Интервью с Eric Dima-ala — специалистом из VFX индустрии
- Полное руководство по работе с корректирующими слоями — Invert, Posterize, и Threshold
- Узнайте о секретах работы профессиональных дизайнеров
- История редизайна одного японского сайта
- Детали дизайна: Google Search для iOS
- Ink — плагин к фотошопу для отображения документации к макету
- Дискуссия на тему: почему курсор мыши не прямая стрелка а повернутая под углом
- Как дизайнеры могут создавать интерактивные прототипы с помощью Illustrator
- Золотое сечение + модульное масштабирование + адаптивность
- Как создавать стилевые гиды в Adobe Fireworks
- Дизайн responsive форм — двадцать вдохновляющих решений
- Кратко о типографике в дизайне: что в ней особенного, и почему это имеет значение?
- TYPEFIGHT — битва типографики
- typographicposters.com представляет отличный обзор типографических постеров
- GUIFFF – анимированные гифки из недр Dribbble
- Забавные логотипы
Подборка бесплатных дизайнерских печенек
- Бесплатные шрифты без засечек
- PSD с дизайном деталей профиля пользователя в админ-части
- Векторные винтажные элементы для создания инфографики
- Десять actions к Photoshop для создания ретро- фото-эффектов
- Четыре десятка наборов с контурными иконками (Line Icons)
- Более сотни социальных иконок в виде черного значка комментария с сиянием
- Семь с половиной десятков шрифтов в ретро-стиле: от Deftone Stylus до Top Speed
- Пятничные шрифты #10: от рубленого Kilogram до стилизованного Penultimate
- Streetwear — стильный жирный ретро-шрифт
- Mink Type — шрифт из нарисованных рукой букв
- Девять полезных шрифтов для вашего дизайна: от FRITZ & RODUS до Bom Retiro
Демо
- Океан на WebGL
- QuakeJS
- ViziCities — 3D визуализация городских карт в браузере
- История олимпийский логотипов в анимированной презентации
- ThreesJS — небольшой браузерный клон игры Threes
- Веселый год лошади — конструктор лошадей
Занимательное
- 10 самых прорывных технологий 2013 года и основанные на них стартапы
- За что конкретно я ненавижу некоторых маркетологов — или как айтишник по магазинам ходил
- До свидания, Bitcoin! Курс криптовалюты провалился ниже $100
- Инфографика: как отличаются селфи в Москве, Нью-Йорке и Берлине
- Новые откровения Билла Гейтса: 8 вопросов основателю Microsoft
- Google Glass: красивые и… бесполезные! В самом деле, что проку от киберочков?
- Это уже перебор: криптовалюта FlappyСoin
- Почему Тим Кук — отстой
- Samsung снова потроллила Apple
- Путешествие в национальные парки с помощью технологий Street-View
- Zuck осыпает Whatsapp деньгами
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
