Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Веб-разработка
Google представил Coder — проект, превращающий ваш Raspberry Pi в Web-сервер для обучения программированию на Javascript, HTML и CSS.
YaC: почему важно не пропустить главную технологическую конференцию Яндекса в 2013 году
«Документирование вёрстки по-взрослому» — доклад Роберта Харитонова из «Одноклассников» с РИТ 2013
Канал на Vimeo c докладами с конферениции FrontTalks
- Комментарии для современного сайта
Safari на iOS 7 и HTML5: проблемы, изменения и новые API (проблем много)
Сделайте свой мобильный сайт на 70% быстрее
Полное руководство по испольованию элемента Table
Grid Forms — небольшой JavaScript/CSS фреймворк
30 расшрирений Google Chrome Extensions для веб-дизайнеров и разработчиков
Создание кастомного HTML5 video player
Сжатие изображений для веб-разработчиков
RWD и Bootstrap 3 — особенности использования
Введение в осознанную производительность: четыре способа сделать ваш мобильный сайт похожим на нативное приложение
Высота страницы, скроллинг и адаптивный веб-дизайн
Quick Tip: вставка новых Google Maps
Решения проблемы с производительностью и адаптивными изображениями
FireShell — интересный статический фреймворк с Grunt, Sass/SCSS и другими плюшками
Статический веб-сервер со встроенным обработчиком пре-процессоров
Canvas Inspection с помощью Chrome DevTools
Креативные эффекты загрузки элементов или всей страницы
Чтение файлов с помощью HTML5 FileReader API
Все, что вам нужно знать о Parallax Scrolling
Используем видео как фон
О создании приложения онлайн-магазина под Win8 с помощью HTML5
CSS
- Начинаем писать CSS
OpenSource от Adobe — CSS библиотека Topcoat
Compass — инструмент для эффективной работы с CSSиз песочницы
Как начать использовать Sass и Compass за 10 минут
Делаем резиновую сетку с помощью Sass
Определение возможностей браузера с помощью CSS supports
Sass & Compass Color Functions
Использование pointer-events с Media Queries
position: sticky может стать отличной штукой
В Firefox 26 ожидаем CSS Image Orientation
Pinterest Style на чистом CSS (пока работает только в Chrome)
Normalising Designs For Better Quality CSS (презентация)
Рейтинг популярности CSS-свойств по данным Google
JavaScripts
Рендер ландшафта в WebGL: часть 1, часть 2
Ion.Sound — плагин для воспроизведения звуков. Создание и особенности
Mobify.js — изменение DOM до начала загрузки ресурсов
TogetherJS: добавь на сайт коллективизма
annyang — библиотека, позволяющая выполнять голосовые команды используя API SpeechRecognition работающее в Chrome
Контролируем CSS Animations и Transitions с помощью JavaScript
Performance Tuning Secrets — доклад Peter Flynn с JSConfUS 2013
Основы Backbone.js (презентация)
Node School — изучите NodeJS с помощью интерактивных уроков
JavaScript без фреймворков — интересный взгляд на разработку без молодых и модных фреймворков
Как работать с cookies с помощью jQuery
Знакомство с полигональным моделированием и Three.js
Как написать Adobe Generator плагин для Photoshop
Адаптивная веб-типографика с помощью FlowType.JS
knockout.sync.js — расширение knockoutjs для работы с nodejs
json.human.js — наглядное представление данных в JSON-формате
FruitJS — утилита для Node.js, использующаяся для генерации технической документации
ContentShare — jQuery плагин, позволяющий зашарить для соцсетей нужную часть страницы
Formbuilder.js — графический интерфейс для создания форм
Conditioner.js — js библиотека для загрузки-выгрузки модулей в зависимости от состояния их окружения
CLNDR.js — очередной календарный плагин на jQuery
complete.ly — библиотека для реализации автозаполнения полей
Responsive elements — плагин, позволяющий сделать любой элемент адаптивным благодаря дополнительным классам
Focus transition — удобная подсветка активного поля
vex — новое поколение модульных окон
Браузеры
- Релиз Firefox 24
- Релиз браузера Firefox для нового интерфейса Windows 8 откладывается до января 2014 года
Мобильная Opera 16 для Андроида
- Вышел Internet Explorer 11 Release Preview для Windows 7
Firefox 24 для Android получил включенный по-дефолту WebRTC
iOS 7 Safari и новые возможности платформы
Google Analytics перестает поддерживать IE8 в конце этого года
Кто мы? Браузеры!
Новое промо-видео IE
Веб-инструменты
Brace — новый способ хостить ваши сайты
Генерация заголовка Content Security Policy
Моделирование RWD Wireframes онлайн
Плагин к фотошопу, позволяющий получить: «Access the world's largest* collection of icons right in Photoshop for free!»
Новости
- iOS7:
- Релиз iOS 7: детали, особенности и совместимость
- Что изменится в вашем iPhone после релиза iOS7, а также 25 нововведений в iOS 7
- Почему стоит помедлить с обновлением и что делать, если вы всё-таки решились
- Первые критичные баги iOS 7: обход пароля на локскрине
- Релиз iOS 7: детали, особенности и совместимость
- CyanogenMod:
Инсталлятор CyanogenMod появится в Google Play, разработчики получили $7 млн инвестиций
- CyanogenMod переходит на новый уровень
- HTC может стать партнером Cyanogen Inc
Пять лет назад был запущен Stack Overflow. И тут произошло чудо
Google обновил логотип и навигацию
YouTube вскоре добавит возможность просмотра видео в оффлайн-режиме (для мобильных устройств)
Продажи GTA 5 за первые 24 часа составили $800 000 000
QuickOffice стал бесплатным. К нему Google добавляет по 10 Гб в Drive на два года
Google vs. Смерть = Calico
В Google пояснили как будет работать оффлайн-просмотр YouTube-видео на мобильных устройствах
- IBM вложит в Linux миллиард долларов
- Microsoft объявила стоимость перехода на Windows 8.1
- Аппаратные решения Adobe появятся на рынке в первой половине 2014 года
- Численность общей аудитории Yahoo превысила 800 млн. пользователей в месяц, а Стоимость акций приблизилась к рекордной
- PayPal стал работать с рублями
- Microsoft выпустит аналог Siri и Google Now для Windows Phone
- Мобильная платформа Sailfish достигла уровня совместимости с оборудованием и приложениями Android, а Ubuntu Touch выйдет 17 октября
- BlackBerry уходит с потребительского рынка, уволит 4 500 сотрудников
Демо
- Bullshit Job Title Generator
- Спиральная анимация на CSS
- A device loop animation
- Пульсирующая видеосфера
- Плоский iPhone с анимацией
- Концепт мобильной навигации
Сайты с интересным дизайном и функциональностью
- transferwindow.info — интерактивная инфографика
- aquaceutic.pl — красочный жизнерадостный сайт с нестандартной геометрией и эффектными анимационными переходами
- adcade.com — лаконичная и доходчивая интерактивная инфографика
- Tomato Can Blues — иллюстрации оживленные с помощью скролл-эффекта
- squarefactor.com — нестандартная навигация и приятная анимация
- Подборка сайтов с нестандартной для веба геометрией
- trama.cz — чешский сайт с большим количеством нестандартно анимированных элементов
- mosne.it — интересная реализация галереи продуктов
Дизайн
- Подборка визиток с qr-кодом
- Вокруг всемирной паутины за восемьдесят минут
- Создание образца летней подводной бесшовной текстуры в Adobe Illustrator
Небольшая история создания лого для Company of Huskies
Сравнение брендов (анимированные gif)
Bing представил обновлённый интерфейс страницы выдачи и новый дизайн логотипа
Interface Sketch — шаблоны интерфейсных оболочек (окно браузера, операционной системы, мобильного устройства) для печати на бумаге
- О Dribbbli-зации дизайна
Firefox OS Typeface
Что вы должны знать о Flat Web Design
Примеры шаблонов мобильного дизайна: часть 2
Примеры дизайнов сделанных под iOS 7
Убери все лишнее чтобы улучшить(анимированное gif показывающее шаги по улучшению дизайна графика)
Type Novel — блог с коллекцией фото отборной типографики
Процесс создания дизайна WordPress темы ‘Collections’
О редизайне Bing
Sloppy UI — коллекция ляпов в дизайне iOS7 и программах
Зарелизился Flat UI Free 2.1
Подборка бесплатных дизайнерских печенек
- Бесплатные формы для Photoshop
Упаковка векторных иконок
Упаковки иконок в стиле iOS7
упаковка иконок с изображениями сигнала связи
Абстрактные кисти для Photoshop
Абстрактные кисти для Illustrator
PSD с iPhone 5S в плоском дизайне
Векторный iPhone 5C в формате PSD
iPhone 5c в векторном формате
PSD с шаблонами демонстрирующими мобильные приложения в перспективе
Более сотни наборов Flat UI на случай когда нет много времени на дизайн
Metro Vibes UI Kit
Более двух десятков PSD с UI-компонентами
Полтора десятка свежих шрифтов
Canter — декоративный заголовочный шрифт без засечек
Занимательное
- 3D принтеры:
На 3D-принтере напечатана комната из искусственного песчаника
3D-печать органов человека
Софт Disney позволяет создавать игрушки на 3D-принтере
vrAse: превращаем смартфон в очки для виртуальной реальности
Впечатления от выхода на Кикстартер
История Nintendo во главе с Хироси Ямаути
Стивен Хокинг: Теоретически возможно скопировать информацию мозга в компьютер
- Новый процессор Intel работает от бокала вина
- Несколько терминов из современного английского языка, которые обозначают еще не описанные, но уже существующие в России явления.
- 10 стартапов, которые проинвестировало ЦРУ
- Из Facebook ушли 11 млн человек из-за настроек приватности
- Internet.org: в течение 5-10 лет Интернет станет в 100 раз эффективнее
- Для управления полётами на Луну может быть применена система ГЛОНАСС
- АНБ уличили в покупке сведений об уязвимых местах интернет-сайтов
- Джетпак – новое необычное средство передвижения или лишняя трата денег?
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Автор: alexzfort