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

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

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

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

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

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

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

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

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

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

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

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

  • reunitetheriver.com [91] — одностраничный сайт социального проекта с приятной анимацией и выразительным мультяшным дизайном Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №72 (24 — 31 августа 2013)
  • neotokio.it [92] — приятное портфолио с нестандартной заставкой и навигацией Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №72 (24 — 31 августа 2013)
  • pixelstadium.com [93] — сайт с интерактивными параллакс-эффектами Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №72 (24 — 31 августа 2013)
  • junduffy.co.nz [94] — нестандартная для магазинов раскладка сайта и дизайн Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №72 (24 — 31 августа 2013)
  • lordandtaylorfirstlook.com [95] еще один нестандартный сайт-магазин с интересными параллакс-эффектами Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №72 (24 — 31 августа 2013)
  • rosendaluppsala.se [96] — полноэкранный сайт с анимациями, drag-навигацией и аскетичным дизайном Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №72 (24 — 31 августа 2013)
  • abbyputinski.com [97] — графический сайт с интерактивной картой и множеством анимированных элементов Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №72 (24 — 31 августа 2013)
  • http://beoplay.com/Products/BeoplayH3 [98] — эффектный одностраничный промо-сайт с параллакс-эффектами и эффектом движения вглубь Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №72 (24 — 31 августа 2013)
  • reunitetheriver.com [91] — познавательный одностраничный сайт на канвасе Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №72 (24 — 31 августа 2013)
  • kennedyandcastro.com [99] — стильный горизонтальный сайт Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №72 (24 — 31 августа 2013)
  • summer.tcm.com [100] — сайт с нестандартной навигацией, посвященный фильмам Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №72 (24 — 31 августа 2013)
  • canva.com [101] — сайт с интересными элементами — от фонового видео до параллакса Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №72 (24 — 31 августа 2013)

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

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

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

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

Автор: alexzfort

Источник [159]


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

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

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

[1] To GIF or not to GIF?: http://habrahabr.ru/company/flysoft/blog/191892/

[2] 10 самых популярных видео докладов с 404фест 2012: http://habrahabr.ru/company/turbomilk/blog/191532/

[3] Опубликованы видео докладов с первой конференции #fronttalks, прошедшей 5 июля при поддержке #yasubbotnik.: http://fronttalks.ru/archive/4.html

[4] Особенности парсинга блочного HTML-кода программами экранного доступа: http://habrahabr.ru/post/191256/

[5] Переход с bootstrap 2 на bootstrap 3 : http://habrahabr.ru/post/191952/

[6] Электронные издания и веб: http://frontender.info/digital-publishing-and-the-web/

[7] Mozilla представляет Brick: https://hacks.mozilla.org/2013/08/introducing-brick-minimal-markup-web-components-for-faster-app-development/

[8] Mozilla Brick – интернетный аналог ActiveX: http://blogerator.ru/page/mozilla-brick-internetnyj-analog-activex-web-components-x-tag

[9] Super Markup Man: http://www.html5blog.org/2013/08/30/html5-game-that-teaches-you-html/

[10] Создание HTML5 анимаций: http://www.netmagazine.com/tutorials/create-slick-html5-animations

[11] Элемент HTML5 «picture»: http://html5hub.com/html5-picture-element/#i.1az2wjoywyeh4p

[12] Элемент HTML5 progress: http://css-tricks.com/html5-element/

[13] Custom Elements: http://www.html5rocks.com/en/tutorials/webcomponents/customelements/

[14] 10 советов для по разработке игр на HTML5: http://www.netmagazine.com/features/10-tips-html5-games-development

[15] Интервью с David Walsh: http://html5hub.com/david-walsh-interview/#i.f46ocdnpmep3v9

[16] E-commerce тема на Bootstrap 3: http://www.themebulk.com/theme/detail/20/eshopper-bootstrap-3-e-commerce-theme

[17] Горячие клавиши панели для разработки в Chrome: https://developers.google.com/chrome-developer-tools/docs/shortcuts

[18] Темы для Chrome Developer Tools: http://devthemez.com/themes/chrome-developer-tools

[19] Как ускорить сайты с responsive дизайном: http://www.webdesignerdepot.com/2013/08/how-to-speed-up-responsive-websites/

[20] Генерируем адаптивные изображения для srcset с помощью Grunt: http://addyosmani.com/blog/generate-multi-resolution-images-for-srcset-with-grunt/

[21] Облачные Хостинги и CDN сервисы для веб-разработчиков: http://www.hongkiat.com/blog/cloud-hosting-cdn-for-webmasters/

[22] CSS Sprites vs. Data URIs: http://www.mobify.com/blog/css-sprites-vs-data-uris-which-is-faster-on-mobile/

[23] Запрашивайте кадры анимации для лучшей производительности: http://frontender.info/request-animation-frame-for-better-performance/

[24] Интерактивные трехмерные блоки с тенями: http://tympanus.net/codrops/2013/08/27/3d-shading-with-box-shadows/

[25] Slide Up/Down на чистом CSS: http://davidwalsh.name/css-slide

[26] Functional CSS (FCSS): http://flippinawesome.org/2013/08/26/functional-css-fcss/

[27] Спайтовая анимация с помощью CSS : http://jsfiddle.net/simurai/CGmCe/light/

[28] Интересная реализация активного состояния текстового поля и его подписи: http://codepen.io/jordanoaragao/pen/teqFw

[29] Разноцветный прелоадер: http://codepen.io/TimPietrusky/pen/AvIsg

[30] Техники работы с веб-шрифтами: http://www.instantshift.com/2013/08/29/font-replacement-methods/

[31] HTML алхимия – комбинируем CSS Shapes с CSS Regions: http://blogs.adobe.com/webplatform/2013/08/27/html-alchemy-combining-css-shapes-with-css-regions/

[32] Добавление отступа между списком и float-тым элементом: http://perishablepress.com/margin-list-floated-image/

[33] CSS-анимационный переход от значений в px к значению auto: http://n12v.com/css-transition-to-from-auto/

[34] Знакомимся с CSS3 multiple background + демо с анимированным фоном: http://www.developerdrive.com/2013/08/introducing-css3-multiple-backgrounds/

[35] Sidebar Transitions от CodeDrops: https://github.com/codrops/SidebarTransitions

[36] Секреты CSS от Lea Verou: http://www.lukew.com/ff/entry.asp?1773

[37] Делаем «mindmap» на Javascript с локальным хранением в базе данных браузера : http://habrahabr.ru/post/191850/

[38] Лучшие практики в JavaScript: http://www.thinkful.com/learn/javascript-best-practices-1/

[39] ECMAScript Internationalization API: http://generatedcontent.org/post/59403168016/esintlapi

[40] 25 JS библиотек и инструментов для создания интерактивных карт: http://www.instantshift.com/2013/08/26/useful-javascript-libraries-for-maps/

[41] AdminJS: http://adminjs.com/

[42] Parallax.js: http://wagerfield.github.io/parallax/

[43] multifilter: http://tommyp.github.io/multifilter/

[44] intentionjs: http://intentionjs.com/

[45] Урок по AngularJS: http://www.thinkster.io/pick/521e8672e2a3b28f98000314/angularjs-tutorial-learn-to-build-modern-web-apps

[46] _select(): http://codepen.io/TimPietrusky/pen/njDBA

[47] _jspdf: http://parall.ax/products/jspdf

[48] WheelMenu.js: http://www.onextrapixel.com/2013/08/21/create-a-path-like-menu-button-with-wheelmenu-js/

[49] Создание многоуровневой навигации в стиле нового Google Play: http://www.onextrapixel.com/2013/08/15/creating-the-new-google-plays-multi-level-navigation-from-scratch/

[50] Sigh, JavaScript: http://sighjavascript.tumblr.com/

[51] Браузеры и частота их падения: http://habrahabr.ru/post/191308/

[52] Mozilla представила протокол Plug-n-Hack: http://www.opennet.ru/opennews/art.shtml?num=37743

[53] Поиск в менеджере дополнений Firefox будет показывать только полностью проверенные дополнения : http://www.opennet.ru/opennews/art.shtml?num=37778

[54] Tor предлагают встроить в браузер Firefox как стандартную опцию: http://habrahabr.ru/post/191386/

[55] Финал Opera 16: http://habrahabr.ru/company/opera/blog/191490/

[56] Opera: закладки не являются нашим приоритетом: http://my.opera.com/desktopteam/blog/2013/08/30/opera-developer-update

[57] Google выпустила плагин для IE, который обеспечит поддержку браузером видео в формате WebM: http://web-standards.ru/news/786/

[58] Chromium Digest №11: http://my-chrome.ru/2013/08/chromium-digest-11/

[59] GistBox: http://www.gistboxapp.com/

[60] justdelete.me: http://justdelete.me/

[61] Сто и один сервис для получения различных Lorem Ipsum текстов: http://www.webdesignerdepot.com/2013/08/101-essential-lorem-ipsum-generators/

[62] keycodes.atjayjo.com: http://keycodes.atjayjo.com/

[63] .psd fonts: http://psdfonts.com/

[64] Microsoft сообщила о завершении работ над Windows 8.1: http://www.3dnews.ru/754797/

[65] утекла в сеть: http://news.softodrom.ru/ap/b17764.shtml

[66] можно посмотреть видео: http://viennaos.net/microsoft-windows-8/4607-windows-81-rtm-na-video.html

[67] Разящие новости о будущем Microsoft: http://microsoftportal.net/microsoft/2545-razyaschie-novosti-o-buduschem-microsoft.html

[68] Skype исполнилось 10 лет: http://habrahabr.ru/post/191796/

[69] Skype собирается запустить видеозвонки в 3D: http://itc.ua/news/skype-rabotaet-nad-vnedreniem-3d-videozvonkov-no-poka-ogranichena-tehnicheski/

[70] Amazon собирается построить собственную беспроводную сеть: http://www.3dnews.ru/753631/

[71] Samsung подтвердила, что 4 сентября представит Galaxy Note III и «умные» часы: http://www.computerra.ru/80612/v-samsung-podtverdili-chto-4-sentyabrya-kompaniya-predstavit-galaxy-note-iii-i-umnyie-chasyi/

[72] Слухи: HTC работает над собственной мобильной ОС: http://4pda.ru/2013/08/28/112864/

[73] Китай подвергся самой мощной DDOS-атаке в своей истории: http://lenta.ru/news/2013/08/26/chinaddos/

[74] HERE Connected Driving – навигационный сервис Nokia: http://www.f1cd.ru/news/here_connected_driving_navigacionnyi_servis_nokia/

[75] Yahoo покупает стартап: http://www.searchengines.ru/news/archives/yahoo_pokupaet_iq_engines_flickr.html

[76] демонстрирует новый дизайн своих сервисов: http://www.siliconrus.com/2013/08/yahoo-design/

[77] серьезно обновил Карты для российских пользователей : http://googlerussiablog.blogspot.ru/2013/08/google_29.html

[78] представил мегарелиз украинских Яндекс.Карт: http://www.searchengines.ru/news/archives/yandeks_karti_ua.html

[79] Сервис Baidu Total View позволит прогуляться по улицам китайских городов: http://www.computerra.ru/80485/servis-baidu-total-view-pozvolit-progulyatsya-po-ulitsam-kitayskih-gorodov/

[80] Mail.ru соревнуется с Dropbox и предлагает бесплатно 100 Гб: http://ain.ua/2013/08/27/136912

[81] ОБЗОР: ОБЛАКО.mail.ru: http://lifehacker.ru/2013/08/27/oblako-mail-ru/

[82] Twitter приобрел аналитический сервис Trendrr: http://www.searchengines.ru/news/archives/twitter_priobre_.html

[83] Microsoft добавила оптическое распознавание текста в фотографиях SkyDrive: http://www.3dnews.ru/755595

[84] SkyDrive возвращает бесплатный лимит в 25 ГБ: http://webtun.com/webservices/5120-skydrive-vozvraschaet-besplatnyy-limit-v-25-gb.html

[85] Компания Tencent запустила бесплатное облачное хранилище на 10 ТБ: http://ain.ua/2013/08/30/137373

[86] Facebook раскрыл статистику сотрудничества с мировыми спецслужбами: http://lenta.ru/news/2013/08/28/facebook/

[87] shadertoy.com: http://shadertoy.com

[88] Смешиваем WebGL, CSS3 3D и HTML: http://acko.net/blog/zero-to-sixty-in-one-second/

[89] Раскладка карт: http://pakastin.fi/cards

[90] Симпатичный лоадер с помощью CSS анимаций: http://codepen.io/hakimel/full/CxliK

[91] reunitetheriver.com: http://www.reunitetheriver.com/

[92] neotokio.it: http://www.neotokio.it/

[93] pixelstadium.com: http://pixelstadium.com/

[94] junduffy.co.nz: http://junduffy.co.nz/

[95] lordandtaylorfirstlook.com: http://lordandtaylorfirstlook.com/

[96] rosendaluppsala.se: http://www.rosendaluppsala.se/

[97] abbyputinski.com: http://abbyputinski.com/#/

[98] http://beoplay.com/Products/BeoplayH3: http://beoplay.com/Products/BeoplayH3#at-a-glance

[99] kennedyandcastro.com: http://www.kennedyandcastro.com/en/

[100] summer.tcm.com: http://summer.tcm.com/

[101] canva.com: https://www.canva.com/

[102] Как цвета в дизайне интернет магазина влияют на продажи: http://www.cossa.ru/articles/155/49066/

[103] Сайты в желтом цвете для вашего вдохновения: http://www.dejurka.ru/inspiration/yellow_websites_design/

[104] Веб-дизайн с темной стороны: http://www.dejurka.ru/web-design/black-color-web-design/

[105] Горячие клавиши Photoshop и Illustrator CS6: http://www.zerolag.com/infographics/

[106] Работа с видео в фотошопе — создание анимированного текста: http://psd.tutsplus.com/tutorials/tools-tips/photoshop-video-animating-text/

[107] Уроки по созданию креативных эффектов для фото в фотошопе: http://psd.tutsplus.com/articles/web/awesome-photo-effect-tutorials/

[108] Примеры вдохновляющей типографики: http://vandelaydesign.com/blog/galleries/typo-inspiration/

[109] Логотипы баров и пабов: http://vandelaydesign.com/blog/galleries/bar-pub-logos/

[110] Идея редизайна посадочного талона на самолет: https://medium.com/design-ux/c72084d7793e

[111] Техника извлечения цвета с прозрачностью в фотошопе: http://bjango.com/articles/extractingcolours/

[112] Более полусотни уроков по веб-дизайну: http://www.designzzz.com/web-design-tutorials/

[113] Лучшие пригласительные на свадьбу: http://thedesignblitz.com/creative-wedding-invitation-card-designs/

[114] Визитки с необычным дизайном: http://www.coalesceideas.com/15-unusual-business-cards-design/

[115] Отличительные особенности отличного дизайна UI: http://thedesignblitz.com/characteristics-of-a-great-user-interface-design/

[116] Хороший дизайн — это не только красивая картинка: http://www.gayadesign.com/articles/good-design-just-pretty-picture/

[117] Наборы actions: http://www.webdesignerdepot.com/2013/08/25-must-have-photoshop-actions-for-your-toolkit/

[118] кисти с пятнами для фотошопа: http://designbeep.com/2013/08/28/20-sets-free-stain-brushes-photoshop/

[119] basiliq: http://cloudcastlegroup.com/blog/basiliq

[120] Свежие шаблоны PSD, иконки, наборы с UI: http://designinstruct.com/web-design/new-free-website-graphics/

[121] наборы UI: http://webdesignledger.com/freebies/10-super-useful-free-flat-ui-kits

[122] SmoothBerry: http://webuikits.com/smoothberry-flat-ui-kit/

[123] компоненты: http://www.antsmagazine.com/graphics/25-free-ecommerce-psd-elements/

[124] шаблоны: http://www.bestpsdtohtml.com/20-free-psd-infographic-templates-to-inspire-designers-and-developers/

[125] шаблоны основных страниц сайта: http://noahzwillinger.com/portfolio/freebie-pack/

[126] Бесплатные иконки: http://www.dejurka.ru/graphics/free_icons/

[127] набор романтических иконок: http://www.onextrapixel.com/2013/08/23/freebie-20-elegant-love-and-romance-glyph-icons/

[128] наборы иконок: http://www.webdesignfact.com/2013/08/15-fresh-free-icons-sets.html

[129] набор круглых иконок: http://www.designkindle.com/2013/08/19/thin-round-icons/

[130] значки: http://lucijanblagonic.github.io/Washicons/

[131] социальные иконки: http://www.uipixels.com/42-long-shadow-social-iconspsd/

[132] шесть десятков наборов иконок: http://pixelbell.com/60-incredible-free-flat-icon-sets-for-designers/

[133] свежие шрифты: http://www.antsmagazine.com/fonts/25-fresh-free-fonts-for-designers/

[134] лучшие шрифты для создания винтажных лого: http://blog.spoongraphics.co.uk/articles/the-best-free-script-fonts-for-creating-vintage-logos

[135] каллиграфические шрифты: http://designm.ag/resources/calligraphy-fonts/

[136] два с половиной десятка: http://www.designerledger.com/free-fonts-for-designers/

[137] забавный декоративный шрифт с засечками Nighttime: http://2ttf.com/Rz0BxPHH

[138] в следующем году Google: http://www.3dnews.ru/753784/

[139] Google Glass не получат: http://www.3dnews.ru/754591/

[140] Siri научилась подшучивать над Google Glass, иногда саркастически: http://ain.ua/2013/08/27/136917

[141] AllThingsD: отставка Стива Балмера из Microsoft была ускорена под давлением совета: http://www.3dnews.ru/754761/

[142] Как Баллмер пропустил приливы и отливы технологий: http://inoblogger..ru/2013/08/27/ballmer-shifts/

[143] Вирус, который убил корпорацию Microsoft: http://www.computerra.ru/81224/virus-kotoryii-ubil-korporatsiyu-microsoft/

[144] В защиту Стива Баллмера: http://gagadget.com/other/2013-08-27-v-zaschitu-stiva-ballmera/

[145] DARPA открыло новый этап в развитии программы «универсальный солдат»: http://itc.ua/news/darpa-otkryilo-novyiy-etap-v-razvitii-programmyi-universalnyiy-soldat/

[146] Миниатюрная модель человеческого мозга выращена в лаборатории: http://www.3dnews.ru/755361

[147] Шесть самых позорных заговоров в высоких технологиях: http://www.computerra.ru/81148/shest-samyih-pozornyih-zagovorov-v-vyisokih-tehnologiyah/

[148] Кассовые сборы фильмов падают из-за закрытия Megaupload: http://www.lookatme.ru/mag/industry/industry-news/195749-megaupload

[149] Видео с золотым и кремовым iPhone-ами: http://www.youtube.com/watch?v=m-Ib6NME-DE

[150] 20 стартапов, которые хотят изменить мир: http://www.siliconrus.com/2013/08/20-startups-world/

[151] Памяти Стива Джобса: http://mashable.com/2013/08/27/amazing-mini-mac-is-a-wonder/

[152] R.I.P. Neil Armstrong: http://abcnews.go.com/Technology/neil-armstrong-man-moon-dead/story?id=12325140

[153] Занятные карты мира: http://twistedsifter.com/2013/08/maps-that-will-help-you-make-sense-of-the-world/

[154] Мой новый Mac Pro : https://www.youtube.com/watch?feature=player_embedded&v=MywZ0MzA33M

[155] Психанул: http://img0.joyreactor.cc/pics/post/%D0%BF%D0%BE%D0%B9%D0%BC%D0%B0%D1%82%D1%8C-%D0%BF%D0%B8%D0%BA%D1%81%D0%B5%D0%BB%D1%8C-%D1%84%D0%BE%D1%82%D0%BE%D1%88%D0%BE%D0%BF-%D0%BF%D1%81%D0%B8%D1%85%D0%B0%D0%BD%D1%83%D0%BB-846280.gif

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

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

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

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