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

---

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

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

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

[1] Верстка для самых маленьких. Верстаем страницу по БЭМу: http://habrahabr.ru/post/203440/

[2] Хорошие верстальщики отправляются на небеса, а плохие — куда захотят, или «Почему БЭМ не приносит счастья?: http://habrahabr.ru/post/203838/

[3] В чем проблема «проблемы БЭМ'а»?: http://habrahabr.ru/post/203994/

[4] БЭМ глазами бэкенд-разработчика: http://tech.yandex.ru/events/bemup/spb-bemup/talks/1415/

[5] Правильные модули: http://frontender.info/modules-the-right-way/

[6] Front-end Engineer собеседование от Amazon: http://stepansuvorov.com/blog/2013/11/front-end-engineer-%d1%81%d0%be%d0%b1%d0%b5%d1%81%d0%b5%d0%b4%d0%be%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d0%be%d1%82-amazon/

[7] A Blue Box: http://css-tricks.com/blue-box/

[8] WebGL With Three.js: Textures & Particles: http://dev.tutsplus.com/tutorials/webgl-with-three-js-textures-particles--net-35836?utm_content=buffer40b0f&utm_source=buffer&utm_medium=twitter&utm_campaign=Buffer

[9] Получение должности Front-End Web Developer : http://blog.danielna.com/getting-a-job-as-a-front-end-web-developer.html

[10] 8 тегов HTML, которые вы не используете (хотя могли бы): http://davidwalsh.name/8-html-elements

[11] Элемент meter в HTML5: http://css-tricks.com/html5-meter-element/

[12] Ionic: http://ionicframework.com/

[13] Front End Web Development Quiz: http://davidshariff.com/quiz/

[14] Синхронное тестирование на нескольких мобильных устройствах : http://www.html5rocks.com/en/tutorials/tooling/synchronized-cross-device-testing/

[15] Подробный туториал по иконкам на SVG : http://tympanus.net/codrops/2013/11/27/svg-icons-ftw/

[16] Введение в анимацию SVG: http://bigbitecreative.com/introduction-svg-animation/

[17] О том, как на The Polygon делали SVG анимацию: интересно и с выгодой : http://product.voxmedia.com/post/68085482982/polygon-feature-design-svg-animations-for-fun-and

[18] Делаем клевые формы с помощью HTML5 : http://www.html5rocks.com/en/tutorials/forms/html5forms/

[19] С чего начать использование Foundation 5: http://www.webdesignerdepot.com/2013/11/how-to-get-started-with-foundation-5/

[20] Введение в Yeoman: http://www.developerdrive.com/2013/11/introducing-yeoman/

[21] Создание desktop приложения с помощью node-webkit: http://strongloop.com/strongblog/creating-desktop-applications-with-node-webkit/

[22] WOW CSS — подборка демок, иллюстрирующих возможности нового CSS: http://habrahabr.ru/post/203658/

[23] Поворот слов с помощью CSS-анимации : http://www.dejurka.ru/css/rotating-words-with-css-animations/

[24] Добавляем визуальные эффекты с помощью CSS-фильтров : http://www.creativebloq.com/css3/css-filter-property-action-11135435

[25] 60fps для скроллинга с помощью pointer-events: none : http://www.thecssninja.com/javascript/pointer-events-60fps

[26] LESS powered auto-cropping: http://www.dictions.org/cropless/

[27] Organize that Sass!: http://alistapart.com/blog/post/organize-that-sass

[28] Прогресс-лоадер на чистом CSS от Lea Verou : http://lea.verou.me/2013/11/cleanest-css-spinner-ever/

[29] Функция Sass по преобразованию REM в PX для браузеров не поддерживающих REM: http://davidwalsh.name/rem-px-browser-function-sass

[30] Капли дождя на стекле: http://codepen.io/lbebber/pen/uIiJp

[31] Погодные SVG-иконки, анимированные с помощью CSS : http://codepen.io/noahblon/details/lxukH

[32] Список с фильтрацией на CSS (LESS): http://codepen.io/KenPowers/pen/Ddfqh

[33] Изоморфный JavaScript — будущее веб-приложений: http://habrahabr.ru/post/203444/

[34] TempusJS: http://habrahabr.ru/post/204162/

[35] JohnSmith: http://habrahabr.ru/post/203890/

[36] Введение в события DOM: http://frontender.info/an-introduction-to-dom-events/

[37] Введение в PhysicsJS : http://www.developerdrive.com/2013/11/introducing-physicsjs/

[38] bigfoot.js: http://cmsauve.com/labs/bigfoot/

[39] Создание трехмерного интерактивного объекта с помощью изображений и jQuery : http://www.onextrapixel.com/2013/11/26/create-an-awesome-3d-interactive-object-using-only-images-and-jquery/

[40] Resumable.js: http://resumablejs.com/

[41] Изучаем jQuery с помощью Street Fighter и Hadouken : http://www.thinkful.com/learn/intro-to-jquery

[42] List.js 1.0.0: http://listjs.com/

[43] Как писать правильный код на jQuery: http://flippinawesome.org/2013/11/25/writing-better-jquery-code/

[44] Разбираемся с нативными функциями JavaScript для работы с массивами: http://flippinawesome.org/2013/11/25/fun-with-javascript-native-array-functions/

[45] Визуализация данных с помощью JavaScript без D3: http://dry.ly/data-visualization-with-javascript-without-d3

[46] Хаки в JavaScript для хипстеров: http://berzniz.com/post/68001735765/javascript-hacks-for-hipsters

[47] Videogular: http://www.videogular.com/#/

[48] angular-deckgrid: http://akoenig.github.io/angular-deckgrid/#/

[49] Jiko: http://jiko.neoname.eu/

[50] Using Selector-Query for Responsive Column Driven Layouts: http://wp.tutsplus.com/tutorials/creative-coding/using-selector-query-for-responsive-column-driven-layouts/

[51] MS отключает sandboxing для Internet Explorer 11 по умолчанию: http://habrahabr.ru/company/eset/blog/204084/

[52] Google представила Chrome 32 betа для Android: http://www.3dnews.ru/781375/

[53] Режим эмуляции в IE11 и условные комментарии: http://www.impressivewebs.com/ie11-emulation-conditional-comments/

[54] DevDocs: http://devdocs.io/

[55] swipe: http://beta.swipe.to/markdown/

[56] iconmelon: http://iconmelon.com/

[57] Reportr: http://www.reportr.io/

[58] DOM Monster: http://mir.aculo.us/dom-monster/

[59] Google Fonts загрузили более 1 триллиона раз: http://www.google.com/fonts?1#Analytics:total

[60] Monocle: http://monocle.io/

[61] Steam Machine от iBuyPower — встречаем в январе: http://habrahabr.ru/post/203908/

[62] Новости: Jolla представила свой первый смартфон на Sailfish OS. Цена €399: http://habrahabr.ru/post/204178/

[63] Приложение CyanogenMod Installer удалено из Play Store: http://habrahabr.ru/post/203952/

[64] Google сделал голосовой поиск еще более простым и удобным: http://www.searchengines.ru/news/archives/google_sdelal_voice_search.html

[65] Logitech — поворот истории: http://4pda.ru/2013/11/28/126841/

[66] Современные веб-страницы выросли в 3 раза за 3 года: http://www.siliconrus.com/2013/11/151-growth/

[67] Bing улучшил поиск по картинкам, используя технологию Deep learning: http://www.searchengines.ru/news/archives/bing_uluchshil_image_serach_new.html

[68] Microsoft не оставит три операционные системы: http://www.3dnews.ru/781615/

[69] Microsoft готовит масштабное обновление Skype: http://www.3dnews.ru/782134/

[70] Эксперты из Microsoft Research представили новое ПО для создания GIF-изображений: http://www.3dnews.ru/782298/

[71] Google запускает очередную замену погибшему Reader: http://www.siliconrus.com/2013/11/google-play-newsstand/

[72] Speedtest.net: самый быстрый доступ в Интернет у жителей Гонконга: http://www.3dnews.ru/782650/

[73] Курс виртуальной валюты Bitcoin установил исторический рекорд и превысил $1000: http://ain.ua/2013/11/28/503784

[74] Live от Pics.io: Мы вернем людям совместные просмотры фотоальбомов: http://www.siliconrus.com/2013/11/live-ot-pics-io-myi-vernem-lyudyam-sovmestnyie-prosmotryi-fotoalbomov/

[75] На iOS-приложениях разработчики зарабатывают в пять раз больше, чем Android: http://ain.ua/2013/11/28/503869

[76] «Яндекс.Навигатор» стал доступен для платформы Windows Phone 8: http://www.3dnews.ru/782578/

[77] Apple Maps обошли по популярности Google Maps в Великобритании: http://www.3dnews.ru/782263/

[78] Пролетая над гнездом чиновника: http://dacha.fbk.info/#ashlapov

[79] gmbox.ru/xbox2013: http://gmbox.ru/xbox2013

[80] Подборка «живых» сайтов: http://www.dejurka.ru/web-design/alive-websites/

[81] Подборка сайтов с минималистическим дизайном: http://line25.com/articles/showcase-of-beautiful-super-minimal-website-designs

[82] Одностраничные веб-сайты с хорошим дизайном: http://webdesignledger.com/inspiration/13-inspiring-single-page-websites

[83] 30 клевый сайтов, посвященных фильмам и интерактивному кино: http://www.onextrapixel.com/2013/11/28/30-awesome-interactive-movie-and-film-official-websites/

[84] This is a motherfucking website.: http://motherfuckingwebsite.com/

[85] Сайт с нестандартной панельной навигацией и анимашками: http://volumes.madebyfieldwork.com/making/

[86] altspace.com: http://altspace.com/

[87] alessioatzeni.com/: http://www.alessioatzeni.com/

[88] sweatergenerator.com: https://www.sweatergenerator.com/#/main/landing

[89] thebentbullet.com: http://www.thebentbullet.com/#!/home

[90] fluidlabpro.com/Virtua/: http://fluidlabpro.com/Virtua/

[91] where-you-are.com: http://where-you-are.com/

[92] hihayk.com: http://www.hihayk.com/

[93] Выдающиеся примеры типографики : http://www.dejurka.ru/inspiration/examples-of-surreal-typography/

[94] Новогодний подарок любимому дизайнеру: http://www.dejurka.ru/articless/gifts-for-designers/

[95] Создан концепт iPhone 6 с трехсторонним дисплеем: http://www.3dnews.ru/781605/

[96] Векторное вдохновение: http://www.dejurka.ru/graphics/vector-inspiration-5/

[97] Что следует знать о плоском дизайне: http://habrahabr.ru/post/204194/

[98] Разбираемся с терминологией: Typeface против Font: http://nerdplusart.com/type-terminology-smackdown/

[99] Небольшой список, сравнивающий преимущества и недостатки — плоский дизайн против скеоморфизма: http://lemonwebawards.com/web-design/flat-design-vs-skeuomorphism/

[100] Лого для вдохновения: http://webdesignledger.com/inspiration/beautiful-logos-to-inspire-you

[101] Два с половиной десятка уроков по Illustrator-у: http://blog.karachicorner.com/2013/11/illustrator-tutorials-with-new-techniques/

[102] Marvel: http://www.noupe.com/design/marvel-free-website-prototyping-tool-for-photoshop-dropboxers-80082.html

[103] Более восьмидесяти уроков по созданию текстовых эффектов в фотошопе: http://www.webdesignerhub.com/free-photoshop-text-effects-tutorials/

[104] Интервью со студией Miagui: http://psd.tutsplus.com/articles/interviews/interview-with-miagui-studio/

[105] Использование инструментов в Adobe Camera Raw: http://psd.tutsplus.com/tutorials/tools-tips/using-the-tools-in-adobe-camera-raw/

[106] Полное руководство по работе с цветом в Photoshop – используем Kuler: http://psd.tutsplus.com/tutorials/tools-tips/comprehensive-guide-to-color-in-photoshop-using-kuler/

[107] Рисуем «Героев толстяков»: http://psd.tutsplus.com/tutorials/illustration/the-making-of-heavy-heroes/

[108] 20 бесплатных шрифтов «печатная машинка» для дизайнеров: http://www.dejurka.ru/graphics/fonts-for-designers/

[109] Расширения к фотошопу для веб-дизайнеров: http://speckyboy.com/2013/11/20/free-photoshop-extensions-web-designers/

[110] ikons: http://ikons.piotrkwiatkowski.co.uk/index.html

[111] Иконки с изображением погоды: http://weather.sm-artists.com/

[112] Smallicons Icon Set (54 иконки, SVG, PNG, PSD): http://www.smashingmagazine.com/2013/11/29/freebie-smallicons-icon-set/

[113] Векторные джунгли: http://www.noupe.com/freebie/freebie-of-the-week-jungle-artwork-noupe-exclusive-by-freevector-com-80071.html

[114] Наборы с рождественской графикой: иконки и иллюстрации: http://www.webdesignviews.com/2013/11/christmas-decorations-free-downloads/

[115] PSD макеты для демонстрации своего дизайна в различном окружении: http://designmodo.com/perspective-app-mockups/

[116] Набор из плоских забавных иконок от Ballicons: http://webdesignfm.com/2013/11/free-flat-icons-set-by-ballicons/

[117] Четырнадцать иконочных шрифтов: http://designinstruct.com/roundups/free-icon-fonts/

[118] Бесплатные шрифты: от AROMA до Zujal: http://www.webdesignerhub.com/free-font-friday-2/

[119] 10 SMM-провалов года: http://www.siliconrus.com/2013/11/10-smm-provalov-goda/

[120] Смарт-часы, которые доступны на рынке уже сегодня: http://lifehacker.ru/2013/11/27/smart-chasy-kotorye-dostupny-na-rynke-uzhe-segodnya/

[121] 30 главных интернет-трендов этого года: http://ain.ua/2013/11/25/503020

[122] Симулятор позволит ощутить вкус виртуальной еды: http://naked-science.ru/article/hi-tech/simulyator-pozvolit-oshchutit

[123] Почему долгая дорога на работу нас убивает: http://theoryandpractice.ru/posts/8131-your-commute-is-killing-you

[124] Алгоритм семантического поиска Google снова ввёл пользователей в заблуждение: http://www.searchengines.ru/news/archives/algoritm_semant_search_graph.html

[125] Эрик Шмидт назвал Android хорошим подарком для iPhone-юзеров и составил инструкцию по переходу: http://ain.ua/2013/11/25/503283

[126] Ролик на основе фотографий Instagram доказывает, что оригинальным быть трудно: http://www.3dnews.ru/781572/

[127] В американской армии появятся искусственные орлы: http://slon.ru/biz/1026583/

[128] Ученые создали летающую медузу. Но так и не поняли, как она летает: http://slon.ru/biz/1025945/

[129] Как пересесть с iPhone на Android: гайд от Эрика Шмидта: http://www.siliconrus.com/2013/11/eric-schmidt-guide-to-switch-from-iphone-to-android/

[130] Сотрудники Yahoo бойкотируют почту от Yahoo: http://www.siliconrus.com/2013/11/yahoo-mail/

[131] Деньги на ветер: Парень случайно выбросил HDD с $7,5 млн в биткоинах: http://www.siliconrus.com/2013/11/bitcoin-loser/

[132] 7 причин удалить свой профиль в Facebook: http://ain.ua/2013/11/29/503972

[133] IDDQD: как Джон Кармак стал бессмертным: http://kanobu.ru/articles/iddqd-kak-dzhon-karmak-stal-bessmertnyim-367589/

[134] Что подарить гику: http://www.siliconrus.com/2013/11/chto-podarit-giku/

[135] Лучшие подарки для гиков на Рождество 2013: http://boagworld.com/working-in-web/geek-christmas-2013/

[136] Making a Scene: 11 Performances: http://www.nytimes.com/video/magazine/100000002561428/making-a-scene.html

[137] Таб закрыт; Не читал: http://tabcloseddidntread.com/

[138] unlimitme.tv: http://unlimitme.tv/

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

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

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

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

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