- PVSM.RU - https://www.pvsm.ru -

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №69 (4 — 10 августа 2013)

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

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013)

Горячая семерка

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013)

Emmet LiveStyle [1]

Встречаем Emmet LiveStyle [1] — бета версию плагина нового поколения для двунаправленного редактирования CSS от Сергея Чикуенка, плюс Обзор LiveStyle на smashingmagazine [2] (восторженные комментарии included) Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013)

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013)

Адаптивный дизайн

Статья о том, как Как тестировать адаптивный дизайн [3] не тратясь на платные инструменты Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013), а также небольшая подборка уроков [4]

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013)

WebGL

WebGL продолжает развиваться, демонстрируя все большие возможности. Вот некоторые из них: 3d эффекты на страницах [5] Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013), рендер более миллиона частиц [6], и напоследок, действительно впечатляющая демка [7], показывающая потенциал создания игр с помощью WebGL Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013)

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013)

Проблемы CSS

Перевод занимательной статьи о проблемах CSS, про которые обычно не вспоминают в учебниках по верстке. Часть 1 [8], Часть 2 [9]

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013)

Firefox 23 [10]

На этой неделе состоялся Релиз Firefox 23 [10]. Кроме небольшого изменения в логотипе, релиз включил в себя довольно приличное количество улучшений и добавлений, среди которых долгожданный network monitor [11]

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013)

Почему Angular.js рулит? [12]

Этой объемной статьей [12] от Jesus Rodriguez старается дать аргументированный ответ на вопрос Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013)

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013)

YotaPhone [13]

Отечественный телефон с двумя экранами уже успел пошуметь на выставках электроники. Более подробно о самом устройстве и особенностях его разработки, а в частности об истории его создания можно почитать в в первом официальном Йотафон-посте на Хабре [13]

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013) Веб-разработка

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013) CSS

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013) JavaScripts

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013) Браузеры

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013) Новости

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013) Сервисы

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013) Демо

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013) Сайты с интересным дизайном и функциональностью

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013) Дизайн

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013) Подборка бесплатных дизайнерских печенек

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №69 (4 — 10 августа 2013) Занимательное

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

Автор: alexzfort

Источник [145]


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

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

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

[1] Emmet LiveStyle: http://livestyle.emmet.io/

[2] Обзор LiveStyle на smashingmagazine : http://coding.smashingmagazine.com/2013/08/08/release-livestyle-css-live-reload/

[3] Как тестировать адаптивный дизайн: http://www.webdesignerdepot.com/2013/07/how-to-test-responsive-designs-for-free/

[4] уроков: http://www.dejurka.ru/css/css-tutorials-responsive-web-design/

[5] 3d эффекты на страницах: http://html5hub.com/using-webgl-to-add-3d-effects-to-your-website/

[6] рендер более миллиона частиц: http://soulwire.co.uk/experiments/webgl-gpu-particles/

[7] демка: http://alteredqualia.com/xg/examples/animation_physics_level.html

[8] Часть 1: http://habrahabr.ru/post/189118/

[9] Часть 2: http://habrahabr.ru/post/189252/

[10] Firefox 23: http://www.opennet.ru/opennews/art.shtml?num=37609

[11] network monitor: https://hacks.mozilla.org/2013/06/network-monitor-now-in-firefox-beta/

[12] Почему Angular.js рулит?: http://angular-tips.com/blog/2013/08/why-does-angular-dot-js-rock/

[13] YotaPhone: http://habrahabr.ru/company/yotadevices/blog/188944/

[14] Prepros: open-source компилятор файлов для front-end разработки: http://habrahabr.ru/post/188942/

[15] www.w3.org/TR/html/: http://www.w3.org/TR/html/

[16] mattur/status: https://twitter.com/mattur/status/365523955412516867

[17] Использование Web Speech API для создания Voice Driven HTML5 Games : http://html5hub.com/using-the-web-speech-api/#i.1az2wjoywyeh4p

[18] SVG фильтры на тексте: http://css-tricks.com/svg-filters-on-text/

[19] Миграция на Bootstrap 3: http://www.bootply.com/migrate-to-bootstrap-3

[20] Большие изменения в Twitter Bootstrap: http://www.joezimjs.com/javascript/the-huge-update-to-twitter-bootstrap/

[21] Управление загрузкой изображений: http://www.barrelny.com/blog/taking-control-of-imageloading/

[22] Возможности хранения информации на клиентской стороне: http://tech.pro/blog/1486/client-side-storage-options

[23] Изменение размеров изображения с помощью canvas: http://davidwalsh.name/resize-image-canvas

[24] «Простейший в мире HTML5 WISWIWYG редактор» для веб: http://www.barneyparker.com/world-simplest-html5-wysisyg-inline-editor/

[25] Новые фичи Adob Edge Animate CC: http://designmodo.com/edge-animate-cc/

[26] Использование Animate.css : http://htmlbook.ru/blog/ispolzovanie-animatecss

[27] CSS Animations Editor: http://vimeo.com/71522118

[28] Горизонтальное и вертикальное центрирование в CSS с помощью absolute: http://coding.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css/

[29] 6 методов центровки в CSS: http://demosthenes.info/blog/723/Six-Ways-of-Centering-With-CSS

[30] Десять селекторов, без которых вы не должны кодить: http://www.webdesignerdepot.com/2013/08/10-css-selectors-you-shouldnt-code-without/

[31] Autoprefixer: http://css-tricks.com/autoprefixer/

[32] Различные эффекты для наведения на пункты меню: http://tympanus.net/Development/CreativeLinkEffects/

[33] Language-wide Features in CSS: http://www.impressivewebs.com/language-wide-features-css/

[34] Официальная шпаргалка по emmet: http://docs.emmet.io/cheat-sheet/

[35] Избавление от нижнего отступа при создании модулей: http://css-tricks.com/spacing-the-bottom-of-modules/

[36] Адаптивная навигация в стиле Facebook: http://www.script-tutorials.com/facebook-like-menu-responsive/

[37] Sass mixin for offsets: http://hugogiraudel.com/2013/08/05/offsets-sass-mixin/

[38] Мини-галерея в виде анимированного кубика на CSS3: http://codepen.io/chinchang/full/lLzyB

[39] объяснение того, как он создавался: http://css-tricks.com/creating-a-3d-cube-image-gallery/

[40] Понимание ООП на джаваскрипте (ES5), часть 2 : http://habrahabr.ru/post/189432/

[41] dalekjs: http://dalekjs.com/

[42] Основы использования UI-роутера с AngularJS: http://joelhooks.com/blog/2013/07/22/the-basics-of-using-ui-router-with-angularjs/

[43] Как рисовать многоугольники в canvas: http://www.storminthecastle.com/2013/07/24/how-you-can-draw-regular-polygons-with-the-html5-canvas-api/

[44] Backbone.js — советы и шаблоны : http://coding.smashingmagazine.com/2013/08/09/backbone-js-tips-patterns/

[45] Делаем модульный проект на JavaScript с помощью RequireJS : http://speckyboy.com/2013/08/08/building-modular-javascript-projects-with-requirejs/

[46] TodoMVC 1.2 — новая версия: http://todomvc.com/

[47] Создание jQuery плагина с Google Maps: http://www.tuicool.com/articles/zYJbAr

[48] javascriptoo.com: http://www.javascriptoo.com/

[49] Библиотеки для создания графиков: http://inspiretrends.com/11-javascript-toolkit-for-creating-charts-and-graphs/

[50] Sticky-Kit: http://leafo.net/sticky-kit/

[51] tidyTime.js: http://git.aaronlumsden.com/tidytime.js/

[52] Yadcf: http://yadcf-showcase.appspot.com/

[53] formFive: http://etiennetalbot.github.io/formFive/

[54] git-html5.js: https://github.com/ryanackley/git-html5.js

[55] JointJS: http://jointjs.com/

[56] gradientmaps.js: http://blogs.adobe.com/webplatform/2013/08/06/gradientmaps-js-gradient-maps-for-html/

[57] viewportSize: https://github.com/tysonmatanich/viewportSize

[58] HTML(.js): http://nbubna.github.io/HTML/

[59] Браузер Chrome подружится с сенсорными экранами: http://www.3dnews.ru/658474/

[60] офф. список изменений: https://www.mozilla.org/en-US/firefox/23.0/releasenotes/

[61] Браузерная консоль в Firefox : https://hacks.mozilla.org/2013/08/the-browser-console/

[62] Internet Explorer 2: http://www.dejavu.org/1996win.htm

[63] Плагин для Firefox стирает «отпечатки пальцев» браузера: http://www.xakep.ru/post/61017/default.asp

[64] Первый релиз на канале Opera Developer: http://habrahabr.ru/company/opera/blog/189472/

[65] Пароли, сохранённые в Google Crome, может увидеть кто угодно!: http://lifehacker.ru/2013/08/08/paroli-soxranyonnye-v-google-crome-mozhet-uvidet-kto-ugodno/

[66] Более 40% активных Android-устройств используют: http://www.3dnews.ru/657222/

[67] Android и iOS опять: http://www.3dnews.ru/657042/

[68] Android захватил рынок планшетов: http://inoblogger.ru/2013/08/08/android-tablets-ipad/

[69] Apple разрабатывает аудиогиперссылки: http://habrahabr.ru/post/189498/

[70] Первые жертвы закона №187 — Турбофильм и Рутор: http://habrahabr.ru/post/189274/

[71] Основатели YouTube сделали приложение-конкурента Instagram и Vine: http://www.siliconrus.com/2013/08/osnovateli-youtube-sdelali-prilozhenie-konkurenta-instagram-i-vine/

[72] Пользователи YouTube, у которых больше 100 подписчиков, смогут проводить онлайн-трансляции: http://ain.ua/2013/08/05/135133

[73] В Twitter установлен новый мировой рекорд: http://www.3dnews.ru/658504/

[74] Телевидение впервые уступило интернету лидерство в США: http://lenta.ru/news/2013/08/05/internet/

[75] Android Device Manager поможет найти ваш смартфон: http://keddr.com/2013/08/android-device-manager-pomozhet-nayti-vash-smartfon/

[76] Google начала внедрение функции Android Device Manager: http://itc.ua/news/google-nachala-vnedrenie-funktsii-android-device-manager/

[77] Canonical официально сравнила Ubuntu Edge с Apple iPhone 5 и Samsung Galaxy S4: http://www.3dnews.ru/657545/

[78] Google запустил мобильное приложение рекламной системы AdSense: http://www.searchengines.ru/news/archives/google_mobile_adsense.html

[79] Фотосайт 500px добавил красок поисковику Microsoft: http://ain.ua/2013/08/06/135302

[80] Популярный сервис Instagram добавил интеграцию с «ВКонтакте»: http://digit.ru/internet/20130807/404145071.html

[81] Mikey сортирует почту в Gmail так: http://lifehacker.ru/2013/08/08/mikey-gmail/

[82] snapnote.io: http://snapnote.io/

[83] mockuphone.com: http://mockuphone.com/

[84] 20 полезных SEO-инструментов: http://www.dejurka.ru/articless/seo-tools-online/

[85] Почему HTML5 это здорово: http://glecollinet.github.io/webgl-demo/#

[86] pure css3 Gran Turismo: http://codepen.io/Xpressive_Team/pen/tDHgb

[87] CSS3-анимация и бесконечные коты: http://codepen.io/desandro/pen/kdqgy

[88] Запуск бумажного самолетика на CSS3 (кликнуть Send it): http://codepen.io/meanyack/pen/KIJdD

[89] NASA запустило первый русскоязычный сайт: http://habrahabr.ru/post/189374/

[90] Подборка минималистичных сайтов : http://www.dejurka.ru/web-design/minimalistic_websites/

[91] hellohikimori.com: http://hellohikimori.com

[92] cropp.com: http://cropp.com/

[93] tour.kathart.dk: http://tour.kathart.dk/

[94] joe-san.com: http://www.joe-san.com

[95] Yahoo покажет новый логотип 5 сентября: http://www.3dnews.ru/658747/

[96] Yahoo! представит тридцать новых логотипов: http://lenta.ru/news/2013/08/07/yahoo/

[97] Эволюция интерфейсов WordPress за 10 лет: http://www.hongkiat.com/blog/evolution-of-wordpress/

[98] История создания «социального портрета»: http://www.teehanlax.com/story/social-portrait/

[99] Прекрасная типографика в веб-дизайне: http://www.smashingmagazine.com/2013/08/06/beautiful-typography-web-design/

[100] Произносим названия европейских шрифтов правильно: http://opentype.info/blog/2013/08/01/the-pronunciation-of-european-typefaces/

[101] Курс «основы дизайна» от codeschool: http://www.codeschool.com/courses/fundamentals-of-design

[102] Как сохранить привлекательность адаптивного дизайна: http://www.webdesignerdepot.com/2013/08/how-to-keep-responsive-design-engaging/

[103] Объяснение разницы между adaptive и responsive-дизайном: http://www.searchenginepeople.com/blog/the-difference-between-adaptive-design-and-responsive-design.html

[104] Концепт дизайна iPhone 6: http://www.behance.net/gallery/iPhone-6-An-edgy-concept/7617209

[105] Создание объемной винтажной типографики с помощью: Illustrator, Cinema 4D, Photoshop: http://psd.tutsplus.com/tutorials/text-effects-tutorials/3d-vintage-lightbulb-sign/

[106] Первоклассные логотипы ресторанов: http://vandelaydesign.com/blog/galleries/30-restaurant-logos-for-design-inspiration/

[107] Примеры набирающего обороты плоского дизайна: http://desizntech.info/2013/08/flat-website-design-examples/

[108] Вебдизайны туристических сайтов: http://www.designerledger.com/travel-website-designs/

[109] Полсотни забавных 404-х страниц: http://www.hongkiat.com/blog/funny-creative-error-404/

[110] Исходник PSD «Perspective App Screen Mock-Up 5»: http://www.pixeden.com/psd-mock-up-templates/perspective-app-screen-mock-up-5

[111] Исходники PSD винтажных логотипов: http://blog.spoongraphics.co.uk/freebies/6-free-customizable-retrovintage-logos-emblems

[112] Набор векторных изображений посвященных дню Рождения!: http://www.youthedesigner.com/2013/08/08/free-vector-pack-birthday-vector-graphics/

[113] Большой набор исходников визиток: http://dailydesignnotes.com/collections/125-free-psd-business-card-designs/

[114] Type & Grids: Free Responsive HTML5 Template: http://www.smashingmagazine.com/2013/08/07/type-grids-free-template/

[115] ретро-паттерны: http://www.webdesignerdepot.com/2013/08/free-download-25-free-retro-patterns/

[116] Бесплатные объемные и красочные иконки: http://www.dejurka.ru/graphics/free_3dcolor_icon/

[117] две с половиной сотни иконок знаменитейших памятников и знаменитых сооружений: http://www.noupe.com/freebie/exclusive-vector-freebie-250-ultimate-world-monuments-icon-pack-by-freepik-78439.html

[118] с длинными тенями: http://www.onextrapixel.com/2013/08/06/freebie-long-shadow-mobile-icons-set/

[119] PHANTOM — шрифт без засечек: http://www.behance.net/gallery/PHANTOM-%28Free-typefamily%29/10144459

[120] Look Up — декоративный, состоящий из стрелок: http://www.behance.net/gallery/Look-Up-Free-Font/10119611

[121] Parley — декоративный шрифт для заголовков: http://www.behance.net/gallery/Parley-free-typeface/10170485

[122] PW Small Icons — иконочный шрифт для создания скетчей: http://www.peax-webdesign.com/goodies/free-icons/pw-small-icons-free/pw-small-icons-free.html

[123] Collection of Free Fonts and Typefaces for August 2013: http://www.splashnology.com/article/collection-of-free-fonts-and-typefaces-for-august-2013/9736/

[124] Как музыка влияет на продуктивность: http://habrahabr.ru/post/154795/

[125] Обзор Leap Motion : http://keddr.com/2013/08/obzor-leap-motion/

[126] Воду превратили в сенсорный дисплей (видео): http://www.3dnews.ru/658517/

[127] Nokia поддела iPhone 5 в своей рекламе (видео): http://ain.ua/2013/08/07/135351

[128] Влияние интернет-пиратства на музыкальную индустрию: http://www.cossa.ru/articles/152/47441/

[129] Wargaming: 15 лет на передовой: http://itc.ua/articles/wargaming-15-let-na-peredovoy/

[130] Оружие будущего: боевые роботы и дроны: http://itc.ua/articles/oruzhie-budushhego-boevyie-robotyi-i-dronyi/

[131] Солнечные батареи: как это работает: http://itc.ua/articles/solnechnyie-batarei-kak-eto-rabotaet/

[132] История создания лунного ровера: http://habrahabr.ru/post/189664/

[133] 12 вещей, которые сделают с вами Apple, Twitter и Yahoo после устройства на работу: http://www.siliconrus.com/2013/08/welcome-into/

[134] ТОП-10 самых дорогих сообществ «ВКонтакте» по цене за пост: http://ain.ua/2013/08/07/135377

[135] Галерея произведений, созданных разработчиками в свободное от дебага время: http://devsdoart.com/

[136] Что происходит в интернете за одну секунду: http://onesecond.designly.com/

[137] Напечатанные на 3D-принтере дроны займутся борьбой с наркомафией: http://www.3dnews.ru/658005/

[138] Как новый интерфейс Gmail влияет на пользователей: http://www.cossa.ru/articles/152/46502/

[139] Япония отправила на МКС говорящего робота: http://www.3dnews.ru/657871/

[140] Красная миссия: бронируем билеты на Марс: http://www.3dnews.ru/656360/

[141] Воронежец заключил с банком договор, внеся свои правки: http://habrahabr.ru/post/189328/

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

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

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

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