Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №93 (19 — 25 января 2014)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости

Веб Разработка

• Web Components — будущее Web
• Web Components — это единственное светлое будущее веба. Смиритесь
• Несколько применений Sublime Text 3, которыми Вы могли бы пользоваться
• Доступ к контенту iFrame с другого домена
• Adobe Edge Animate 3.0 — новинки в последней версии редактора для создания анимаций
• Начинаем работать с Gulp
• Как использовать Notification API
• Гайды по GitHub
• Альтернативы для полей ввода в HTML5
• 50 лучших онлайн-курсов и ресурсов для обучения веб-дизайну
• Как обучаться еще больше в 2014-м
• Grunt.js: пользовательские задачи
• SVG и JavaScript: что возможно и что следует учитывать?
• HTML / CSS / JS в терминах человеческого языка
• Yo Polymer – ураганный тур по оснастке веб компонентами

CSS

• Стилизация SVG с помощью CSS: возможности и ограничения
• After… no, no, ::before… wait… — насчет семантичности названий псевдо-элементов в CSS
• Decss — фреймворк на CSS для создания несложных презентаций
• LESS vs Sass? Пришло время переключаться на Sass
• Как создать адаптивный звездочный рейтинг на CSS и SVG
• Работа с LESS в Chrome DevTools
• 10 утилит для SCSS, без которых я не могу жить
• CSS animation-fill-mode
• Flexbox для форм
• Офисная комната на CSS
• Obvious Buttons — почти плоские кнопки для Bootstrap
• Миксин для создания согнутого уголка
• Трюк для анимации CSS-градиента
• Стили для навигационных точек
• Индикаторы загрузки на CSS
• CSS Regions возможно вредны для веба
• CSS Art
• Вы будете поражены узнав, сколько цветов поддерживает CSS
• SassyJSON: разговаривайте с браузером!

JavaScripts

• Пишем качественный код на jQuery
• MutationObserver и MutationEvent
• Соглашения о коде языка JavaScript
• Видеопроигрыватель для сайтов обучающих иностранным языкам
• Обещания JavaScript
• Три забавных метода оформления текста с использованием Lettering.js
• Релиз jQuery 1.11 и 2.1
• Секреты объекта $
• Прототипы — это не классы
• Контроль асинхронного потока с помощью jQuery.Deferred
• Десять простых сниппетов на jQuery, которые должен знать каждый
• User Timing API
• Ember.js — An Application Framework For The Future
• Подборка свежих видео с NG-conf 2014 (Angular)
• Как добавлять поля с авто-подсказками в формы с помощью typeahead.js
• Contra — библиотека для контроля потока похожая на async, но более подходящая для использвания на клиентской части, от Nicolas Bevacqua
• Jack In The Box — демонстрация CSS анимации по мере прокрутки страницы
• Ifvisible.js — кросс-браузерная библиотека для определения, просматривает ли пользователь страницу или взаимодействует с ней
• Remote.js — новый способ беспроводной передачи информации
• 5 методов взаимодействия CSS и JavaScript, о которых вы могли и не знать
• Инъекции зависимости на JavaScript
• JavaScript The Right Way — руководство для разработчиков (для тех, кто пропустил)
• Погружение в простой JavaScript
• Понимание Function.prototype.bind в JS
• Создание анимации для карточек с советами с помощью jQuery Tip Cards

Веб-инструменты

• Инструмента для конвертации в Data URI
• «Яндекс.Переезд» — помогает перенести в новый смартфон контакты, смс, историю звонков и закладки из встроенного браузера.
• RSS ридер, использующий ваши аккаунты в Dropbox либо Google
• .psd fonts — сервис, позволяющий определить шрифты, которые используются в PSD
• CodePlayer — смотрите ваш код как фильм
• Border-radius generator
• JSON Generator

Новости

• Китай представил собственную национальную операционную систему, плюс еще немного инфы
• Павел Дуров продал свою долю в ВК. Теперь официально
• Доходы Microsoft достигли рекордных значений, хотя Windows 8 продолжает сдавать позиции
• DHL и FedEx перестали доставлять в Россию «товары для личного использования»
• Instagram растет быстрее других соцсетей
• Google тестирует страницу Knowledge Graph в поисковой выдаче
• Аналитика: продажи носимых электронных устройств в 2014 году превысят 10 млн штук
• 3D-принтер напечатает жилой дом за 24 часа
• Российская криптовалюта Wishcoin станет антиподом BitCoin
• World of Tanks в 2013 году заработала $372 млн, опередив по доходам Lineage и World of Warcraft
• Зафиксирован ботнет, включающий роутеры, телевизоры и даже холодильник
• Coursera запустила новый формат обучения
• Microsoft отчиталась о рекордном квартале

Браузеры

• Новая бета Яндекс.Браузера 14.2: новый менеджер загрузок и просмотр офисных документов
• Интервью с Романом Ивановым: первый год Яндекс.Браузер
• Ошибка в Chrome позволяет злоумышленникам прослушивать разговоры пользователя, Google отрицает
• Зафиксирована скупка популярных браузерных дополнений для распространения вредоносного кода
• Призовой фонд соревнования по взлому Chrome OS составит 2.7 млн долларов

Сайты с интересным дизайном и функциональностью

• Сайты с лесной атмосферой
• 25 сайтов с нестандартными комбинациями цветов
• Сайты с интрактивными портфолио и резюме
• 100 лет авиации — интерактивная инфографика от TheGuardian
• Fanboys — статья The Verge с анимационными скролл-эффектами
• Vimeo Annual Report 2013
• blacknegative.com — сайт с необычными и креативными подстраницами
• hugeinc.com — сайт со страницами-слайдами и анимацией
• RockerCreative — сайт с нестандартными объектами: лупой, интересным выпадающим меню и слайдерами на каждой странице
• builtthings.com — сайт с угловатой геометрией и параллаксом
• kaipoche.co — интерактивный сайт о фестивале на Гоа
• the-flutenizer.iregular.io/ — психоделический сайт с необычным дизайном

Дизайн

• Война с дизайнером: откуда берётся хороший дизайн
• Комбинирование шрифтов: подсказки и техники
• Shutterstock назвал главные тренды дизайна 2014 года
• Инструменты будущего в веб-дизайне: крушение мифов
• Модные кнопки в веб-дизайне
• Звездные логотипы
• Рисуем зимний паттерн в Adobe Illustrator
• Комбинирование шрифтов: подсказки и техники
• Почему японский веб-дизайн выделяется из других
• Логотип должен рассказывать историю
• Вдохновляющие сайты с веб-дизайном использующим текстуры и паттерны
• Mondrian — бесплатный векторный редактор как Adobe Illustrator или Inkscape, теперь open-source
• Десять вещей, которые вы должны знать об инструменте Crop в Photoshop
• Полное руководство по настройкам цветов, цветовым профилям и Proofing в Photoshop
• Полное руководство по новинкам, появившимся в Adobe Photoshop 14.2
• GuideGuide — расширение для Photoshop помогающее работать с направляющими
• Конкурс на создание лучшей анимированной гифки с зимней тематикой
• Создание вайрфреймов с помощью Illustrator и InDesign
• Дизайн эффективных электронных писем с уведомлениями
• YouTubeKaleidoscome.com — концепт возможного будущего YouTube
• Концепт iWatch часов от Todd Hamilton
• 2014: год когда мы перейдем на 4K
• Как Quora привлекает новых пользователей
• Font Nerd — iPhone приложение для интересующихся дизайном и типографикой
• Какой-то шутник сделал фейковые знаки для Лондонского метро

Подборка бесплатных дизайнерских печенек

• Подборка ледяных текстур
• Более десятка PSD для пополнения вашей библиотеки
• Ресурсы для веб-дизайнеров за декабрь 2013
• The Camera Collection — пиксельные изображения фотоаппаратов
• Bootstrap 3 Vector UI Kit
• Набор плоских и круглых иконок — Roundicons Icon Set (60 Icons, PNG, SVG, EPS, AI)
• Две дюжины плоских и круглых иконок социальных сетей
• Десять иконок календарей
• 177 плоских контурных иконок (AI + PSD)
• Иконки ilepixeli
• Коллекция классных шрифтов из недр Behance: от Alegreya до Corduroy
• Пятничные шрифты #7: от Sabado до Savu Condensed
• KAIJU — декоративный шрифт без засечек
• Упаковки иконок со смайликами

Демо

• Низкополигональная 3D модель на WebGL
• 3D hover-aware cube
• Эффект фонарика
• Коллекция клевых HTML5 демок и экспериментов

Занимательное

• Компании Apple 30 лет
• Эволюция компьютеров Mac
• Как IT-специалистам избежать «выгорания»?
• Олимпийские игры: Почему Павел Дуров ушёл из «ВКонтакте»
• Все дело ВДурове
• Видеосервис Vine отметил годовщину подборкой лучших роликов
• Папа Римский и Патриарх Кирилл не сошлись во взглядах на интернет
• Для рекламы Old Spice создали поддельные сайты «глупых» товаров
• В ответ на статью о своем исчезновении соцсеть Facebook предсказала исчезновение воздуха
• Palette — модульный контроллер
• LSO Play — смотрим концерты, наблюдая за музыкантами
• Билл Гейтс проиграл Магнусу Карлсену в шахматы за 9 ходов
• Билл Гейтс снялся в вирусном ролике в костюме цыпленка


Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.

Автор: alexzfort

Источник