Горячая семерка
Никогда не поздно учиться |
Тем, кто согласен с утверждением в заголовке, предлагаем целый ряд ресурсов для его реализации: для аудиалов на выбор предлагается три десятка лучших подкастов о веб-дизайне , полсотни образовательных подкастов, которые стоит послушать в 2013-м, плюс большая подборка образовательных и познавательных подкастов Рунета. Визуалы могут выбрать что-нибудь из онлайн-ресурсов для изучения веб-дизайна или десяти обучающих ресурсов по программированию. Кроме того, появилась Бесплатная online-школа по разработке приложений для Windows 8
Инструменты для разработчиков |
Команда Codeschool объединилась с Google для создания Try DevTools — подробнейшего и бесплатного обучающего курса из семи глав. Команда Mozilla также не стоит на месте — был разработан план развития Firefox DevTools. О будущих улучшения средств веб-разработки в Firefox можно почитать в этой статье
Google Keep |
Google запустили сервис для создания заметок и списков — Keep .еще немного деталей о сервисе Keep. Но не все восприняли новость с воодушевлением — Ом Малик предлагает Гуглу оставить свой сервис при себе. а здесь рассказывается, почему Keep не заменит Evernote.
Также, еще несколько новостей от Google: добавлен поиск по анимированным GIF-картинкам, в Street View появились панорамы высочайших горных вершин, для 15 городов Украины появилась информация о маршрутах общественного транспорта, Google может закрыть ряд чат-платформ и объединить их в сервис Babble. Также, пошли слухи, что Google работает над собственным вариантом iWatch. Отдельным пунктом оставим здесь ссылку на кладбище продуктов Google
#Twitter7 |
Поздравляем Twitter с семилетием!. Также, из новостей сервиса: Основатели Twitter получает патент на него и планируется запуск музыкального прилочения для iOS, а русскоязычные пользователи сервиса теперь могут скачать архив всех своих твитов
Chrome World Wide Maze |
Эксперименты от Google Chrome не перестают удивлять. На этот раз было представлено очередное экспериментальное демо, позволяющее превратить любой сайт в интерактивный 3D-лабиринт. Пример геймплея на YouTube
Супергерой JS |
Не проходите мимо сайта superherojs.com. На нем собраны ссылки на лучшие статьи, слайдкасты, презентации и видео о разработке, тестировании и поддержке JavaScript. И все это в стильном дизайнерском оформлении
Адаптивный дизайн |
Responsive-техники продолжают набирать обороты. Среди новых инструментов: webflow — онлайн-сервис для дизайнеров и технологов, который позволяет создавать адаптивный дизайн, с последующей генерацией в готовый HTML/CSS код. Также, предлагаем вашему вниманию статью Адаптивный дизайн и физические размеры девайсов и слайдкаст с аудио-сопровождением о принципах адаптивного дизайна от Brad Frost. И напоследок от него же: постоянно пополняющаяся коллекция Responsive Resources с всевозможными материалами об адаптивности.
Разработка
- Знакомство с Web Speech API
- За что HTML-верстальщики так не любят веб-дизайнеров
- Полезные сниппеты на HTML5
- Почему HTML считает, что «chucknorris» — это цвет?
- Инструменты для веб-разработчиков: Будущее DevTools в FireFox, а также Видеокурс по DevTools от Google и Codeschool
- Sublime Web Inspector
- Responsive Resources — объемная коллекция всевозможных материалов об адаптивном дизайне.
- Адаптивный дизайн и физические размеры девайсов
- Слайдкаст о принципах адаптивного дизайна
- Capturing — провышаем производительнасть адаптивных веб-приложений
- Реализация списка превьюшек в стиле Google Images
- Прикрепленные иконки в Win8 — полезные техники для повышения видимости вашего сайта
- jQuery Mobile: Как правильно поставить jQuery Mobile на WP, а также Большой гайд по jQuery Mobile для начинающих
- Создание Sprite-based игр в Canvas
- Коллекция фреймворков для веб-разработки
- О SVG в мобильных браузерах
- Новые модели процесса веб-разработки
- О проблемах фрагментации в комьюнити FE из-за обилия препроцессоров
- Зачем нужно писать чистый код
- Сильно напоминающий Emmet, препроцессор для HTML: SIML (Simplified Markup Language) и его описание
- Mixture — быстрое прототипирование и создание статических сайтов для дизайнеров и разработчиков
CSS
- Как писать эффективные с точки зрения производительности CSS-селекторы
- Base64 против CSS-спрайтов: битва за производительность
- Используем MathML уже сегодня, с CSS-фолбеком
- Текущее состояние CSS Regions
- Нестандартные манипуляции с Textarea
- Интересный эффект сворачивания на CSS
- Animations with SASS and while
- Букмарклет для рефреша вашего CSS
- Extra Strength Responsive Grids
- Альтернатива элементу select на CSS
- Эра символьных (иконочных) шрифтов
JavaScripts
- superherojs — сайт со статьями, видео и презентациями на тему JS
- Formula.js — js имплементация большинства формул, поддерживающихся Microsoft Excel 2013 и Google Spreadsheets
- Chart.js — библиотека, позволяющая генерировать на стороне клиента визуально привлекательные графики и диаграммы с использованием средств HTML5 (canvas).
- capturing — улучшаем производительность адаптивного веба
- intro.js — библиотека для создания пошаговой презентации элементов страницы
- lockfixed — фиксирует элемент относительно вьюпорта во время скроллинга
- Countable.js — библиотека для подсчета параграфов, слов, символов в тегах
- thatsNotYoChild.js — Fixing Parent-Child Opacity
- unslider — слайдер с поддержкой адаптивности и клавиатуры
- swipejs — еще один кросс-браузерный слайдер с поддержкой адаптивности и тач-событий
- Полезная информация о принятии решения насчет источника для загрузки библиотеки jQuery
- В последнем билде Chromium реализована поддержка CSS Font Load Events при включении нужного флага
- Релиз Backbone 1.0
- Pixi Renderer — рендер JavaScript 2D, который использует webGL с canvas-фолбеком
Браузеры
- Firefox Nightly теперь включает OdinMonkey, выводя JavaScript на новую скорость
- Как узнать, какие расширения в Firefox используют наибольшее количество памяти
- «input type=range» приходит в Firefox
- Чекбоксы, убивающие ваш продукт — о галочках в настройках браузеров, которые делают практически любые веб-приложение неработающим
Новости
- Лучшим CEO 2013 года стал Марк Цукерберг, Тим Кук — 18й
- Новости от Google:
- Google запустили сервис для создания заметок и списков — Keep .еще немного деталей о сервисе Keep. Но не все восприняли новость с воодушевлением — Ом Малик предлагает Гуглу оставить свой сервис при себе. а здесь рассказывается, почему Keep не заменит Evernote
- Google добавила поиск по анимированным GIF-картинкам
- В Google Street View появились панорамы высочайших горных вершин
- На картах Google для 15 городов Украины появилась информация о маршрутах общественного транспорта
- Google может закрыть ряд чат-платформ и объединить их в сервис Babble
- В Google Translate появилась возможность сохранения переведенных фраз в разговорник
- Google работает над собственным вариантом iWatch
- Samsung: работает над гаджетом в формфакторе наручных часов, планирует в августе выпустить первый смартфон на базе платформы Tizen, a Galaxy S4 обошёл все существующие флагманы в бенчмарках
- Первым планшетом на ОС Ubuntu Touch станет Intermatrix U7
- Полмиллиона пользователей Google Reader ушли на Feedly за два дня
- Pinterest представил новый дизайн с большим количеством «пинов» и приобрела сервис рекомендаций Livestar
- Twitter отмечает свое семилетие c 200 миллионами пользователей, а также получает патент на твиты и планирует запустить музыкальное прилочение для iOS. Кроме этого, русскоязычные пользователи теперь могут скачать архив всех своих твитов
- В то же время аудитория YouTube превысила 1 млрд человек
- Facebook внедряет древовидные комментарии
- Китайское правительство утвердило Ubuntu в качестве стандартной операционной системы
- Русский язык стал вторым по популярности в интернете
- Заработали первые домены в зоне.УКР
- Сайт вопросов и ответов Quora запустил полнотекстовый поиск
- В объявления «Яндекс.Директа» теперь можно добавлять картинки
- Apple представила двухфакторную верификацию
Сервисы
- Как выглядят нативные элементы форм в вашем браузере
- px to em
- hhhhold — еще один генератор плейсхоледров
- paperkit.net — сервис для создания PDF макета для печати с настраиваемой сеткой
- Social Media Image Maker — кадрирования и редактирования изображений, необходимых для аккаунтов различных социальных сетей
Демо
- Экспериментальное демо Google Chrome — превращаем любой сайт в интерактивный 3D-лабиринт
- Движение WebGl-куба головой с помощью WebRTC
- Реализация интерактивного фона с помощью canvas на сайте battlefield.com
- Сапер в канвасе
- Онлайн-сервис для дизайнеров и технологов, который позволяет создавать адаптивный дизайн, с последующей генерацией в готовый HTML/CSS код.
Сайты с интересным дизайном и функциональностью
- lightt.com — интересная реализация фона с имитацией движения
- visit.uc.pt — технически продвинутый сайт университета
- skybox.org — сайт с нестандартным подходом к лейауту и навигации
- editoskastingas.lt/en/ — минималистичный бизнес-сайт с занимательным дизайном
- freeyourmindfestival.nl/nl/home/ — одностраничный сайт с параллаксом, слайдерами и выразительным дизайном
- eduardonunes.me — лаконичный сайт-галерея с responsive дизайном, слайдерами и предзагрузчиками
- escapeflight.com — туристический сайт Escape from London, сделанный с использованием последний трендов: одностраничность, анимация, параллакс
- ndreaskleiberg.no — необычный подход к скролингу сайта, при чем как на хомяке, так и на подстраницах
- passeiopedrabranca.com.br — красивый одностраничный сайт с параллаксом и анимацией
- Трендовый сайт с навигацией в стиле drag-n-drop
Дизайн
- Тестирование дизайна макетов сайта
- Шесть десятков отечественных логотипов
- Вдохновляющие примеры геометрических иллюстраций
- Создание 3D в Illustrator
- О навигации в одностраничных сайтах
- Финты для веб-дизайна, которые сделают ваш сайт вирусным
- Юзабилити валидации форм (The Ultimate UX Design of Form Validation)
- Эра символьных шрифтов
- Улучшение читабельности с помощью правильной типографики
- 4 основных правил эффективного дизайна логотипа
- Учимся видеть по методике Oliver Reichenstein
- Использование Gradient Map в фотошопе
- Концепт адаптивного телевидения
- Пять вещей, которые вы должны знать, когда делаете дизайн под iOS
- fltdsgn.com (Flat Design) — галерея сайтов с «плоским» дизпайном (metro UI)
- Тренды веб-дизайна в 2013 с объяснениями
- Альтернативы шрифту Futura
- skeuomorphism.it — плагин к фотошопу делающий ваш дизайн плоским
- Креативные логотипы с темой — вода
Подборка бесплатных дизайнерских печенек
- Подборка gui-наборов
- темные текстуры с шумом
- Дюжина PSD файлов с исходниками печатной продукции (визитки, обложки)
- Набор вайрфрейма с UI для sketch iPhone за твит
- PSD с логотипом формула-1 Grand prix
- PSD с упрощенным изображением iPhone и iPad и подобный но более расширенный набор
- Набор из почти четырехсот монохромных иконок, оптимизированных под дисплеи Retina, включающий векторную версию AI и EPS
- Иконочный шрифт с иконками нарисованными от руки
- Векторные изображения пищевых продуктов
- Два с половиной десятка олдскульных и ретро шрифтов: от Sea Side Resort до Deftone Stylus
- Timepiece Rounded OpenTyp — шрифт для использования в дизайне часов
- Shinto — декоративный заголовочный шрифт в стиле японских либо китайских иероглифов
Занимательное
- Никогда не поздно учиться:
- Три десятка лучших подкастов о веб-дизайне
- Полсотни образовательных подкастов, которые стоит послушать в 2013-м
- Большая подборка образовательных и познавательных подкастов Рунета
- Подборка онлайн-ресурсов для изучения веб-дизайна
- Десять обучающих ресурсов по программированию
- Бесплатная online-школа по разработке приложений для Windows 8
- Curiosity превосходит ожидания создателей
- Кладбище продуктов Google
- Fuck your design
- Экосистема от Apple — достоинства и недостатки
- «Прочитаю как-нибудь потом»: обзор сервисов отложенного чтения
- Почему RSS имеет право на жизнь и специальный проект replacereader.com с альтернативами сервису Google
- Социологи подсчитали число пользователей интернета в России
- Королевскую премию для изобретателей получили создатели интернета
- Кто боится Google Glass?
- 3D-печать: кости, органы и стейки
- Джастин Лонг сыграл главную роль в комедии о Стиве Джобсе
- Мультфильм на осцилографе
- Десять перспективных технологий, о которых через несколько лет узнают все
- Если бы популярные сайты были бы людьми
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
ссылка на оригинал статьи http://habrahabr.ru/company/zfort/blog/173949/
Добавить комментарий