- PVSM.RU - https://www.pvsm.ru -
Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Emmet LiveStyle [1] |
Встречаем Emmet LiveStyle [1] — бета версию плагина нового поколения для двунаправленного редактирования CSS от Сергея Чикуенка, плюс Обзор LiveStyle на smashingmagazine [2] (восторженные комментарии included)
Адаптивный дизайн |
Статья о том, как Как тестировать адаптивный дизайн [3] не тратясь на платные инструменты , а также небольшая подборка уроков [4]
WebGL |
WebGL продолжает развиваться, демонстрируя все большие возможности. Вот некоторые из них: 3d эффекты на страницах [5] , рендер более миллиона частиц [6], и напоследок, действительно впечатляющая демка [7], показывающая потенциал создания игр с помощью WebGL
Проблемы CSS |
Перевод занимательной статьи о проблемах CSS, про которые обычно не вспоминают в учебниках по верстке. Часть 1 [8], Часть 2 [9]
Firefox 23 [10] |
На этой неделе состоялся Релиз Firefox 23 [10]. Кроме небольшого изменения в логотипе, релиз включил в себя довольно приличное количество улучшений и добавлений, среди которых долгожданный network monitor [11]
Почему Angular.js рулит? [12] |
Этой объемной статьей [12] от Jesus Rodriguez старается дать аргументированный ответ на вопрос
YotaPhone [13] |
Отечественный телефон с двумя экранами уже успел пошуметь на выставках электроники. Более подробно о самом устройстве и особенностях его разработки, а в частности об истории его создания можно почитать в в первом официальном Йотафон-посте на Хабре [13]
Дайджест за прошлую неделю [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/
Нажмите здесь для печати.