Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 88 (15 — 21 декабря 2013)

---

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/news/51311

Ссылки в тексте:

[1] Видео с Web Standards Days в Москве: http://web-standards.ru/news/832/

[2] А как вы оптимизируете ваши изображения? Встречайте ImageOptim-CLI, новый инструмент для пакетного сжатия картинок: http://www.smashingmagazine.com/2013/12/17/imageoptim-cli-batch-compression-tool/

[3] Начинаем работать с GitHub Pages (плюс Jekyll в качестве бонуса) : http://24ways.org/2013/get-started-with-github-pages/

[4] Задача, которую мы хотим решить с помощью адаптивных изображений: http://www.vanseodesign.com/web-design/responsive-image-issues/

[5] 5 .htaccess сниппетов, позаимствованных у HTML5 Boilerplate: http://davidwalsh.name/html5-boilerplate-htaccess

[6] Kickoff: http://tmwagency.github.io/kickoff/

[7] Навигация, при клике отдаляющая страницу в фон с уводом в перспективу : http://tympanus.net/Development/PerspectivePageViewNavigation/

[8] Грубо говоря, только один из восьми сайтов является адаптивным: http://www.guypo.com/mobile/roughly-1-in-8-websites-is-responsive/

[9] Преодолеваем скоростной барьер с помощью Bootstrap : http://calendar.perfplanet.com/2013/breaking-the-pagespeed-barrier-with-bootstrap/

[10] Многоликость адаптивного дизайна : http://bradfrostweb.com/blog/post/the-many-faces-of-adaptive-design/

[11] Почему я делаю что-то для веб: http://blog.neave.com/post/64669185529/why-i-create-for-the-web

[12] Создание HTML-кода для Email с адаптивным дизайном: http://dev.tutsplus.com/articles/creating-a-simple-responsive-html-email--webdesign-12978

[13] Приложения под Windows для веб-дизайна/веб-разработки, без которых я не могу жить: http://www.webdesignerdepot.com/2013/12/windows-web-design-apps-i-cant-live-without/

[14] Создание элементов интерфейса с нестандартной геометрией используя SVG: http://demosthenes.info/blog/796/Create-SciFi-User-Interface-Elements-With-SVG

[15] Клиент для чтения сообщений с GitHub: https://github.com/bkeepers/github-notifications

[16] Стилизованная иконка меню — уменьшенное меню: http://css-tricks.com/line-menu-icon-menu/

[17] Насчет переменных в CSS и абстракциях в веб-языках: http://css-tricks.com/abstraction-in-web-languages-and-variables-and-stuff/

[18] Правда насчет использования нескольких тэгов H1 в эпоху HTML5: http://dev.tutsplus.com/articles/the-truth-about-multiple-h1-tags-in-the-html5-era--webdesign-16824

[19] Список проверок для оптимизации производительности от Paul Lewis : http://calendar.perfplanet.com/2013/the-runtime-performance-checklist/

[20] Использование ARIA для улучшения доступности SVG: http://blog.paciellogroup.com/2013/12/using-aria-enhance-svg-accessibility/

[21] Explore and Master Chrome DevTools: http://discover-devtools.codeschool.com/

[22] Новый CSS-постпроцессор Myth: http://web-standards.ru/news/830/

[23] Вышел CSSComb 2.0: http://web-standards.ru/news/831/

[24] С семнадцатилетием, CSS!: http://www.webdirections.org/blog/happy-17th-birthday-css/

[25] Эксперименты со свойством CSS3 background-clip: text : http://www.dejurka.ru/css/backgroundcliptext/

[26] Лучшие статические фреймворки 2014: http://www.sitepoint.com/best-web-designing-frameworks-2014/

[27] CSS4 – Selectors Level 4: http://www.script-tutorials.com/css4-selectors-level-4/

[28] Индикаторы загрузки c помощь CSS анимации : http://tobiasahlin.com/spinkit/

[29] Визуализация математики без JS: http://www.youtube.com/watch?v=GeBM8qaJXCE&feature=youtu.be

[30] Мурлыканье кошки на javascript: http://habrahabr.ru/post/206734/

[31] Я знаю jQuery. И что?: http://web-standards.ru/articles/jquery-now-what/

[32] Будущее JavaScript MVC фреймворков: http://swannodette.github.io/2013/12/17/the-future-of-javascript-mvcs/

[33] Выбор JavaScript MVC фреймворка: http://www.funnyant.com/choosing-javascript-mvc-framework/

[34] Gamepad API: https://hacks.mozilla.org/2013/12/the-gamepad-api/

[35] Vim.js: http://coolwanglu.github.io/vim.js/web/vim.html

[36] Ваш уровень JavaScript: http://stepansuvorov.com/blog/2013/12/your-javascript-level/

[37] Нативная поддержка Promises в JS : http://www.html5rocks.com/en/tutorials/es6/promises/

[38] Введение в touchSwipe : http://www.developerdrive.com/2013/12/introducing-touchswipe/

[39] Продвинутое кроссбраузерное пуш-меню на jQuery: http://multi-level-push-menu.make.rs/

[40] jQuery Audit: https://chrome.google.com/webstore/detail/jquery-audit/dhhnpbajdcgdmbbcoakfhmfgmemlncjg/related

[41] Adaptive Backgrounds: http://briangonzalez.github.io/jquery.adaptive-backgrounds.js/

[42] WebFont Loader — инструмент, позволяющий контролировать подключенные через @font-face шрифты.: https://github.com/typekit/webfontloader

[43] Switchery: http://abpetkov.github.io/switchery/

[44] Обновленная информация по Fullscreen API : http://generatedcontent.org/post/70347573294/is-your-fullscreen-api-code-up-to-date-find-out-how-to

[45] slow.js: http://lab.jakiestfu.com/slowjs/

[46] Create a Flipping Awesome 3D Gallery with jQuery Flipping Gallery: http://www.onextrapixel.com/2013/12/19/create-a-flipping-awesome-3d-gallery-with-jquery-flipping-gallery/

[47] Angular services and useable patterns : http://www.metaltoad.com/blog/angular-services-and-useable-patterns

[48] Koa — фреймворк нового поколения для node.js : http://koajs.com/

[49] Временная шкала Node.js 2013: http://gergelyke.github.io/node2013/

[50] Как работает Source Maps: http://blog.teamtreehouse.com/introduction-source-maps

[51] Получаем имена свойств объекта с помощью Object.getOwnPropertyNames и Object.keys: http://us6.campaign-archive1.com/?u=2cc20705b76fa66ab84a6634f&id=dceed0a231

[52] JavaScript Kinetic Scrolling: часть 4: http://ariya.ofilabs.com/2013/12/javascript-kinetic-scrolling-part-4.html

[53] Предложение использовать data-атрибуты для хранения состояния элементов вместо CSS-классов: http://toddmotto.com/stop-toggling-classes-with-js-use-behaviour-driven-dom-manipulation-with-data-states/

[54] Javascript роутер в 20 строчек кода: http://joakimbeng.eu01.aws.af.cm/a-javascript-router-in-20-lines/

[55] Как использовать HTML5 Vibration API: http://www.sitepoint.com/use-html5-vibration-api/

[56] bitcoinprices.js: http://miohtama.github.io/bitcoin-prices/index.html

[57] lr-notifier: http://lorenzofox3.github.io/lr-notifier/

[58] Новые оптимизации в Firefox сократили разрыв в производительности JavaScript и компилируемых языков: http://www.opennet.ru/opennews/art.shtml?num=38700

[59] Начало бета-тестирования Firefox 27 и создание aurora-ветки Firefox 28: http://www.opennet.ru/opennews/art.shtml?num=38665

[60] В новой версии Яндекс.Браузера появилась функция Быстрый звонок: http://www.searchengines.ru/news/archives/v_novoy_versii_.html

[61] В новой версии браузера Opera Coast улучшена работа с файлами PDF и появился встроенный музыкальный плеер: http://itc.ua/news/v-novoy-versii-brauzera-opera-coast-uluchshena-rabota-s-faylami-pdf-i-poyavilsya-vstroennyiy-muzyikalnyiy-pleer/

[62] Некоторые версии браузера Apple Safari хранят пароли в незашифрованном виде: http://www.computerra.ru/89978/nekotoryie-versii-brauzera-apple-safari-hranyat-paroli-v-nezashifrovannom-vide/

[63] На modern.IE выложили виртуальную машину с IE11: http://blogs.windows.com/ie/b/ie/archive/2013/12/18/releasing-ie11-virtual-machines-to-modern-ie.aspx

[64] DevTools дайджест за декабрь 2013: http://updates.html5rocks.com/2013/12/DevTools-Digest-December-2013

[65] Новый движок реализации анимации в Blink увеличит производительность CSS анимаций и переходов: http://updates.html5rocks.com/2013/12/New-Web-Animations-engine-in-Blink-drives-CSS-Animations-Transitions

[66] Новинки панели для разработки в Firefox: https://hacks.mozilla.org/2013/12/split-console-pretty-print-minified-js-and-more-firefox-developer-tools-episode-28/

[67] onmobile.iwanttouse.com: http://onmobile.iwanttouse.com/

[68] Marvel: https://marvelapp.com/

[69] Тренажор для упражнений по набору нестандартных символов для программистов: http://typing.io/

[70] The Sprite Generator (beta): http://apps.stupid-studio.com/

[71] hackertyper: http://hackertyper.net/

[72] Яндекс посвятил страницу плееру Winamp: http://habrahabr.ru/company/yandex/blog/206730/

[73] Прощай, WinAmp: http://music.yandex.ru/oldschool/

[74] Winamp продолжит существование с новым владельцем: http://itstrateg.net/news/winamp-prodolzhit-sushchestvovanie-s-novym-vladelcem-2963

[75] Oppo N1 стал первым смартфоном с CyanogenMod, получившим одобрение Google: http://itc.ua/news/oppo-n1-stal-pervyim-smartfonom-s-cyanogenmod-poluchivshim-odobrenie-google/

[76] CyanogenMod — 22 миллиона долларов и дальнейшие планы : http://keddr.com/2013/12/cyanogenmod-22-milliona-dollarov-i-dalneyshie-planyi/

[77] Основные достижения Mozilla в 2013 году: http://itc.ua/news/osnovnyie-dostizheniya-mozilla-v-2013-godu/

[78] Облако Mail.Ru — 1 терабайт бесплатно и навсегда: http://habrahabr.ru/post/206860/

[79] Чертова дюжина сайтов с веб-дизайном в стиле минимализм: http://webdesignledger.com/inspiration/13-minimalist-web-designs-for-your-inspiration

[80] Подборка посадочных страниц в плоском дизайне: http://www.onextrapixel.com/2013/12/17/website-design-with-beautiful-flat-landing-pages/

[81] Плоский дизайн против скеоморфизма: http://www.webdesignerdepot.com/2013/12/infographic-flat-design-vs-skeuomorphism/

[82] fixedagency: http://fixedagency.com/

[83] Real Voices.: http://www.yourecho.co/

[84] Рождественская страница jackdaniels: http://www.b-fapps.com/jackdaniels/australia/christmas2013/#jacks-office

[85] Визуальная история комьютеров: http://www.akita.co.uk/computing-history/

[86] curadmir.com: http://www.curadmir.com/home

[87] highway-one-roadtrip: http://www.exsus.com/highway-one-roadtrip/

[88] julekalender.vitusapotek.no: http://julekalender.vitusapotek.no/

[89] Персональная страница фронтенд-разработчика и веб-дизайнера: http://stefivanov.com/

[90] tryvertty.com/: http://us.tryvertty.com/

[91] Dolox Inc.: http://dolox.com/#home

[92] alldayer.mkgeeknight.co.uk: http://alldayer.mkgeeknight.co.uk/

[93] Новогодний веб-дизайн : http://www.dejurka.ru/web-design/christmas-websites/

[94] Красивые иконки для iOS: http://www.dejurka.ru/graphics/ios-icons/

[95] 25 зимних логотипов: http://www.dejurka.ru/graphics/winter-logo/

[96] Дизайнерское руководство по совместной работе: http://www.designingcollaboration.com/

[97] Color Template: http://www.rocket-design.fr/color-template/

[98] Причины использовать видео в качестве фона в ваших дизайнах: http://www.webdesignviews.com/2013/12/video-background-in-your-design/

[99] Пасхалка в иконочном шрифте Font Awesome: http://adereth.github.io/blog/2013/12/15/font-awesome-easter-egg/

[100] Почему responsive дизайн важен: http://www.lockedowndesign.com/why-responsive-design-matters/

[101] Лучшие шрифты 2013 года по версии WedDesignerDepot (Melody Weister): http://www.webdesignerdepot.com/2013/12/the-best-fonts-of-2013/

[102] Почему негатив это позитив в веб-дизайне : http://www.webdesignerdepot.com/2013/12/why-negative-is-positive-in-web-design/

[103] Настоящее и будущее Adobe Fireworks: http://fireworks.smashingmagazine.com/2013/12/19/present-future-adobe-fireworks/

[104] Рождественский календарь с иллюстрациями разных профессионалов, изобразивших формы: http://itsashapechristmas.co.uk/#2013

[105] У шрифтов тоже есть чувства: https://medium.com/who-what-why/1523564d966c

[106] Рождественские Джифки 2013: http://christmasgifs.org/

[107] Полное руководство по работе с корректирующими слоями в фотошопе – Channel Mixer: http://psd.tutsplus.com/tutorials/tools-tips/the-ultimate-guide-to-adjustment-layers-channel-mixer/

[108] Десять классных уроков по фотошопу с рождественской тематикой: http://psd.tutsplus.com/articles/web/free-amazing-christmas-winter-tutorials/

[109] Создание объемного текста из льда с помощью Modo и Photoshop: http://psd.tutsplus.com/tutorials/text-effects-tutorials/3d-ice-text-effect/

[110] The Dinosaur Pet Guide: http://johnconway.co/dinosaur_pet_guide

[111] Бесплатный клип-арт символа 2014 года : http://www.dejurka.ru/graphics/free-horses-clipart/

[112] Лучшие PSD 2013 года: http://webdesignledger.com/freebies/best-free-psds-of-2013

[113] Social Kit: http://socialkit.madebysource.com/

[114] Simple Line Icons (Ai, Eps, Svg, Psd): http://dribbble.com/shots/1344983-Simple-Line-Icons-100-free-icons-Ai-Eps-Svg-Psd

[115] Исходник дизайна интернет-магазина FooseShoes: http://enzolivolti.com/freebies/

[116] Flatastic Mobile UI Kit: http://thedesigninspiration.com/flatastic-mobile-ui-kit/

[117] Flat Christmas: упаковка с плоскими иконками для всех платформ: http://icons8.com/2013/12/06/flat-christmas-free-icon-pack-for-all-platforms/

[118] Каллиграфический шрифт от Eraslan Efas: http://www.behance.net/gallery/Free-Calligraphy-font/12971031

[119] Пять сотен одноцветных иконок со стилизованным изображением людей в повседневной жизни: http://www.noupe.com/freebie/exclusive-freebie-on-noupe-human-pictos-with-500-icons-of-everyday-people-80392.html

[120] Набор из пищевых иконок: http://sixrevisions.com/freebies/icons/free-food-icons/

[121] Большой набор из более чем четырех сотен единиц графических материалов (исходники, UI элементы, шрифты, иконки): http://www.inkydeals.com/deal/inkys-free-web-design-bundle-471-premium-resources/

[122] Высококачественная векторная графика с новогодней и рождественской тематикой: http://www.webdesignersblog.net/inspiration/high-quality-free-christmas-vector-graphics/

[123] «Русские» шрифты как с кириллицей, так и без нее (латиница с национальной стилизацией): http://www.scratchinginfo.com/best-free-russian-fonts/

[124] Отборные пятничные шрифты: от Strange Days до Baron: http://www.webdesignerhub.com/free-fonts-friday-5/

[125] Демо с меташариками на three.js: http://www.clicktorelease.com/code/bumpy-metaballs/

[126] Новые демо от Adobe Web Platform: http://blogs.adobe.com/webplatform/2013/12/17/introducing-the-new-adobe-web-platform-showcase/

[127] 404 — File not found: http://www.acm.uiuc.edu/sigarch/projects/sensornode/

[128] clock clock: http://cssdeck.com/labs/clock-clock

[129] Бумажное рождество: http://christmasexperiments.com/2013/18/

[130] Интервью с Bobuk'ом aka Григорием Бакуновым, директором по распространению технологий Яндекса и ведущим Радио-Т: http://habrahabr.ru/company/xakep/blog/205832/

[131] Стопоходы будущего, или Зачем Google купила Boston Dynamics: http://www.computerra.ru/90118/stopohodyi-ot-google/

[132] Конспирология даунтайма: почему скрывают причины зависания крупных ИТ-систем?: http://www.computerra.ru/90039/downtime/

[133] 10 лучших timelapse-роликов 2013 по версии Vimeo: http://www.blogbaster.org/10-luchshih-video-2013-po-versii-vimeo/

[134] Девять громких интернет-фейков года: http://www.siliconrus.com/2013/12/smm-hoax-2013/

[135] Итоги 2013: влияние Google на индустрию : http://www.youhtc.ru/2013/12/itogi-2013-vliyanie-google-na-industriyu/

[136] Мифы и легенды вокруг видеоигр: http://kanobu.ru/articles/mifyi-i-legendyi-vokrug-videoigr-367698/

[137] Сноуден: АНБ следило за пользователями, используя файлы cookies Google: http://www.3dnews.ru/787298/

[138] Почему Bing лучше поисковика Google: http://www.siliconrus.com/2013/12/bing-vs-google/

[139] Яндекс научился показывать курс биткоина в результатах поиска: http://www.siliconrus.com/2013/12/yandeks-nauchilsya-pokazyivat-kurs-bitkoina-v-rezultatah-poiska/

[140] Где купить биткоин?: http://www.siliconrus.com/2013/12/gde-kupit-bitkoin/

[141] Как удалить историю своих перемещений из Google?: http://ain.ua/2013/12/20/506636

[142] Google Zeitgeist 2013: http://www.google.com/trends/topcharts?zg=full

[143] Момент когда можно вздохнуть: http://alistapart.com/article/a-moment-to-breathe

[144] Cubli: http://www.thisiscolossal.com/2013/12/the-cubli-a-gravity-defying-cube-that-can-jump-balance-and-walk/

[145] Дайджест за прошлую неделю: http://habrahabr.ru/company/zfort/blog/206076/

[146] dersmoll: http://habrahabr.ru/users/dersmoll/

[147] alekskorovin: http://habrahabr.ru/users/alekskorovin/

[148] Источник: http://habrahabr.ru/post/206928/

Нажмите здесь для печати.