Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Горячая семерка
Apple WWDC 2013 |
Дождались новых анонсов от Apple. WWDC 2013 по-русски и за 6 минут, iOS 7, OS X 10.9, iWork для iCloud, iTunes Radio, Macbook Air на базе Haswell, Mac Pro, iWork for iCloud для конкуренции с Google Docs, немного о Mac OS X 10.9 Mavericks
iOS7 |
Отдельно стоит поговорить о новой iOS7: Обзор iOS 7 для iPhone, еще один, а также Большой видеообзор iOS 7 beta 1, Интернет шутит по поводу дизайна новой iOS 7, Яндекс появится в iOS7. И еще немного о дизайне: В защиту дизайна iOS 7 и Стёб на тему нового дизайн iOS7
Новое поколение консолей |
На прошедшей выставке E3 Microsoft и Sony наконец показали свои железки. Более подробно о них: о PlayStation 4, Анализ характеристик Xbox One, 4 главные находки Xbox One, Вот тут можно покрутить и рассмотреть PlayStation 4, Microsoft рассказала об интернет-особенностях Xbox One, политике в отношении б/у-игр, и о конфиденциальности Kinect, Вот все анонсированные игры для Xbox One и PlayStation 4. И напоследок, Четыре игровые платформы будущего в цифрах
Проект PRISM |
Планета под колпаком: Бывший программист ЦРУ слил информацию о тотальной интернет-слежке. Здесь пишут, как АНБ мониторит Google, Facebook, Microsoft и других, Mozilla и Reddit запускают кампанию против слежки за интернет-пользователями, заинтересовавшись этим вопросом, Евросоюз требует от США разъяснить механизм слежки за интернет-пользователями.
CSS3 анимация |
Оживите свой сайт вкраплениями современной CSS3 анимации. В качестве вдохновления можно воспользоваться примерами отсюда для блоков, отсюда для кнопок, а отсюда для списка товаров.
Request Quest |
Знаете ли вы о специфике работы браузеров в контексте FE разработки? Пройдите этот несложный забавный тест, и, возможно, вы почерпнете что-нибудь новое для себя
5 технологий, за которыми будущее |
Писатели-фантасты и футурологи любят предсказывать будущее. Несмотря на то, что многие предсказания попадают в молоко, есть ряд перспективных технологий, которые получают развитие и могут стать по настоящему массовыми.
Веб-разработка
- Разработанная W3C спецификация «CSS Flexible Box Layout» получила награду «Best New Web Technology 2013 NetAward»
- Request Quest — тест для FE разработчиков на знание специфики браузеров
- 5 правил верстки email-писем от Печкина
- Генератор ASCII-артов на HTML5
- Пополняемая видео-галерея докладов о веб-дизайне
- Виджет для «When Can I Use»
- Частые ошибки на сайтах для смартфонов — пояснения от Google
- Элементы наведения с нестандартной форомой (PNG с прозрачностью + canvas)
- О том, как создавался Google Chrome experiment — Racer и его звуковая дорожка и управление звуками
- Fries — UI как в Android, с помощью HTML/CSS/JS
- Front-End Ops — о позициях в командах разработки приложения
- How to Design Responsively
- Secrets of the Browser Developer Tools — 42 секрета панелей для веб-разработчиков
- Adaptive ≠ Responsive
- The mobile-first Web — о реалиях веба работающего в мобильной среде
- Изображение дерева принятия решений сервером, по поводу статуса ошибки (404, 503, ...)
- Tracing paint operations in Chrome Canary — трассировка операций по отрисовке веб-страницы в Canary
- Как сделать Web Audio Stylophone
- picni.cc — простые кастомные билды
- Угнать за 60 кадров в секунду: на примере производительности отрисовки страницы Pinterest
- Улучшение производительности с requestAnimationFrame от разработчиков Opera , а также еще об Использовании requestAnimationFrame
CSS
- Магия CSS3 анимации
- Creative Button Styles
- Pizza Time Hovers
- Cikonss 1.0 — адаптивные иконки на чистом CSS, IE friendly
- IE 10 Specific Styles
- CSS Box-Sizing для нубов
- Использование CSS attr и content для создания всплывающих подсказок (tooltip)
- Как конвертировать CSS в Sass & SCSS
- CSS stacking with display:table — еще одна техника для адаптивного диайзна
- AUTICONS — набор из иконочного шрифта и CSS задающего ссылкам на различное содержание, различные иконки
- Как писать отдельные стили для IE 10
- Оригинальный эффект наведения на изображения продукта интернет-магазина
- Понимание 3D Transforms от разработчиков Opera
- 7 CSS сниппетов, позаимстовованных из HTML5 Boilerplate
JavaScripts
- Еще один загрузчик скриптов для JavaScript
- Немного Coffee
- jsbooks — лучшие бесплатные книги и ресурсы по JavaScript
- Codeblock.js — редактируемые выполняемые блоки кода на JS
- Hitch — a small JavaScript prollyfill engine which provides an extension model for CSS and HTML.
- swiper — мобильный тач-слайдер & фреймворк
- The JavaScript Behind Touch-Friendly Sliders
- Hopscotch — создание обучающих туров на сайте
- GitHub Notifier — расширения для браузеров отображающие счетчик непрочитанных сообщений с GitHub-а
- AngularJS-Learning — все необходимые полезные материалы по изучению AngularJS
- AngularJS 1.2 и следующие версии (видео)
- Пожелания о новых фичах в AngularJS 2.0
- Angular Reader — RSS читалка на AngularJS
- Изменяемая векторная графика (SVG) с помощью AngularJS
- easystar.js — asynchronous A* pathfinding API для HTML5 игр
Браузеры
- Новинки Safari 7, а также о новом Web Inspector
- Google заявил о прекращении поддержки Chrome Frame
- Chromium Digest №1 — Desktop Capture API, альфа-поддержка новых языков и NFC
- Chrome теперь валидирует json
- Оценка влияния работы web-браузеров на энергопотребление системы
Новости
- Apple WWDC 2013:
- WWDC 2013 по-русски и за 6 минут
- Анонс Apple: Июнь 2013
- iOS 7, OS X 10.9, iWork для iCloud, iTunes Radio, Macbook Air на базе Haswell, Mac Pro
- Apple анонсировала iWork for iCloud для конкуренции с Google Docs
- Apple представила операционную систему Mac OS X 10.9 Mavericks, OS X Mavericks: чего ждать от следующей версии «десктопной» ОС Apple
- iOS7: Обзор iOS 7 для iPhone, еще один, а также Большой видеообзор iOS 7 beta 1, Интернет шутит по поводу дизайна новой iOS 7, еще один стёб об особенностях редизайна от Jony Ive, Яндекс появится в iOS7
- Приложения завоевавшие Apple Design Awards в этом году
- Новое поколение консолей:
- Четыре игровые платформы будущего в цифрах
- Sony наконец-то показала PlayStation 4
- Анализ характеристик Xbox One — быстрее ли PlayStation 4?
- 4 главные находки Xbox One
- Вот тут можно покрутить и рассмотреть PlayStation 4
- Microsoft рассказала об интернет-особенностях Xbox One, политике в отношении б/у-игр, и о конфиденциальности Kinect
- Вот все анонсированные игры для Xbox One и PlayStation 4
- Twitter показал пользователям их статистику
- «Машина времени» от Foursquare: все ваши путешествия за все время
- Дуров, верни музыку, на очереди видео
- Intel готовит свой интерфейс для Tizen и Android. AMD заинтересовалась Android и Chrome OS
- Mozilla, EFF и ещё 84 компании и организации объединились против шпионажа АНБ
- Google покупает израильский стартап Waze за $1,3 млрд
- В Facebook появятся хештеги
- Google понизит в выдаче сайты, у которых плохо работает мобильная версия
- Twitter обновил API, при этом поломав тысячи клиентов
Сервисы
- Новый Dropbox позволяет легко и просто шарить скриншоты
- VideoNot.es: текстовые заметки для Coursera, Udacity, Khan Academy и YouTube
- dpilove — мини-сервис от Lea Verou для вычисления плотности пикселей вашего экрана и небольшая история его создания
Демо
- Динамическое размытие текста при прокрутке страницы
- Cube Slam — игра на базе WebRTC
- Демонстрация возможностей WebRTC, WebGL и Go от Google
Сайты с интересным дизайном и функциональностью
- riotindustries.com — эффектные CSS3 2D и 3D эффекты, вместе с нестандартной навигацией
- apple.com/mac-pro — промо-страница от Apple, а также Разбор того, как работает этот сайт
- orangehive.de — сайт с нестандартной навигацией и канвас-анимацией
- mahedineyahia.fr — параллакс-эффект для достижения псевдо видео-эффекта
- adamrudzki.com — сайт-портфолио с полноэкранными слайдами, клавиатурной навигацией и кучей анимации
- dieselblackgold.com — сайт с занимательной реализацией главного меню
- masswerk.at/404 — Space Inviders на 404-й странице
Дизайн
- Новый дизайн iOS:
- Слайды в iOS 7
- В защиту дизайна iOS 7
- Flat design: почему дизайн стал плоским?, падающая плоскость , новый дизайн не полностью плоский
- Стёб на тему нового дизайн iOS7, реакция в соц. сетях
- iOS7 — переход к плоскому дизайну
- Почему новый дизайн от Apple — это только начало, а не результат
- Многое объясняет факт привлечения маркетингового отдела к проектированию нового интерфейса системы
- Полный гайдлайн интерфейса «iOS Human Interface Guidelines»
- Designed by Apple
- Фирменный шрифт Яндекса
- Общие заблуждения об адаптивном дизайне
- Современные приёмы и методики в типографике (редакция 2013 года)
- The Principles of Typography: Back to Basics
- Вдохновляющая типографика в дизайне упаковки
- Основные принципы flat-дизайна
- Плоские дизайн и шрифты
- Сайты с нестандартной геометрией
- Десять лучших уроков по фотошоп, вышедших в мае 2013
- Интерактивный урок по улучшению типографики
- Microframe Template — PSD шаблоны для создания макетов сайтов и приложений
- Свежие и местами забавные логотипы
Подборка бесплатных дизайнерских печенек
- iOS 7 GUI PSD
- Вектор: два десятка наборов для инфографики
- Фоны: паттерны для фотошопа
- Иконки: небольшой набор с плоскими иконками, большая коллекция плоских иконок
- Шрифты: два с половиной десятка заголовочных шрифтов, Attentica 4F — акцидентний шрифт, Tenso Regular — шрифт без засечек, новые бесплатные кириллические шрифты
- Фрактальные кисти
Занимательное
- Проект PRISM: Планета под колпаком
- как АНБ мониторит Google, Facebook, Microsoft и других
- Бывший программист ЦРУ слил информацию о тотальной интернет-слежке (проект PRISM)
- Mozilla и Reddit запустили кампанию против слежки за интернет-пользователями, заинтересовавшись этим вопросом, а Евросоюз потребовал от США разъяснить механизм слежки за интернет-пользователями
- забавная страница для тех, кто устал запоминать пароли от своих аккаунтов (PRISM Internet Backup Service)
- кроме того The Financial Times оценила стоимость досье на интернет-пользователя — получилась копеечная цена
- Небольшая презентация «Dear NSA, let me take care of your slides»
- Спецпроект по троллингу системы NSA
- Энтузиасты полностью разобрали Google Glass
- О том, что скоро станет реальным: 5 технологий, за которыми будущее
- 10 вещей, которых нам не хватает в интернете
- Испорченный рай: 5 недостатков Кремниевой долины
- Чему я научился за 8 месяцев в Microsoft
- Миф об эффективности мозговых штурмов
- Подробности о будущем поиска: Проникновение в суть вещей
- Дэвид Карп: Почему я продал Tumblr за $1.1 млрд
- В Google Earth и Google Maps появятся более детальные изображения океанического дна
- Обновление с Windows 1 до Windows 8
- Baidu Eye: китайский ответ Google Glass
- Как быстро сделать из таракана киборга
- 7 наручных часов — потенциальных конкурентов iWatch
- Как NASA использует WordPress для продвижения open source технологий
- Corning Gorilla Glass сделает автомобили тихими внутри и экономными
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Автор: alexzfort