Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Горячая семерка
MWC 2013 |
На ежегодной выставке в Барселоне ведущие производители мобильной электроники продемонстрировали свои последние достижения. Рынок процессоров не стоит на месте, что и продемонстрировали крупнейшие производители — ARM, AMD, Intel и Texas Instruments. Nokia показала пару новых смартфонов Lumia и пару обычных телефонов. Компания ASUS показала новые смартфоны и планшеты. Японские умельцы из NEC поразили смартфоном-раскладушкой. LG показала новые модели телефонов, а Samsung презентовала операционную систему Tizen. В заключении, две подборки: Главные новинки MWC 2013 — сборная солянка и Все лучшее с MWC 2013
Emmet 1.0 + 2 проекта от Сергея Чикуенка |
После более полугода разработки в свет вышел Emmet (бывший Zen Coding) v1.0. Кроме того, Сергей Чикуенок представил два дополнительных проекта: CodeMirror Movie (по-русски) — плагином для редактора CodeMirror, позволяющим создавать ролики прокручивающими процесс написания кода с необходимыми комментариями, а так же несколькими плагинами для DocPad (по-русски) — вместе с рассказом, о создании профессиональных сайтов на DocPad, фрэймворке для генерирования статических сайтов.
Марк Цукерберг, Билл Гейтс и Джек Дорси: Программировать может каждый и в любом возрасте |
Марк Цукерберг, Билл Гейтс, Джек Дорси и другие снялись в ролике некоммерческого фонда CodeOrg, чтобы вдохновить детей начать программировать. В нем основатели известных IT-компаний, таких как Facebook, Microsoft, Twitter, Dropbox, Zappos, Valve рассказывают о том, как научились программировать, каких программистов компании ищут сейчас, а также о том, какая судьба ждет айтишников в будущем. Цель ролика — повысить престиж программирования и собрать подписи для того, чтобы в каждой школе можно было изучать основы кодинга.
Firefox OS |
Mozilla Foundation пытается вклиниться в пантеон ведущих разработчиков мобильных ОС. Многие операторы и компании уже заявили о своей поддержке этому проекту.
А некоторые уже продемонстрировали живые смартфоны на платформе Firefox OS. И хотя новую ось позиционируют как ОС для небогатых стран, даже Sony объявила о разработке телефона на базе Firefox OS и выпустила прошивку Firefox OS для Xperia E. Правда, не все верят в новую ОС. Ну, и итоги для Firefox OS по итогам MWC
Internet Explorer 10 |
Microsoft выпустила последнюю версию Internet Explorer для Windows 7. Здесь можно ее скачать, а также ознакомиться с официальными постами на сайте Microsoft и в IEBlog. Ну, и для того, чтобы окончательно проникнуться идеями нового IE, можно посмотреть новый рекламный ролик с русской локализацией.
Коллекции CSS-фреймворков/js-библиотек |
Предлагаем вашему вниманию коллекцию лучших HTML/CSS фреймворков собранных в одном месте. Вдобавок к этому, нельзя обойти стороной сборник лучших JS-библиотек. Тем же, кому нравится ванильный JS,предлагается клондайк из JS методов и информации о браузерах, их поддерживающих
«Яндекс» выпустил магазин приложений Yandex.Store для Android |
Владельцы смартфонов, не обладающих лицензией на использование Google Play могут спать спокойно. О них позаботились в компании Яндекс, выпустив полноценный магазин, уже содержащий более 50 тысяч приложений, проверенных на отсутствие вирусов. Yandex.Store предлагает совершать покупки используя банковскую карту либо мобильный счет, что является довольно удобным вариантом. Также, можно почитать интервью с Александром Зверевев, руководителем Яндекс.Store
Разработка
- Вышел Emmet v1.0, а также два дополнительных проекта от Сергея Чикуенка: CodeMirror Movie (по-русски) — плагин для редактора CodeMirror, позволяющий создавать демонстрационные ролики для кода и Плагины для DocPad (по-русски) — рассказ о том, как создавать профессиональные сайты на DocPad, фрэймворке для генерирования статических сайтов.
- Сравнение методов создания мобильных версий сайтов (перевод с голосовалкой)
- Логотип по стандартам HTML5 или Как поставить векторную картинку на веб-страницу
- Свежая подборка видео с прошедшей недавно W3Conf
- WebKit для разработчиков от Paul Irish
- Встречаем Foundation 4
- Создание Windows-8-like 3D анимаций с помощью CSS3 и jQuery
- Mozilla и Ericsson продемонстрировали возможности WebRTC на MWC2013 , плюс Простая игра на WebRTC для Google Chrome
- Плейсхолдерный шрифт для текста вместо Lorem Ipsum, вдохновленный BLOKK
- Делаем адаптивные почтовые рассылки
- Полезные техники для HTML, CSS и JavaScript
- RESS: Responsive Design + Server Side Components
- Полный гайд по созданию игр на HTML5, а также Как я создал Windows Store App с помощью HTML5 и SVG
- Введение в формы HTML5 и новые атрибуты
- Шаблоны адаптивного дизайна для поиска с фильтрами
- Новый элемент template из черновика спецификации HTML Templates для шаблонизации на клиенте
- Большинство разработчиков предпочитают HTML5 для кросс-платформенной разработки
- Новый практический обучающий курс по Windows Phone 8
- В Google Chrome Dev Tools добавлена команда console.table
- Мобильные приложения для обучения HTML5
CSS
- Пример — часы на СSS3 без изображений и JavaScript
- Большая коллекция лучших CSS front-end фреймворков
- Облегченные стили для популярных сайтов
- Введение в CSS3 calc()
- Модульный CSS-препроцессор Rework
- CSS Beautifier — форматирование CSS онлайн
- Генератор CSS-треугольников
- Преобразователь градиентов из изображений в CSS
- Симпатичная анимация лицы средствами CSS
- Animenu – адаптивное выпадающее меню с помощью SASS
- Как сделать анимацию прелоадеров на CSS3
- Проблемы с CSS элементов форм
- Как отключитьв Firefox-е обработку префиксов
- Typeplate “typographic starter kit” c SASS кодом
- CSS Creatures — забавные создания на CSS3 и HTML5
- Браузеры, поддерживающие фоновые SVG изображения, так же поддерживают и мульти-фоны
JavaScripts
- От JQuery до Backbone
- Фабрика виджетов jQuery UI
- Try jQuery — новый интерактивный самоучитель по jQuery
- jsdb — большая коллекция лучших javascript-библиотек
- Резиновый слайдер контента с CSS3 анимацией
- How jQuery 1.9.1 overcomes Internet Explorer 6/7/8 JavaScript
- spectrum — colorpicker на jQuery
- Hook.js — Pull to refresh для веба
- iosslider — Touch Enabled jQuery Horizontal Slider Plugin
- svgjs — небольшая библиотека, облегчающая манипуляции и анимацию в SVG
- w2ui — New JavaScript UI Library
- imageloader.js — jQuery плагин для предзагрузки изображений
- fathom.js — библиотека для создания презентаций
- anima.js — легковесная библиотека для облегчения в создании анимаций
- Огромная таблица функций JavaScript с указанием их поддержки в браузерах
- JavaScript Coding Standards and Best Practices от Steve Kwan
- Презентация «Angular.js — JS Camp UKraine 2013
Браузеры
- Вышла окончательная версия Internet Explorer 10 для Windows 7,
скачать, официальные посты на сайте Microsoft и в IEBlog ,
Новый рекламный ролик с рус. локализацией и рекламный интерактивный сайт - Первый скриншот IE11
- Сравнение браузеров css3 & html5 (v 2.0)
- Начало бета-тестирования Firefox 20 и создание aurora-ветки Firefox 21
- В Google Chrome появятся индикаторы уровня звука в каждой вкладке
- Видео новой Opera на WebKit для Android
- Firefox будет блокировать установку внешних Cookie на сайтах
- Google Сhrome научился переводить устную речь в печатный текст
Новости
- Марк Цукерберг, Билл Гейтс и Джек Дорси вспоминают, как научились писать код и агитируют остальных
- Intel приобретает набор HTML5 инструментов для разработчиков мобильных приложений
- MWC: Новинки от Nokia, ARM, AMD, Intel, ASUS, NEC, LG,
Главные новинки MWC 2013 — сборная солянка, Все лучшее с MWC 2013,
Презентация операционной системы Tizen - MasterCard на MWC показал новый сервис бесконтактных платежей MasterPass
- Firefox OS:
Alcatel показала One Touch Fire свой первый смартфон на платформе Firefox OS, так же был показан ZTE Open
О поддержке Firefox OS объявили 18 компаний, включая Вымпелком, Мегафон, Alcatel, Huawei и LG,
FireFox OS или новая ОС для небогатых стран,
Sony объявила о разработке телефона на базе Firefox OS и выпустила прошивку Firefox OS для Xperia E,
Итоги для Firefox OS по итогам MWC,
Видеообзор Firefox OS (English subtitles),
Sony выпустит Firefox-смартфоны,
Глава Mozilla: Android и iOS оставляют немало места на рынке для Firefox OS
Huawei не верит в новую ОС - «Яндекс» выпустил магазин приложений Yandex.Store для Android, + впечатления
- Андроид растет в 2 раза быстрее Apple — отчет от Distimo
- Количество приложений в Windows Phone store превысило 130 000
- LG выкупили webOS у HP для своих телевизоров
- Вице-президент Facebook рассказал о планах соцсети на 2013 год
- Adobe нацелилась на mobile, выпустив Photoshop для смартфонов
- Google запускает Trends для России
- 30 крупнейших компаний Рунета — 2013 по мнению Forbes
Сервисы
- Онлайн-альтернативы Photoshop
- browserhacks — онлайн-сборник браузерных CSS и JS хаков
Демо
- Шейдеры в браузере
- Симпатичная анимация загрузки на CSS
- Интересный эффект для текстовых инпутов в формах
- Kontext — смецение слайдов в 3D, концет от Hakim El Hattab
Сайты с интересным дизайном и функциональностью
- solasie.com — сайт с нестандартной навигацией и приятной CSS анимацией
- computerman.gr — сайт с интерфейсом в стиле Metro UI
- nasaprospect.com — вертикальный вдохновляющий сайт, созданный американскими студентами в сотрудничестве с NASA
- theexperiential.com — интересный подход к выбору категории на главной странице
- fountainofyouth — интерактивная история на страницах сайта
- mrmitote.com.mx — забавный сайт, продающий не менее забавные игрушки
- czk.fr — легкое портфолио в виде горизонтального слайдера с повсеместной CSS3 анимацией, alessandrovallainc.com — еще одно приятное портфолио
- business-camp.com — забавные анимированные иллюстрации в „индейском“ стиле
Дизайн
- Интеграция дизайна. Каждый пиксель имеет значение. Часть 1
- 50 примеров базового дизайна приложений для Windows 8
- О бедном мокапе замолвите слово
- Бесплатные наборы для создания инфографики
- How To Design For Android Devices
- Техники для создания глубины в веб-дизайне
- Serif vs Sans: Финалньый бой [Infographic]
- Создание потрясающих и необычных визуальных иерархий
- Техники веб-дизайна, используемые для добавления глубины и объема
- Добавление текстуры и прозрачности 3D объектам в Phtoshop CS6 Extended
- Изменяем фон на фотографии с помощью фотошопа
- Дизайны медиа-плееров
- Создание классного типографического эффекта с помощью Illustrator и Photoshop
- Уроки по созданию векторных иллюстраций
- Лого с изображениями самолетов, а так же апельсинов и петлей
Подборка бесплатных дизайнерских печенек
- текстуры бумаги с текстом и нотами в пятнах размытой краски
- PSD-шники календарей
- Пять десятков PSD шаблонов сайтов
- Подборка полезных иконочных шрифтов + еще один Saaraan Icon Font
- Десяток свежих, в основном декоративных, шрифтов, преимущественно без засечек: от Pixa Type Family, до Corki (с кириллицей) + декоративный шрифт без засечек Hello Denver
Занимательное
- Еще немного о смартфонах:
Энтузиасты портировали Ubuntu для 24 смартфонов и планшетных ПК
Статистика: каким типам телефонов отдают предпочтение в некоторых странах мира?,
Компания Samsung продемонстрировала телефон на базе платформы Tizen 2.0
Гендир Yota Devices подробно рассказывает о YotaPhone
Как Samsung съела индустрию смартфонов – и теперь угрожает Google - Учебный курс YouTube
- Мы хотим показать вам WCAG: изучаем основы web-доступности под музыку
- Водитель марсохода Curiosity отвечает Хабру
- Деннис Тито планирует отправить людей к Марсу в 2018 году
- 6 новых социальных сетей
- 3D-принтеры: NASA собирается печатать детали ракет, а также Обзор 3D принтера Dimension Elite
- Фильм, снятый на средства с Kickstarter, впервые получил «Оскара»
- Экскурсия в лондонский офис Google
- Почему программисты любят программировать по ночам? и Почему всё-таки не стоит программировать по ночам?
- Bombermine — Online Bomberman (AngularJS, до 1000 игроков)
- Плохие пятничные советы разработчикам и UX дизайнерам
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Автор: alexzfort