Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Веб-разработка
- To GIF or not to GIF?
- 10 самых популярных видео докладов с 404фест 2012
- Опубликованы видео докладов с первой конференции #fronttalks, прошедшей 5 июля при поддержке #yasubbotnik.
- Особенности парсинга блочного HTML-кода программами экранного доступа
- Переход с bootstrap 2 на bootstrap 3
- Электронные издания и веб
- Mozilla представляет Brick — расширяемая библиотека веб-компонентов
, Mozilla Brick – интернетный аналог ActiveX - Super Markup Man — игра, которая научит вас HTML5
- Создание HTML5 анимаций
- Элемент HTML5 «picture»
- Элемент HTML5 progress
- Custom Elements — создаем новые элементы в HTML
- 10 советов для по разработке игр на HTML5
- Интервью с David Walsh
- E-commerce тема на Bootstrap 3
- Горячие клавиши панели для разработки в Chrome
- Темы для Chrome Developer Tools
- Как ускорить сайты с responsive дизайном
- Генерируем адаптивные изображения для srcset с помощью Grunt
- Лучшие Облачные Хостинги и CDN сервисы для веб-разработчиков
CSS
- CSS Sprites vs. Data URIs: что быстрее работает на мобильных?
- Запрашивайте кадры анимации для лучшей производительности
- Интерактивные трехмерные блоки с тенями
- Slide Up/Down на чистом CSS
- Functional CSS (FCSS)
- Спайтовая анимация с помощью CSS
- Интересная реализация активного состояния текстового поля и его подписи
- Разноцветный прелоадер
- Техники работы с веб-шрифтами — методы, плюсы/минусы, все такое
- HTML алхимия – комбинируем CSS Shapes с CSS Regions
- Добавление отступа между списком и float-тым элементом
- CSS-анимационный переход от значений в px к значению auto (работает не во всех браузерах)
- Знакомимся с CSS3 multiple background + демо с анимированным фоном
- Sidebar Transitions от CodeDrops, различные эффекты выезда меню с помощью техники off canvas
- Секреты CSS от Lea Verou по мотивам ее доклада Deep CSS Secrets
JavaScripts
- Делаем «mindmap» на Javascript с локальным хранением в базе данных браузера
- Лучшие практики в JavaScript
- ECMAScript Internationalization API
- 25 JS библиотек и инструментов для создания интерактивных карт
- AdminJS — веб-приложение для бэкенда на Ember.js
- Parallax.js — скрипт для создания параллакс-эффекта с поддержкой мобильных устройств
- multifilter — плагин для вывода отфильтрованных несколькими полями табличных данных
- intentionjs — плагин для динамической реструктуризации HTML в зависимости от условий отображения сайта
- Урок по AngularJS — создание современного веб-приложения
- _select() — выделение по клику текста находящегося внутри любого DOM элемента
- _jspdf — A HTML5 client-side solution for generating PDFs
- WheelMenu.js создание круговой навигации с помощью jQuery
- Создание многоуровневой навигации в стиле нового Google Play
- Sigh, JavaScript — о том, что будет, если отключит JS в современном вебе
Браузеры
- Браузеры и частота их падения
- Mozilla представила протокол Plug-n-Hack
- Поиск в менеджере дополнений Firefox будет показывать только полностью проверенные дополнения
- Tor предлагают встроить в браузер Firefox как стандартную опцию
- Финал Opera 16
- Opera: закладки не являются нашим приоритетом
- Google выпустила плагин для IE, который обеспечит поддержку браузером видео в формате WebM
- Chromium Digest №11
Веб-инструменты
- GistBox — сервис для хранения сниппетов кода
- justdelete.me — удаление своих аккаунтов на множестве сервисов
- Сто и один сервис для получения различных Lorem Ipsum текстов
- keycodes.atjayjo.com — коды клавиш в очень наглядной форме
- .psd fonts — сервис определяющий используемые в PSD шрифты
Новости
- Microsoft сообщила о завершении работ над Windows 8.1, и она уже утекла в сеть, а здесь можно посмотреть видео
- Разящие новости о будущем Microsoft
- Skype исполнилось 10 лет , Skype собирается запустить видеозвонки в 3D
- Amazon собирается построить собственную беспроводную сеть
- Samsung подтвердила, что 4 сентября представит Galaxy Note III и «умные» часы
- Слухи: HTC работает над собственной мобильной ОС
- Китай подвергся самой мощной DDOS-атаке в своей истории
- HERE Connected Driving – навигационный сервис Nokia
- Yahoo: Yahoo покупает стартап по поиску изображений IQ Engines для улучшения Flickr и демонстрирует новый дизайн своих сервисов
- Веб-сервисы:
- Google серьезно обновил Карты для российских пользователей , а Яндекс представил мегарелиз украинских Яндекс.Карт
- Сервис Baidu Total View позволит прогуляться по улицам китайских городов
- Mail.ru соревнуется с Dropbox и предлагает бесплатно 100 Гб, но только участникам закрытой беты, ОБЗОР: ОБЛАКО.mail.ru
- Twitter приобрел аналитический сервис Trendrr
- Microsoft добавила оптическое распознавание текста в фотографиях SkyDrive
- SkyDrive возвращает бесплатный лимит в 25 ГБ
- Компания Tencent запустила бесплатное облачное хранилище на 10 ТБ
- Facebook раскрыл статистику сотрудничества с мировыми спецслужбами
Демо
- shadertoy.com — WebGL демки (лучше не запускать на слабых компьютерах)
- Смешиваем WebGL, CSS3 3D и HTML
- Раскладка карт
- Симпатичный лоадер с помощью CSS анимаций
Сайты с интересным дизайном и функциональностью
- reunitetheriver.com — одностраничный сайт социального проекта с приятной анимацией и выразительным мультяшным дизайном
- neotokio.it — приятное портфолио с нестандартной заставкой и навигацией
- pixelstadium.com — сайт с интерактивными параллакс-эффектами
- junduffy.co.nz — нестандартная для магазинов раскладка сайта и дизайн
- lordandtaylorfirstlook.com еще один нестандартный сайт-магазин с интересными параллакс-эффектами
- rosendaluppsala.se — полноэкранный сайт с анимациями, drag-навигацией и аскетичным дизайном
- abbyputinski.com — графический сайт с интерактивной картой и множеством анимированных элементов
- http://beoplay.com/Products/BeoplayH3 — эффектный одностраничный промо-сайт с параллакс-эффектами и эффектом движения вглубь
- reunitetheriver.com — познавательный одностраничный сайт на канвасе
- kennedyandcastro.com — стильный горизонтальный сайт
- summer.tcm.com — сайт с нестандартной навигацией, посвященный фильмам
- canva.com — сайт с интересными элементами — от фонового видео до параллакса
Дизайн
- Как цвета в дизайне интернет магазина влияют на продажи
- Веб-дизайн с темной стороны
- Сайты в желтом цвете для вашего вдохновения
- Горячие клавиши Photoshop и Illustrator CS6
- Работа с видео в фотошопе — создание анимированного текста
- Уроки по созданию креативных эффектов для фото в фотошопе
- Примеры вдохновляющей типографики
- Логотипы баров и пабов
- Идея редизайна посадочного талона на самолет
- Техника извлечения цвета с прозрачностью в фотошопе
- Более полусотни уроков по веб-дизайну
- Лучшие пригласительные на свадьбу
- Визитки с необычным дизайном
- Отличительные особенности отличного дизайна UI
- Хороший дизайн — это не только красивая картинка
Подборка бесплатных дизайнерских печенек
- Наборы actions для Photoshop, кисти с пятнами для фотошопа
- basiliq — набор векторных форм для фотошопа, для создания прототипов интерфейсов мобильных либо веб-приложений
- Свежие шаблоны PSD, иконки, наборы с UI
- Исходники: наборы UI с плоским дизайном, SmoothBerry — набор UI с плоским дизайном, компоненты интернет-магазинов, шаблоны для создания инфографики, шаблоны основных страниц сайта
- Иконки: Бесплатные иконки, набор романтических иконок за подписку, наборы иконок включая плоские, социальных сетей и кредиток, набор круглых иконок, значки условий стирки, социальные иконки с длинными тенями, шесть десятков наборов иконок с плоским дизайном
- Шрифты: свежие шрифты, в основном декоративные, от Lighthouse до CF Spaceship, лучшие шрифты для создания винтажных лого, от Pacifico до Engagement, каллиграфические шрифты, от Calligraphy Unicase до Illinois Shakespeare Festival, два с половиной десятка декоративных качественных шрифтов от Baron до Nougatine, забавный декоративный шрифт с засечками Nighttime
Занимательное
- Google Glass: в следующем году Google, возможно, будет продавать Google Glass через сеть популярных магазинов Best Buy, Google Glass не получат 3G-модуля, Siri научилась подшучивать над Google Glass, иногда саркастически
- Балмер: AllThingsD: отставка Стива Балмера из Microsoft была ускорена под давлением совета,
Как Баллмер пропустил приливы и отливы технологий,
Вирус, который убил корпорацию Microsoft,
В защиту Стива Баллмера
- DARPA открыло новый этап в развитии программы «универсальный солдат»
- Миниатюрная модель человеческого мозга выращена в лаборатории
- Шесть самых позорных заговоров в высоких технологиях
- Кассовые сборы фильмов падают из-за закрытия Megaupload
- Видео с золотым и кремовым iPhone-ами
- 20 стартапов, которые хотят изменить мир
- Памяти Стива Джобса — миниатюрный первый Mac (уменьшенный в 3 раза)
- Памяти R.I.P. Neil Armstrong — год назад ушел из жизни первый человек на Луне
- Занятные карты мира
- Мой новый Mac Pro
- Психанул
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
