Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Горячая семерка
Революция Chrome DevTools 2013 |
За последний год инструменты для разработчиков в Google Chrome развивались семимильными шагами. Промежуточные итоги развития поведал Paul Irish на последнем Google I/O. Предлагаем вам ознакомиться со статьей по мотивам этого доклада, из которой вы узнаете о некоторых клевых возможностях, среди которых редактирование кода напрямую из DevTools, отладка Sass и удаленная отладка на мобильных девайсах, и многое другое
Effeckt.css |
Встречайте релиз css-библиотеки, которая собрала (и будет продолжать собирать) анимационные эффекты для элементов сайта. В ней можно встретить решения от Codrops, Hakim El Hattab, Chris Coyier и других монстров фронт-енд разработки
Интересные аспекты развития JavaScript и веб-технологий 2013-го года |
Довольно занимательная статья, в которой автор постарался выделить основные направления в области JavaScript-разработки, которые активно развиваются или только начинают развиваться и которая будет полезна в первую очередь начинающим изучение JS
Плоский дизайн или скевоморфизм? |
Если вы обращаете внимание на то, что происходит в мире дизайна, вы наверняка заметили постоянный спор между скевоморфизмом и плоским дизайном. А если не обращаете, то в любом случае слышали слово «скевоморфизм». О том, что это такое, историю и тенденции в вебе можно почитать в переводе статьи Flat Pixels
Ждем умные часы |
Очередная волна слухов и прогнозов на тему умных часов. Поговаривают, что более полумиллиона смартчасов попадут на рынок в 2013 году и более 5 млн – в 2014, и вообще — Рынок «умных» часов ожидает 10-кратный взлет. Все знают, что Apple работает над своими iWatch, однако судя по всему там справляются с разработкой «умных» часов и ищут новых разработчиков. Microsoft тоже оказывается работают над своими часами.
«Джаст5 Брик» |
Представлен «Джаст5 Брик» — бабушкофон от Лебедева. Подробнее об этом Тёмафоне, и еще обзор, и еще
Подборка продвинутых демок на WebGL |
Не так давно мы смотрели на впечатляющие canvas-демки, пришло время посмотреть на то, что умеет WebGL, опять же на примерах крутых демо.
Веб-разработка
- Элемент progress
- Что такое datalist в HTML5 и где его использовать
- Подборка полезного для любителей Twitter Bootstrap
- Интерактивный глобус — SVG vs Canvas
- Видео с CSS Day и трансляция Fronteers 2013
- Революция Chrome DevTools 2013
- Книга Pro Git в удобной онлайн-версии
- Симпатичные эффекты для фиксированной шапки сайта
- Руководство по стайлгайдам
- On Scroll Effect Layout
- Симпатичный онлайн-туториал по HTML для новичков
- Daux.io — инструмент для облегчения составления документации к проекту
- Подборка решений для адаптивной навигации
- Улучшаем продуктивность HTML/CSS разработки с помощью Emmet
- Создаем свое API с помощью Restler
- “Should I Learn XHTML Or HTML5?”
- Пять шагов оптимизации сайта под таблетки
- Drupal-разработка с помощью свежего PHPStorm
- glue — инструмент для генерации спрайтов в командной строке
- Основные паттерны реализации меню в сайтах с адаптивным дизайном
- Создание простейшего параллакс-эффекта
- Новые фичи Adobe Edge Code CC (Brackets)
- Демо использования Polymer и Web Components на примере вставки карты Google Maps с помощью собственного тэга «g-maps»
- Создание виджетов нового поколения с помощью Web Components
- В смартфонах localStorage работает в 5 раз быстрее нативного кеша
- Еще девять советов по улучшению производительности Front End
CSS
- сalc() в CSS3. Великолепные возможности для responsive верстки.
- Effeckt.css — встречайте релиз css-библиотеки, которая собрала (и будет продолжать собирать) анимационные эффекты для элементов сайта.
- Обновлённый CSS Zen Garden
- Daniel Glazman о Media Queries на CSS Day (видео)
- Взгляд в будущее Sass
- Проблемы в CSS и способы их решения
- cardinalcss — CSS-фреймворк с поддержкой адаптивности и LESS
- Furatto — front-end фреймворк с плоским дизайном
- Симпатичные hover-эффекты
- longshadows — онлайн-генератор длинных теней
- aristochart — статические графики с помощью канвас
- Justified and Vertically Centered Header Elements
- Chrome 29 beta поддерживает media query для разрешений экрана
- Полезные инструменты для написания CSS кода
- Understanding Sass lists
- Демонстрация возможностей использования SVG фильтров
JavaScripts
- Интересные аспекты развития JavaScript и веб-технологий 2013-го года
- Исследование проблем с производительностью JavaScript на мобильных устройствах
- minifiedjs — небольшая библиотека в стиле jQuery, также позволяющая делать манипуляции дом-деревом, анимациями, ивенты и пр.
- tabulous.js — библиотека для создания симпатичных табов
- collageplus — галерея с полным заполнением контейнера
- S Gallery — адаптивная галерея на jQuery c CSS3-анимацией
- kernjs — букмарклет для манипуляций с типографикой на страницах сайта
- Динамическая плавающая кнопка “Back To Top” с плавным скроллингом на jQuery
- Видео на тему JavaScript for Designers от Rachel Nabors
- AUTOMATON — автоматизация с помощью JS
- SlimerJS — A scriptable browser for Web developers
- Later.js — планировщик под Node.js
- easyAB — плагин для A/B тестирования
- READMORE.JS — плагин для сворачивания большого объема текста и добавления «read more» для его разворачивания
- Полтора десятка jQuery-сниппетов
- imagefill.js — плагин для растягивания изображений в контейнерах
- Презентация «ES6: The Awesome Parts»
- События Audio и Video в HTML5
Браузеры
- Вторая мировая война браузеров — колонка pepelsbey на rbc
- Сотрудник Google стал первым, кому Microsoft заплатил за найденную уязвимость в IE11
- Браузинг с помощью жестов
- Что нового в IE11 Developer Tools
- Поддержка prerender и prefetch в IE11
- Как превратить ваш браузер в Sublime Text editor
- Chromium Digest №6 — Редизайн Центра Уведомлений и упрощенная установка расширений
- Увидели свет Chrome OS 28 и Chrome 28 для Android
- Web Audio и WebRTC в Chrome 29 beta под Android
Новости
- Социалки: Twitter включил цензуру, В Foursquare появилась первая таргетированная реклама, «Одноклассники» запустили сервис, позволяющий открыть интернет-магазин в соцсети
- В ожидании часов:
- Более полумиллиона смартчасов попадут на рынок в 2013 году и более 5 млн – в 2014
- Рынок «умных» часов ожидает 10-кратный взлет — прогноз
- В ремешке «умных» часов будет скрываться гнущийся аккумулятор
- Смартчасы: взаправду или блеф?
- В Apple не справляются с разработкой «умных» часов и ищут новых разработчиков
- Microsoft Smart Watch: Империя наносит ответный удар
- Финансовый вопрос
- Google оценили в $304 миллиарда, а сама компания получила во втором квартале $3,23 млрд чистой прибыли
- Yahoo анонсировала финансовые результаты Q2 2013
- «Яндекс» дорос до капитализации в $10 млрд
- Прибыль Microsoft сильно снизилась, согласно квартальному отчёту, из-за планшетов Surface потеряла $900 млн.
- «Джаст5 Брик» — бабушкофон от Лебедева. Подробнее о Тёмафоне, и еще обзор, и еще
- Coub.com привлек $1 млн и готовится покорять США
- Павел Дуров: Заявления украинских чиновников о порнографии на серверах «ВКонтакте» — заведомо ложные
- Jolla активно готовится к старту продаж смартфона на платформе Sailfish
- Ресурсы для сенсорных экранов практически исчерпаны
- Android 4.3 могут анонсировать на следующей неделе, Полтора миллиона активаций Android-устройств ежедневно
Сервисы
- Дропбокс: «Мы заменим жесткие диски»
- EntourageBox: отправляйте файлы пользователям Dropbox, Google Drive и Amazon S3 без создания аккаунтов
- Минимум 5 вещей, которые делают Gmail не просто электронной почтой, Впечатлите начальство с Gmail за 5 минут
- Google: альтернативы поисковому гиганту
- meettheipsums — Lorem ipsum на любой вкус
- stylifyme.com — сервис создаюций небольшой style guide для любого сайта
- Embed Responsively — небольшой сервис для генерации кода вставки адаптивных компонентов: YouTube, Vimeo, Google Maps…
- SVG Filter Factory — наложение нескольких фильтров SVG
Демо
- Занятный концепт чекбоксов, а также еще один
- Canvas Rider
- Миньон на чистом CSS
- Анимированный лоадер
- iPhone 5 на CSS
- Подборка продвинутых демок на WebGL
- sculptgl лепим скульптуру с помощью WebGL
- Демо с WebGL кривыми и кривыми поверхностями от mr.doob
Сайты с интересным дизайном и функциональностью
- alquimiawrg.com — креативный сайт-визитка
- served-mcr.com — одностраничный сайт с мультяшной анимацией и графикой
- icscreative.com — сайт дизайн-студии, параллаксы и все такое
- anchor.travel — сайт с нестандартным эффектом скроллинга страницы
- laundryday.be — сайт, который напомнит вам о космических симуляторах
- sayviget.com — сайт-игра
- magsty.com — трендовый сайт с параллаксами и обилием графики
- magme.eu — небольшой сайт с интересными интерактивными эффектами
- artemjuliawedding.com/ — сайт, созданный к свадьбе
- cyclemon.com — велисипедные иллюстрации в пределах одной страницы
- bellboygame.com — сайт-презентация игры
- 44 красивых дизайна японских сайтов
Дизайн
- Десять способов редактирования выделения в Photoshop
- Интервью с Анной Любимцевой (дизайнером-иллюстратором)
- Плоский дизайн или скевоморфизм?
- Я хочу стать шрифтовым дизайнером — что дальше?
- Дизайн для мобильных устройств: основные тенденции
- Сложное в очевидном: как мы делали интерфейс звонка в Яндекс.Шелле
- Designing Facebook Home
- Authentic Design — о том, что сейчас происходит в мире дизайна, от Дмитрия Фадеева
- О психологии цвета в маркетинге и брэндинге
- Сотня лучших блогов для дизайнеров от Go Media & Friends
- Что такое user experience (инфографика)
- Много интересных уроков по Photoshop
- Используем плоский дизайн в вебе и печати
- Два десятка вдохновляющих сайта с плоским дизайном
Подборка бесплатных дизайнерских печенек
- Бесплатные psd-исходники пользовательских интерфейсов
- Полный набор материалов для дизайнеров мобильных приложений
- Наборы плоских UI и компонентов
- Summer Tutorials Bundle: The Latest Photoshop Guides 2013
- Наборы иконок, UI и PSD шаблонов + несколько наборов с текстурами
- PSD искходник форм авторизации (Logiin form)
- Векторные изображения, связанные с индустрией fashion
- Текстуры: цветные тканевые текстуры, много бумажных текстур
- Иконки: плоские векторные иконки SENSATIONALFIX, набор «Long Shadow Flat Icon», векторные иконки iOS7, детализированные и не очень в PSD-формате
- Шрифты: SHELLEY — декоративный ретро-шрифт, Haext — выразительный нео-готик, High Tide — заголовочный декоративный шрифт, Quirky Nots — декоративный и забавный, свежие, в основном декоративные, шрифты, от The Quantum до Eride, Chromatic декоративные шрифты, от Prismatic до Parthenon
Занимательное
- Угадайте, какое событие уничтожило индустрию ПК
- О 3D принтерах:
- Как печатает 3D-принтер
- TOP Hi-tech: Самые сумасшедшие 3D-принты
- LEGObot – 3D-принтер из LEGO
- Кроссовки под заказ на 3D-принтере
- Инженеры распечатали на 3D-принтере ракетный инжектор
- Парфюмер 2.0: аппарат для консервации запахов
- В сети появился трейлер фильма о создателе WikiLeaks Джулиане Ассанже
- 10 рекламных розыгрышей 2013 года
- 10 научных шуток: Физик, математик и инженер заходят в бар
- Всеобщая “мобилизация”: 13 интересных фактов о рынке мобильного веба в 2013 году
- Valve сделает школьников геймдизайнерами
- Linkedin — сеть недалеких «проффессионалов»
- Firefly Online – MMOG по культовому sci-fi-сериалу
- Офис Google Россия: каково там?
- Из-за ошибки PayPal начислил пользователю на счет $92 квадриллиона
- Один из первых компьютеров Apple, собранный Стивом Возняком, продали с онлайн-аукциона за $387 тыс.
- Блог со скринами компьютерных интерфейсов из фильмов
- Первым кинотрейлером в Instagram стала реклама фильма про Джобса
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Автор: alexzfort