Created
October 21, 2013 04:21
-
-
Save Orphist/7078628 to your computer and use it in GitHub Desktop.
веб-разработки и IT за последнюю неделю № 79 (13 — 19 октября 2013)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> | |
| <head> | |
| <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | |
| <meta name = "viewport" content = "width = 1080"> | |
| <title>Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 79 (13 — 19 октября 2013) / Блог компании Zfort Group / Хабрахабр</title> | |
| <meta name="description" content=" | |
| Веб-разработка | |
| Пишем HTML5-игру за 20 минут, или введение в Phaser framework | |
| Проект General Assembly запустил интерактивный курс для желающих овладеть CSS, JavaScript и HTML | |
| Google..." /> | |
| <meta name="keywords" content="дайджест, новости, css, js, html, интересное, браузеры, ресурсы, ссылки, ссылки на сми, веб-дизайн, веб-разработка, jquery, css3, html5, ie11, windows 8.1, yac, nodejs, mcss, TogetherJS" /> | |
| <meta property="fb:app_id" content="437464306275519" /> | |
| <meta property="og:type" content="article" /> | |
| <meta property="og:url" content="http://habrahabr.ru/company/zfort/blog/198216/" /> | |
| <meta property="og:title" content="Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 79 (13 — 19 октября 2013)" /> | |
| <meta property="og:image" content="http://habr.habrastorage.org/post_images/1a8/5dc/7c3/1a85dc7c36c7aac41d51406f187402fc.jpg" /> | |
| <link rel="image_src" href="http://habr.habrastorage.org/post_images/1a8/5dc/7c3/1a85dc7c36c7aac41d51406f187402fc.jpg" /><meta property="og:image" content="http://habr.habrastorage.org/post_images/b70/f9f/eae/b70f9feaeee78b42a0c78c3731555e73.gif" /> | |
| <link rel="image_src" href="http://habr.habrastorage.org/post_images/b70/f9f/eae/b70f9feaeee78b42a0c78c3731555e73.gif" /><meta property="og:image" content="http://habr.habrastorage.org/post_images/36c/2c6/966/36c2c69660dd21085a2dcb71d7246ae6.gif" /> | |
| <link rel="image_src" href="http://habr.habrastorage.org/post_images/36c/2c6/966/36c2c69660dd21085a2dcb71d7246ae6.gif" /><meta property="og:image" content="http://habr.habrastorage.org/post_images/49d/04e/fb9/49d04efb96fb6ce31cde9be5dc12a874.gif" /> | |
| <link rel="image_src" href="http://habr.habrastorage.org/post_images/49d/04e/fb9/49d04efb96fb6ce31cde9be5dc12a874.gif" /><meta property="og:image" content="http://habr.habrastorage.org/post_images/155/2bb/2c9/1552bb2c9db1673f6e3aa0b7c2df4f40.gif" /> | |
| <link rel="image_src" href="http://habr.habrastorage.org/post_images/155/2bb/2c9/1552bb2c9db1673f6e3aa0b7c2df4f40.gif" /><meta property="og:image" content="http://habr.habrastorage.org/post_images/c59/524/8ce/c595248cea9cbeab42ab6633d54d3782.gif" /> | |
| <link rel="image_src" href="http://habr.habrastorage.org/post_images/c59/524/8ce/c595248cea9cbeab42ab6633d54d3782.gif" /><meta property="og:image" content="http://habr.habrastorage.org/post_images/281/994/c0f/281994c0fe695abbe6d963faed1cffb6.gif" /> | |
| <link rel="image_src" href="http://habr.habrastorage.org/post_images/281/994/c0f/281994c0fe695abbe6d963faed1cffb6.gif" /><meta property="og:image" content="http://habr.habrastorage.org/post_images/a27/ea0/6f7/a27ea06f7d56f6b750420fcbc5c63da8.gif" /> | |
| <link rel="image_src" href="http://habr.habrastorage.org/post_images/a27/ea0/6f7/a27ea06f7d56f6b750420fcbc5c63da8.gif" /><meta property="og:image" content="http://habr.habrastorage.org/post_images/a27/ea0/6f7/a27ea06f7d56f6b750420fcbc5c63da8.gif" /> | |
| <link rel="image_src" href="http://habr.habrastorage.org/post_images/a27/ea0/6f7/a27ea06f7d56f6b750420fcbc5c63da8.gif" /><meta property="og:image" content="http://habr.habrastorage.org/post_images/a27/ea0/6f7/a27ea06f7d56f6b750420fcbc5c63da8.gif" /> | |
| <link rel="image_src" href="http://habr.habrastorage.org/post_images/a27/ea0/6f7/a27ea06f7d56f6b750420fcbc5c63da8.gif" /><meta property="og:image" content="http://habr.habrastorage.org/post_images/c59/524/8ce/c595248cea9cbeab42ab6633d54d3782.gif" /> | |
| <link rel="image_src" href="http://habr.habrastorage.org/post_images/c59/524/8ce/c595248cea9cbeab42ab6633d54d3782.gif" /><meta property="og:image" content="http://habr.habrastorage.org/post_images/d4b/289/ef0/d4b289ef0a00e969108c25d0c3d75f58.gif" /> | |
| <link rel="image_src" href="http://habr.habrastorage.org/post_images/d4b/289/ef0/d4b289ef0a00e969108c25d0c3d75f58.gif" /> | |
| <meta property="og:description" content="Веб-разработка Пишем HTML5-игру за 20 минут, или введение в Phaser framework Проект General Assembly запустил интерактивный курс для желающих овладеть..." /> | |
| <meta name="twitter:card" content="summary" /> | |
| <meta name="twitter:site" content="@habrahabr" /> | |
| <link href="/styles/1382093688/all.css" rel="stylesheet" media="all" /> | |
| <link href="/styles/1382093688/_parts/posts.css" rel="stylesheet" media="all" /> | |
| <link href="/styles/1382093688/_parts/comments.css" rel="stylesheet" media="all" /> | |
| <link href="/styles/1382093688/forms.css" rel="stylesheet" media="all" /> | |
| <link href="/styles/1382093688/highlight.css" rel="stylesheet" media="all" /> | |
| <link href="/styles/1382093688/company/common/all.css" rel="stylesheet" media="all" /> | |
| <link href="/styles/1382093688/printer.css" rel="stylesheet" media="print" /> | |
| <script type="text/javascript" src="/javascripts/1382093688/all.js"></script> | |
| <script type="text/javascript" src="/javascripts/1382093688/libs/jquery.form.js"></script> | |
| <script type="text/javascript" src="/javascripts/1382093688/libs/jquery.cookie.js"></script> | |
| <script type="text/javascript" src="/javascripts/1382093688/libs/wysiwyg.js"></script> | |
| <script type="text/javascript" src="/javascripts/1382093688/libs/highlight.js"></script> | |
| <script type="text/javascript" src="/javascripts/1382093688/libs/jquery-ui-highlight.js"></script> | |
| <script type="text/javascript" src="/javascripts/1382093688/_parts/posts.js"></script> | |
| <script type="text/javascript" src="/javascripts/1382093688/_parts/comments.js"></script> | |
| <script type="text/javascript" src="/javascripts/1382093688//company/common/all.js"></script> | |
| <script type='text/javascript'> | |
| var crtg_nid="2580"; | |
| var crtg_cookiename="cto_rtt"; | |
| var crtg_varname="crtg_content"; | |
| function crtg_getCookie(c_name){ | |
| var i,x,y,ARRCookies=document.cookie.split(";"); | |
| for(i=0;i<ARRCookies.length;i++){ | |
| x=ARRCookies[i].substr(0,ARRCookies[i].indexOf("=")); | |
| y=ARRCookies[i].substr(ARRCookies[i].indexOf("=")+1); | |
| x=x.replace(/^\s+|\s+$/g,""); | |
| if(x==c_name){return unescape(y);} | |
| } | |
| return''; | |
| } | |
| var crtg_content = crtg_getCookie(crtg_cookiename);var crtg_rnd=Math.floor(Math.random()*99999999999); | |
| var crtg_url=location.protocol+'//rtax.criteo.com/delivery/rta/rta.js?netId='+escape(crtg_nid);crtg_url+='&cookieName='+escape(crtg_cookiename);crtg_url+='&rnd='+crtg_rnd;crtg_url+='&varName=' + escape(crtg_varname); | |
| var crtg_script=document.createElement('script');crtg_script.type='text/javascript';crtg_script.src=crtg_url;crtg_script.async=true; | |
| if(document.getElementsByTagName("head").length>0)document.getElementsByTagName("head")[0].appendChild(crtg_script); | |
| else | |
| if(document.getElementsByTagName("body").length>0)document.getElementsByTagName("body")[0].appendChild(crtg_script); | |
| </script> | |
| <script type="text/javascript" src="/javascripts/1382093688/adriver.core.2.js"></script> | |
| <script type="text/javascript"> | |
| var _gaq = window._gaq || []; | |
| window.onerror = function(msg, url, line) { | |
| //var preventErrorAlert = true; | |
| //_gaq.push(['_trackEvent', 'JS Error', msg, navigator.userAgent + ' -> ' + url + " : " + line]); | |
| //return preventErrorAlert; | |
| }; | |
| jQuery.error = function (message) { | |
| _gaq.push(['_trackEvent', 'jQuery Error', message, navigator.userAgent]); | |
| } | |
| </script> | |
| </head> | |
| <body> | |
| <div class="wrapper"> | |
| <div id="layout"> | |
| <div id="header"> | |
| <div class="userpanel silver"> | |
| <a href="https://auth.habrahabr.ru/login/" class="login">войти</a> <a href="https://auth.habrahabr.ru/register/">зарегистрироваться</a> | |
| </div> | |
| <a class="logo " href="http://habrahabr.ru/" title="На главную страницу"></a> | |
| <div class="search"> | |
| <form id="search_form" name="search" method="get" action="//habrahabr.ru/search/" > | |
| <input type="submit" value="" /> | |
| <input type="text" name="q" x-webkit-speech speech tabindex="1" > | |
| </form> | |
| </div> | |
| <div class="main_menu"> | |
| <a href="http://habrahabr.ru/posts/top/">посты</a><a href="http://habrahabr.ru/qa/">q&a</a><a href="http://habrahabr.ru/events/coming/">события</a><a href="http://habrahabr.ru/hubs/">хабы</a><a href="http://habrahabr.ru/companies/" class="active">компании</a> | |
| </div> | |
| </div> | |
| <div class="company_header"> | |
| <div class="company_icon"><img src="//habr.habrastorage.org/company/cb3/47d/5b5/cb347d5b58901d79a04c0885c70695ba.png" alt=""/></div> | |
| <div class="name"><a href="http://habrahabr.ru/company/zfort/">Zfort Group</a></div> | |
| <div class="rating" title="Хабраиндекс - абстрактный показатель популярности компании на Хабрахабре"><div class="label">хабраиндекс</div>441,73</div> | |
| <div class="clear"></div> | |
| </div> | |
| <div class="content_left"> | |
| <table class="menu"> | |
| <tr> | |
| <td class="item profile"> | |
| <a href="http://habrahabr.ru/company/zfort/profile/" ><span class="name">Профиль</span></a> | |
| </td> | |
| <td class="item blog active"> | |
| <a href="http://habrahabr.ru/company/zfort/blog/" ><span class="name">Блог</span> <span class="count_new">+1</span></a> | |
| </td> | |
| <td class="item fans"> | |
| <a href="http://habrahabr.ru/company/zfort/fans/" ><span class="name">Подписчики</span> <span class="count_new">+36</span></a> | |
| </td> | |
| </tr> | |
| </table> | |
| <div class="submenu "> | |
| </div> | |
| <div class="clear"></div> | |
| <div class="company_post"> | |
| <div class="post shortcuts_item" id="post_198216"> | |
| <div class="published">вчера в 23:18</div> | |
| <h1 class="title"> | |
| <span class="post_title">Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 79 (13 — 19 октября 2013)</span> | |
| </h1> | |
| <div class="hubs"> | |
| <a href="http://habrahabr.ru/company/zfort/" class="hub " title="Вы не подписаны на этот хаб" >Блог компании Zfort Group</a>, | |
| <a href="http://habrahabr.ru/hub/webdev/" class="hub " title="Вы не подписаны на этот хаб" >Веб-разработка</a><span class="profiled_hub" title="Профильный хаб">*</span>, | |
| <a href="http://habrahabr.ru/hub/web_design/" class="hub " title="Вы не подписаны на этот хаб" >Веб-дизайн</a><span class="profiled_hub" title="Профильный хаб">*</span> | |
| </div> | |
| <div class="content html_format"> | |
| <img src="http://habr.habrastorage.org/post_images/1a8/5dc/7c3/1a85dc7c36c7aac41d51406f187402fc.jpg"/><br/> | |
| <a name="habracut"></a><br/> | |
| <br/> | |
| <h3><img src="http://habr.habrastorage.org/post_images/b70/f9f/eae/b70f9feaeee78b42a0c78c3731555e73.gif"/> Веб-разработка</h3><br/> | |
| <ul> | |
| <li><img alt="habr" src="http://habr.habrastorage.org/post_images/ed7/acd/e0d/ed7acde0d9595da5536b9aea9a0b301b.png"/> <a href="http://habrahabr.ru/post/197416/">Пишем HTML5-игру за 20 минут, или введение в Phaser framework</a></li> | |
| <li><img alt="habr" src="http://habr.habrastorage.org/post_images/ed7/acd/e0d/ed7acde0d9595da5536b9aea9a0b301b.png"/> <a href="http://habrahabr.ru/post/197712/">Проект General Assembly запустил интерактивный курс для желающих овладеть CSS, JavaScript и HTML</a></li> | |
| <li><img alt="habr" src="http://habr.habrastorage.org/post_images/ed7/acd/e0d/ed7acde0d9595da5536b9aea9a0b301b.png"/> <a href="http://habrahabr.ru/post/197448/">Google Maps API: схема проезда, анимация и стилизация</a></li> | |
| <li><a href="http://tech.yandex.ru/events/yac/2013/#program">Стали доступны видеозаписи докладов с yac2013 (секция frontend в 4м зале)</a></li> | |
| <li>Используем вектор в браузере: <a href="http://frontender.info/grunticon/">Grunticon</a>. Также, еще одна заметка на похожую тематику: <a href="http://habrahabr.ru/company/svable/blog/198126/">Retinafy everything</a> <img alt="habr" src="http://habr.habrastorage.org/post_images/ed7/acd/e0d/ed7acde0d9595da5536b9aea9a0b301b.png"/></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.quirksmode.org/blog/archives/2013/10/initialscale1_m.html">initial-scale=1 заставляет Safari iOS реагировать на изменения ориентации </a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://mobile.smashingmagazine.com/2013/10/17/best-of-both-worlds-mixing-html5-native-code/">Берем лучшее из двух миров: смешиваем HTML5 и нативный код</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.ugurus.com/responsive-design">База знаний на тему адаптивного дизайна </a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> Как правильно использовать новые элементы HTML5: <a href="http://www.developerdrive.com/2013/10/how-to-use-the-dialog-element/">dialog</a> и <a href="http://blog.paciellogroup.com/2013/10/using-html5-section-element/">section</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://html5hub.com/screen-size-management-in-mobile-html5-games/#i.1fncqo613osetp">Управление размерами экрана в мобильных играх на HTML5</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.html5rocks.com/en/tutorials/speed/txt-compression/">Детально о сжатии текста для веб разработчиков </a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://speckyboy.com/2013/10/13/15-new-responsive-frameworks/">Подборка новых адаптивных фреймворков </a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.feedthebot.com/pagespeed/prioritize-visible-content.html">Приоритет для видимого контента</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://econsultancy.com/ru/blog/63185-14-brands-that-increased-conversion-rates-via-responsive-design">14 брендов, которые повысили конвертацию благодаря адаптивному дизайну </a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://bradfrostweb.com/blog/post/gitgithub-resources/">Ресурсы, посвященные Git/Github</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.polymer-project.org/">Polymer</a> — сайт, посвященный популяризации polymer и Web Components, которые обещают стать будущим веба</li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.webdeveloper2.com/2013/10/my-web-wishlist-for-christmas-2013/">Список пожеланий на Рождество 2013 от веб-разработчика</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://coding.smashingmagazine.com/2013/10/11/we-wanted-to-build-a-file-uploader/">История создания File Uploader от разработчиков из mail.ru</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://heydonworks.com/practical_aria_examples/">ARIA examples</a> — пример веб-формы с улучшенной accessibility </li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> Презентация на тему accessibility <a href="http://dom.karlgroves-sandbox.com/slides/?full#Cover">«What is this thing and what does it do?»</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> Презентация <a href="https://speakerdeck.com/marcoscaceres/responsive-images-aint-we-there-yet">«Responsive Images: ain't we there yet?»</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> Презентация <a href="https://docs.google.com/a/ciklum.com/presentation/d/1wAxB5DPN-rcelwbGO6lCOus_S1rP24LMqA8m1eXEDRo/present#slide=id.p19">«Breaking the 1000 ms mobile barrier»</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.inserthtml.com/2013/10/single-page-website/">FullPaged: jQuery плагин для создания одностраничных сайтов с анимацией UI</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://net.tutsplus.com/articles/35298/"> Интервью с Bruce Lawson, евангелистом Opera</a></li> | |
| </ul><br/> | |
| <h3><img src="http://habr.habrastorage.org/post_images/36c/2c6/966/36c2c69660dd21085a2dcb71d7246ae6.gif"/> CSS</h3><br/> | |
| <ul> | |
| <li><a href="http://htmlbook.ru/blog/ramki-i-granicy">Рамки и границы</a></li> | |
| <li><a href="http://htmlbook.ru/blog/ikonki-iz-simvolov">Иконки из символов</a></li> | |
| <li><a href="http://operatino.github.io/MCSS/">Документация по MCSS</a> — многослойной системе организации CSS, основанной на принципах OOCSS и БЭМ</li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://css-tricks.com/interview-questions-css/">Вопросы и задачки на тему CSS для собеседований</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://fahad19.github.io/shape.less/">Shape.LESS</a> — коллекция миксинов для LESS c фигурами</li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.uiplayground.in/css3-icons/">Более двух сотен иконок на чистом CSS </a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.paulund.co.uk/create-download-icon-css">Анимация для иконки Download средствами CSS</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <img alt="video" src="http://habr.habrastorage.org/post_images/c05/309/6f3/c053096f3ec7c2f90ef0c2b99880d8e9.gif"/> Видео доклада Nicolas Gallagher на тему <a href="http://vimeo.com/74359951">CSS Application Architecture</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://eiskis.net/layers/">Layers CSS</a> — еще один статический фреймворк, с адаптивностью, нормализацией элементов и гридами</li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://lea.verou.me/2013/10/slanted-tabs-with-css-3d-transforms/">Наклонные табы с помощью CSS 3D transforms </a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.developerdrive.com/2013/10/how-to-customize-textareas/">Как дизайнить textarea (под webkit)</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://csswizardry.com/2012/06/single-direction-margin-declarations/">Одно-направленное задание margin-а</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://codepen.io/chriscoyier/pen/DmnlJ">Пример адаптивной веб-формы</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://codepen.io/bphillips201/details/JygKB">Наглядная демонстрация работы box-shadow</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://ryanseddon.github.io/slideshowbob/">Slideshowbob.css</a> — слайдер на CSS</li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://ethercycle.com/blog/index.php?entry=303">Переключатель-checkbox</a></li> | |
| </ul><br/> | |
| <h3><img src="http://habr.habrastorage.org/post_images/49d/04e/fb9/49d04efb96fb6ce31cde9be5dc12a874.gif"/> JavaScripts</h3><br/> | |
| <ul> | |
| <li><img alt="habr" src="http://habr.habrastorage.org/post_images/ed7/acd/e0d/ed7acde0d9595da5536b9aea9a0b301b.png"/> <a href="http://habrahabr.ru/company/nordavind/blog/197370/">Производительность фронтенда. Оптимизация шрифтов</a></li> | |
| <li><a href="http://frontender.info/absolute-beginners-guide-to-nodejs/">Руководство по Node.js для начинающих</a></li> | |
| <li><img alt="habr" src="http://habr.habrastorage.org/post_images/ed7/acd/e0d/ed7acde0d9595da5536b9aea9a0b301b.png"/> <a href="http://habrahabr.ru/post/197358/">Node.js и новый фронтенд в вебе</a></li> | |
| <li><a href="http://www.opennet.ru/opennews/art.shtml?num=38185">Mozilla ввёл в строй сервис TogetherJS для совместной работы над контентом</a>, <a href="https://hacks.mozilla.org/2013/10/introducing-togetherjs/">Представление TogetherJS</a> в техноблоге разработчиков Mozilla <img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> </li> | |
| <li><img alt="habr" src="http://habr.habrastorage.org/post_images/ed7/acd/e0d/ed7acde0d9595da5536b9aea9a0b301b.png"/> <a href="http://habrahabr.ru/post/197762/">Несколько полезных приемов в AngularJS для начинающих</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://tech.pro/blog/1635/6-tips-for-creating-ajax-heavy-websites">Шесть трюков при создании AJAX-нагруженных веб-сайтов</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://tjrus.com/blog/javascript-performance-tests">Тесты производительности JavaScript</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.prevent-default.com/custom-elements-nextgen-markup-pt-3/">Кастомные элементы – разметка нового поколения</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://flaviusmatis.github.io/simplePagination.js/">simplePagination.js</a> — небольшой плагин на jQuery для добавления пагинации на страницу</li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.webdesignerdepot.com/2013/10/extending-jquery-the-ui-effects-framework/">Расширяем jQuery: UI Effects Framework</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://github.hubspot.com/odometer/docs/welcome/">Odometer</a> — анимация для нумерации</li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://slicknav.com/">slicknav</a> — еще один плагин для адаптивной навигации</li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://zine.com/2013/10/buttons-built-in-progress-meters/">Кнопки с визуализацией прогресса загрузки </a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://speckyboy.com/2013/10/16/form-validation-jquery-plugins-libraries/">Подборка плагинов и библиотек на jQuery для валидации форм</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.thepetedesign.com/demos/jquery_super_simple_text_rotator_demo.html">Простой Text Rotator на jQuery</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://ichord.github.io/At.js/">At.js</a> — автоподсказчик в стиле github</li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.benplum.com/formstone/">Formstone</a> — постоянно растущая коллекция jQuery-библиотек</li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://json5.org/">JSON5</a> — JSON для эры ES5</li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://jsonplaceholder.typicode.com/">JSONPlaceholder</a> простой фейковый онлайновый REST API для тестирования и прототипирования. Как image placeholder, только для веб-разработчиков.</li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://net.tutsplus.com/tutorials/javascript-ajax/build-a-complete-mvc-web-site-with-expressjs/">Создание сайта на MVC с помощью ExpressJS</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.inserthtml.com/2013/10/single-page-website/">FullPaged: jQuery плагин для создания одностраничных сайтов с анимацией UI</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="https://github.com/nicdaCosta/generator-revealjs">Yeoman генератор для создания reveal.js слайд-шоу</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://dontkry.com/posts/code/grunt-tricks.html">Трюки при работе с Grunt: часть первая</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://resrc.io/list/18/javascript-frameworks/">Статьи и книги по популярным фреймворкам</a></li> | |
| </ul><br/> | |
| <h3><img src="http://habr.habrastorage.org/post_images/155/2bb/2c9/1552bb2c9db1673f6e3aa0b7c2df4f40.gif"/> Браузеры</h3><br/> | |
| <ul> | |
| <li><a href="http://my-chrome.ru/2013/10/google-chrome-31-beta/">Google Chrome 31 Beta</a></li> | |
| <li><a href="http://news.softodrom.ru/ap/b18366.shtml">Слепым станет проще использовать Internet Explorer 11</a></li> | |
| <li><a href="http://www.searchengines.ru/seoblog/google_chrome_ends_windows_XP.html">Google Chrome перестанет поддерживать OS Windows XP в 2015 году</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://entropymine.com/resamplescope/notes/browsers/">Детальный анализ того, как браузеры изменяют размеры изображений</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.thewindowsclub.com/internet-explorer-11-new-features-api">Internet Explorer 11 New Features and APIs</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="https://www.scirra.com/blog/125/internet-explorer-11-webgl-and-more">Internet Explorer 11: WebGL и прочее</a></li> | |
| </ul><br/> | |
| <h3><img src="http://habr.habrastorage.org/post_images/c59/524/8ce/c595248cea9cbeab42ab6633d54d3782.gif"/> Веб-инструменты</h3><br/> | |
| <ul> | |
| <li><a href="http://www.computerra.ru/85600/prevrashhaem-smartfon-ili-planshet-pod-upravleniem-android-v-server/">Превращаем смартфон или планшет под управлением Android в сервер</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://a.deveria.com/2013/preview-the-new-caniuse-com-features/">Превью новых возможностей caniuse.com</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://gradient.karmanov.ws/">Gradient Background Maker</a> — онлайн-инструмент для генерации градиентов</li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.generatedata.com/">Generatedata</a> — сервис для генерации всевозможных псевдо-реальных данных</li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://bizcardmaker.com/#/theme/0">Business Card Maker</a> — генератор визиток</li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://raw.densitydesign.org/">Raw</a> — инструмент для создания векторной графики по табличным данным</li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://fontcombiner.com/">Fontcombiner</a> — сервис для создания и редактирования шрифтов</li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="https://developers.helloreverb.com/swagger/">swagger</a> — добавьте стилей в вашу документацию API</li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://ghost.org/">ghost</a> — просто платформа для блоггеров</li> | |
| </ul><br/> | |
| <h3><img src="http://habr.habrastorage.org/post_images/281/994/c0f/281994c0fe695abbe6d963faed1cffb6.gif"/> Новости</h3><br/> | |
| <ul> | |
| <li><a href="http://habrahabr.ru/company/microsoft/blog/197976/">MS Windows 8.1 и Visual Studio 2013 доступны для скачивания</a>, <a href="http://www.3dnews.ru/769997/">Windows 8.1 готова к завоеванию рынка</a></li> | |
| <li><a href="http://www.imena.ua/blog/yandex-cocaine">Яндекс запустила</a> открытую платформу <a href="http://api.yandex.ru/cocaine/">Cocaine</a></li> | |
| <li><img alt="habr" src="http://habr.habrastorage.org/post_images/ed7/acd/e0d/ed7acde0d9595da5536b9aea9a0b301b.png"/> <a href="http://habrahabr.ru/post/198014/">Как Github и StackOverflow могут свергнуть LinkedIn и другие порталы для поиска ИТ специалистов</a></li> | |
| <li><img alt="habr" src="http://habr.habrastorage.org/post_images/ed7/acd/e0d/ed7acde0d9595da5536b9aea9a0b301b.png"/> <a href="http://habrahabr.ru/post/198022/">Microsoft выпускает приложение Remote Desktop для iOS и Android</a></li> | |
| <li><a href="http://top.rbc.ru/economics/16/10/2013/882550.shtml">Российский суд впервые дал срок пользователям торрентов</a></li> | |
| <li><a href="http://corp.mail.ru/blog/s-dnem-rozhdeniya-mail-ru-group/">Mail.ru Group исполнилось 15 лет со дня основания</a></li> | |
| <li><a href="http://habrahabr.ru/post/197584/">«Яндекс» купил «КиноПоиск»</a>, <a href="http://www.forbes.ru/tekhnologii/internet-i-svyaz/246213-start-s-lidiruyushchikh-pozitsii-zachem-yandeks-kupil-glavnyi-ki">интерьвю Forbes</a>, <a href="http://www.itar-tass.com/c16/917427.html">«Яндекс» запустит на базе «Кинопоиска» платформу подбора и просмотра фильмов </a></li> | |
| <li><a href="http://ain.ua/2013/10/15/498079">В Twitter теперь можно публиковать твиты по расписанию</a></li> | |
| <li><a href="http://www.searchengines.ru/news/archives/novye_usloviya_usage-google.html">Новые Условия использования Google вступят в силу 11 ноября</a></li> | |
| <li><a href="http://www.searchengines.ru/news/archives/facebook_buys_onavo_mobile.html">Facebook покупает израильский мобильный стартап Onavo</a> и <a href="http://www.cossa.ru/news/244/52976/">открывает офис в России</a></li> | |
| <li><a href="http://ain.ua/2013/10/17/498486">В США запустили сервис, позволяющий пересылать деньги по e-mail</a></li> | |
| <li><a href="http://www.3dnews.ru/769910/">Samsung продемонстрировала взрывобезопасную гибкую батарею</a></li> | |
| </ul><br/> | |
| <h3><img src="http://habr.habrastorage.org/post_images/a27/ea0/6f7/a27ea06f7d56f6b750420fcbc5c63da8.gif"/> Сайты с интересным дизайном и функциональностью</h3><br/> | |
| <ul> | |
| <li><a href="http://ruseller.com/lessons.php?rub=28&id=1889">17 примеров сайтов с параллакс-скроллингом</a></li> | |
| <li><a href="http://www.dejurka.ru/web-design/airlines/">10 лучших мировых авиалиний в 2013 году</a></li> | |
| <li><a href="http://www.dejurka.ru/web-design/city-web-design/">Городской веб-дизайн </a></li> | |
| <li><a href="http://www.thisisnowexhibition.com/">thisisnowexhibition.com</a> — ненавязчивый параллакс</li> | |
| <li><a href="http://lunita.ca/">lunita.ca/</a> — параллакс и интересные решения для динамики</li> | |
| <li><a href="http://waaac.co/">waaac.co</a> — еще один вариант реализации параллакс-дизайна</li> | |
| <li><a href="http://www.nytimes.com/newsgraphics/2013/10/13/russia/">А nytimes знает, как креативно подходить к верстке статьи </a></li> | |
| <li><a href="http://www.abramsbooks.com/wesandersoncollection/">The Wes Anderson Collection</a> — креативная главная страница с анимированной иллюстрацией</li> | |
| <li><a href="http://pakadlabezdomniaka.pl/">pakadlabezdomniaka.pl</a> — необычная двустороння навигация</li> | |
| <li><a href="http://www.thepapers.fi/">thepapers.fi</a> — одностраничный сайт с фоновым видео и послайдовым разбитием на страницы</li> | |
| <li><a href="http://kurkawolna.pl/?pageId=pageGdzieKupic">kurkawolna.pl</a> — очень нестандартный сайт, с курочками</li> | |
| <li><a href="http://www.fillet.com.br/">fillet.com.br</a> — еще один подход к реализации нестандартной навигации</li> | |
| <li><a href="http://gjenfodt.no/intro/">GRATULERER!</a></li> | |
| <li><a href="http://www.nine.is/">Built In The South</a> — видео на фоне и выезжающее меню</li> | |
| <li><a href="http://open.bekk.no/">open.bekk.no</a> — нестандартная навигация по годам, с отображением статистики</li> | |
| <li><a href="http://www.fontwalk.de/">fontwalk.de</a> — большое количество скролл-эффектов</li> | |
| <li><a href="http://www.nine.is/">Built In The South</a> — видео в фоне и выезжающее меню</li> | |
| </ul><br/> | |
| <h3><img src="http://habr.habrastorage.org/post_images/a27/ea0/6f7/a27ea06f7d56f6b750420fcbc5c63da8.gif"/> Дизайн</h3><br/> | |
| <ul> | |
| <li><a href="http://www.searchengines.ru/articles/5_printsipov_ub.html">5 принципов убедительного дизайна</a></li> | |
| <li><a href="http://www.dejurka.ru/web-design/best-web-design-examples/">Лучшие примеры веб-дизайна </a></li> | |
| <li><a href="http://www.dejurka.ru/tutorial/rain-tutorial-photoshop/">Рисуем дождь в Adobe Photoshop </a></li> | |
| <li><a href="http://www.dejurka.ru/tutorial/teddy-bear-in-adobe-illustrator/"> Рисуем Teddy Bear в Adobe Illustrator</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://blog.teamtreehouse.com/popular-web-design-trends-for-responsive-navigation">Популярные тренды в веб-дизайне для адаптивной навигации</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://inspiredm.com/ux-100-ui/">Why UX is not 100% UI</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://ui-cloud.com/">UICloud</a> — поисковик по элементам UI</li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://alistapart.com/article/flat-ui-and-forms">Плоский дизайн и UI и веб-формы</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://thereisnopagefold.com/">thereisnopagefold.com</a> — добро пожаловать в мир веб-а без «безопасной зоны» видимой всеми пользователями</li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://namethatblue.com/">Name That Blue</a> — игра на запоминание отличий оттенков синего в брендах</li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://webdesignledger.com/inspiration/incredible-typography-inspiration">Впечатляющие примеры вдохновляющей типографики</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.mobify.com/blog/5-advanced-mobile-web-design-techniques-style-com/">Пять продвинутых техник в веб-дизайне для мобильных устройств, о которых вы, возможно, не знали</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://jesseddy.com/blog/2013/10/communicating-animation-ideas/">Обмен анимационными идеями</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.webdesignviews.com/2013/10/black-and-white-logo-designs/">Три десятка креативных черно-белых логотипов</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://psd.tutsplus.com/articles/interviews/interview-with-illustrator-therese-larsson/">Интервью с иллюстратором Therese Larsson</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://psd.tutsplus.com/tutorials/tools-tips/the-ultimate-guide-to-adjustment-layers-gradient-map/"> Полное руководство по корректирующим слоям в фотошопе – Gradient Map</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.multyshades.com/2013/10/20-about-us-pages-inspiring-illustrations/">Два десятка страниц «О Нас» с вдохновляющими иллюстрациями</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.goodfav.com/big-typography-trend-18793.html">Тренд веб-дизайна: крупные заголовки</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://enfuzed.com/9-corporate-logo-redesigns-that-work/">Успешные редизайны корпоративных логотипов</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.thinknearn.com/45-selective-photoshop-tutorials-beginners">Уроки по фотошопу начинающим</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://info.webtoolhub.com/kb-a286-42-free-typewriter-fonts-for-designers.aspx">Шрифты, имитирующие результат работы печатной машинки</a></li> | |
| </ul><br/> | |
| <h3><img src="http://habr.habrastorage.org/post_images/a27/ea0/6f7/a27ea06f7d56f6b750420fcbc5c63da8.gif"/> Подборка бесплатных дизайнерских печенек</h3><br/> | |
| <ul> | |
| <li><a href="http://www.dejurka.ru/articless/get-free-logotype/">15 источников бесплатных логотипов </a></li> | |
| <li><a href="http://www.dejurka.ru/graphics/free-mock-up/">Подборка бесплатных Mock-Up-файлов</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="https://github.com/djaiss/mapsicon">Бесплатная коллекция карт всех стран, в 11ти размерах и svg</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.instantshift.com/2013/10/16/new-high-quality-free-fonts/">66 New High Quality Free Fonts</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.webdesignerdepot.com/2013/10/free-download-100-psd-mock-ups/">За подписку предлагается набор actions для фотошопа, создающих обложки и упаковки разных видов</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://m.elgendy.me/downloads/flatic-userinterface-kit/#.UmA7IhAg1co">Flatic UserInterface Kit</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://vandelaydesign.com/blog/social-media/icons/">Четыре десятка наборов с социальными иконками</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://ewebdesign.com/flat-design-icons/">Наборы с плоскими иконками (PSD & PNG)</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://designbeep.com/2013/10/08/collection-free-arrow-brushes-photoshop/">Коллекции кистей со стрелками для Photoshop</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://designbeep.com/2013/10/11/23-free-brandingidentity-photoshop-mockup-templates-present-company-clients/">Наборы шаблонов с брэндингом и айдентикой с современным дизайном</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.designerledger.com/free-ui-kits-for-designers/">Наборы UI компонентов в плоском и традиционном дизайнах</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://medialoot.com/item/ios-7-color-ui-kits/">iOS 7 Alternate Color Kits</a>, <a href="http://www.behance.net/gallery/ios7-style-ui-kit/11459737">ios7 style ui kit</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://line25.com/articles/20-free-psds-to-mockup-your-app-interface-designs">Двадцать макетов PSD с помощью которых можно красиво демонстрировать разработанный интерфейс</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://www.designer-daily.com/freeby-halloween-vector-pack-40107">Векторная упаковка, посвященная дню Всех Святых</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> Halloween: <a href="http://thedesignblitz.com/free-halloween-fonts/">Семь десятков шрифтов посвященных дню Всех Святых</a>, <a href="http://thedesignblitz.com/best-free-halloween-flyer-templates/">Дюжина шаблонов флаеров посвященных дню Всех Святых</a>, <a href="http://jpdesigntheory.com/freebie-friday-halloween-icons/">Иконки, посвященные Дню Всех Святых</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://tutorials-share.com/files-2/free-halloween-long-shadow-flat-icons-psd/">Набор иконок с длинными тенями, посвщенный дню Всех Святых</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://dribbble.com/shots/1271305-Adore-FREE-icons-set">Adore</a> — набор фото-реалистичных иконок</li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> Шрифты: <a href="http://onocreates.com/works/plethora.html">Plethora 1984</a> — декоративный заголовочный шрифт, <a href="http://www.behance.net/gallery/Rose-Free-Font/11350077">Rose</a> — декоративный женский шрифт, <a href="http://www.behance.net/gallery/Lousiane-%28free-font%29/5469855">Lousiane</a> — винтажный декоративный шрифт, <a href="http://mikkonuuttila.com/anson/">Anson</a> — шрифт без засечек</li> | |
| </ul><br/> | |
| <h3><img src="http://habr.habrastorage.org/post_images/c59/524/8ce/c595248cea9cbeab42ab6633d54d3782.gif"/> Веб-инструменты</h3><br/> | |
| <ul> | |
| <li><img alt="habr" src="http://habr.habrastorage.org/post_images/ed7/acd/e0d/ed7acde0d9595da5536b9aea9a0b301b.png"/> <a href="http://habrahabr.ru/post/198192/">Эмулятор x86 на JavaScript</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://liveweave.com/xLZkcH">Мяу на CSS3</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://tympanus.net/Development/AnimatedCheckboxes/">Анимируем чекбоксы и радиобатоны с помощью SVG </a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://codepen.io/joshbader/details/fKjra?preview_height=600">История эволюции маковской мышки с помощью CSS transitions</a></li> | |
| <li><a href="http://habrahabr.ru/post/198192/">Эмулятор x86 на JavaScript</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://zoomquilt.org/">The Zoomquilt</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="https://www.shadertoy.com/view/lsXGWl">Generators Redux</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://fliphtml5.com/">Интерактивная книга на jQuery и HTML5</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> <a href="http://games.djordjeungar.com/touchtype">TouchType</a> — игра для разработки навыков печати</li> | |
| </ul><br/> | |
| <h3><img src="http://habr.habrastorage.org/post_images/d4b/289/ef0/d4b289ef0a00e969108c25d0c3d75f58.gif"/> Занимательное</h3><br/> | |
| <ul> | |
| <li>Silk Road: <a href="http://www.novayagazeta.ru/columns/60432.html">Как Матрица арестовала Нео</a>, <a href="http://habrahabr.ru/post/197964/">История «Silk Road» попадёт на большой экран</a> <img alt="habr" src="http://habr.habrastorage.org/post_images/ed7/acd/e0d/ed7acde0d9595da5536b9aea9a0b301b.png"/></li> | |
| <li>Привет, будущее: <a href="http://naked-science.ru/article/hi-tech/sozdan-pervyi-v-mire-bioniches">Создан первый в мире бионический человек</a>, <a href="http://habrahabr.ru/post/197832/">Amaze: европейский проект 3D печати металлических деталей для аэрокосмической промышленности</a> <img alt="habr" src="http://habr.habrastorage.org/post_images/ed7/acd/e0d/ed7acde0d9595da5536b9aea9a0b301b.png"/> </li> | |
| <li><img alt="habr" src="http://habr.habrastorage.org/post_images/ed7/acd/e0d/ed7acde0d9595da5536b9aea9a0b301b.png"/> <a href="http://habrahabr.ru/post/197858/">Студия Артемия Лебедева начала продажи клавиатуры «Оптимус Популярис</a></li> | |
| <li><a href="http://www.computerra.ru/cio/5607">Кто сменит меня, кто в атаку пойдет?</a></li> | |
| <li><a href="http://www.lookatme.ru/mag/industry/industry-news/197155-bionic-man">В США представят Бионического Человека </a></li> | |
| <li><a href="http://itc.ua/news/eka-v-techenie-5-let-namereno-sovershit-proryiv-v-tehnologii-3d-pechati-metallom/">ЕКА в течение 5 лет намерено совершить прорыв в технологии 3D-печати металлом</a></li> | |
| <li><a href="http://keddr.com/2013/10/do-it-hard-vyibiraem-protsessor/">Do it HARD: выбираем процессор</a></li> | |
| <li><a href="http://blognot.co/11328">Как живет Google</a></li> | |
| <li><a href="http://dou.ua/forums/topic/8406/">Amazon Hired: первые впечатления</a></li> | |
| <li><a href="http://www.siliconrus.com/2013/10/dom-kotoryiy-postroit-apple/">Дом, который построит Apple</a></li> | |
| <li><a href="http://www.siliconrus.com/2013/10/wired-hottest-startups/">Лучшие российские стартапы по версии Wired</a></li> | |
| <li><a href="http://www.computerra.ru/85426/virtual-reality-and-helmet-of-horror/">Виртуальная реальность: на пути к Шлему Ужаса</a></li> | |
| <li><a href="http://www.lookatme.ru/mag/industry/industry-lists/197073-noble-prize">Кто и за что получил Нобелевскую премию 2013</a>, а также <a href="http://www.hopesandfears.com/hopesandfears/ideas/cloud/123023-nobelevskaya-premiya">10 самых необычных теорий экономистов-нобелиатов</a></li> | |
| <li><a href="http://keddr.com/2013/10/chto-takoe-nfc-metki-i-s-chem-ih-edyat-perevod/">Что такое NFC метки и с чем их едят </a></li> | |
| <li><a href="http://viennaos.net/windows-phone/4736-rabotniki-it-sfery-v-ssha-zhaleyut-i-vysmeivayut-obladateley-wp-smartfonov.html">Работники IT-сферы в США жалеют и высмеивают обладателей WP-смартфонов</a></li> | |
| <li><img alt="en" src="http://habr.habrastorage.org/post_images/ac2/60c/6b4/ac260c6b4b683a38a76035e30080ea57.gif"/> Немного свежего косплея с <a href="http://supercoolpics.com/2013/10/14/%D0%BD%D0%B0%D1%88%D0%B5%D1%81%D1%82%D0%B2%D0%B8%D0%B5-%D0%BC%D0%BE%D0%BD%D1%81%D1%82%D1%80%D0%BE%D0%B2-%D0%B8-%D1%81%D1%83%D0%BF%D0%B5%D1%80%D0%B3%D0%B5%D1%80%D0%BE%D0%B5%D0%B2-%D0%B2-%D0%BD%D1%8C/">New York Comic Con 2013 в картинках</a> и <img alt="video" src="http://habr.habrastorage.org/post_images/c05/309/6f3/c053096f3ec7c2f90ef0c2b99880d8e9.gif"/> <a href="http://www.youtube.com/watch?v=Rpj66oAYzrA">DRAGON CON 2013 в видео</a>, а также немного <a href="http://supercoolpics.com/2013/10/14/%D0%B2%D1%81%D0%B5%D0%BC%D0%B8%D1%80%D0%BD%D1%8B%D0%B9-%D0%B4%D0%B5%D0%BD%D1%8C-%D0%B7%D0%BE%D0%BC%D0%B1%D0%B8-17-%D1%84%D0%BE%D1%82%D0%BE/">зомби</a></li> | |
| <li><a href="http://keddr.com/2013/10/pochemu-otpechatki-paltsev-ne-dolzhnyi-ispolzovatsya-dlya-bezopasnosti-perevod/">Почему отпечатки пальцев не должны использоваться для безопасности </a></li> | |
| </ul><br/> | |
| <br/> | |
| Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять. <br/> | |
| <br/> | |
| <a href="http://habrahabr.ru/company/zfort/blog/197292/">Дайджест за прошлую неделю</a>.<br/> | |
| Материал подготовили <a href="http://habrahabr.ru/users/dersmoll/">dersmoll</a> и <a href="http://habrahabr.ru/users/alekskorovin/">alekskorovin</a> | |
| <div class="clear"></div> | |
| </div> | |
| <ul class="tags"> | |
| <li ><a href="http://habrahabr.ru/search/?q=%5B%D0%B4%D0%B0%D0%B9%D0%B4%D0%B6%D0%B5%D1%81%D1%82%5D&target_type=posts" rel="tag">дайджест</a></li><li >, <a href="http://habrahabr.ru/search/?q=%5B%D0%BD%D0%BE%D0%B2%D0%BE%D1%81%D1%82%D0%B8%5D&target_type=posts" rel="tag">новости</a></li><li >, <a href="http://habrahabr.ru/search/?q=%5Bcss%5D&target_type=posts" rel="tag">css</a></li><li >, <a href="http://habrahabr.ru/search/?q=%5Bjs%5D&target_type=posts" rel="tag">js</a></li><li >, <a href="http://habrahabr.ru/search/?q=%5Bhtml%5D&target_type=posts" rel="tag">html</a></li><li >, <a href="http://habrahabr.ru/search/?q=%5B%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%B5%D1%81%D0%BD%D0%BE%D0%B5%5D&target_type=posts" rel="tag">интересное</a></li><li >, <a href="http://habrahabr.ru/search/?q=%5B%D0%B1%D1%80%D0%B0%D1%83%D0%B7%D0%B5%D1%80%D1%8B%5D&target_type=posts" rel="tag">браузеры</a></li><li >, <a href="http://habrahabr.ru/search/?q=%5B%D1%80%D0%B5%D1%81%D1%83%D1%80%D1%81%D1%8B%5D&target_type=posts" rel="tag">ресурсы</a></li><li >, <a href="http://habrahabr.ru/search/?q=%5B%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B8%5D&target_type=posts" rel="tag">ссылки</a></li><li >, <a href="http://habrahabr.ru/search/?q=%5B%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B8%20%D0%BD%D0%B0%20%D1%81%D0%BC%D0%B8%5D&target_type=posts" rel="tag">ссылки на сми</a></li><li >, <a href="http://habrahabr.ru/search/?q=%5B%D0%B2%D0%B5%D0%B1-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%5D&target_type=posts" rel="tag">веб-дизайн</a></li><li >, <a href="http://habrahabr.ru/search/?q=%5B%D0%B2%D0%B5%D0%B1-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0%5D&target_type=posts" rel="tag">веб-разработка</a></li><li >, <a href="http://habrahabr.ru/search/?q=%5Bjquery%5D&target_type=posts" rel="tag">jquery</a></li><li >, <a href="http://habrahabr.ru/search/?q=%5Bcss3%5D&target_type=posts" rel="tag">css3</a></li><li >, <a href="http://habrahabr.ru/search/?q=%5Bhtml5%5D&target_type=posts" rel="tag">html5</a></li><li >, <a href="http://habrahabr.ru/search/?q=%5Bie11%5D&target_type=posts" rel="tag">ie11</a></li><li >, <a href="http://habrahabr.ru/search/?q=%5Bwindows%208.1%5D&target_type=posts" rel="tag">windows 8.1</a></li><li >, <a href="http://habrahabr.ru/search/?q=%5Byac%5D&target_type=posts" rel="tag">yac</a></li><li >, <a href="http://habrahabr.ru/search/?q=%5Bnodejs%5D&target_type=posts" rel="tag">nodejs</a></li><li >, <a href="http://habrahabr.ru/search/?q=%5Bmcss%5D&target_type=posts" rel="tag">mcss</a></li><li >, <a href="http://habrahabr.ru/search/?q=%5BTogetherJS%5D&target_type=posts" rel="tag">TogetherJS</a></li> | |
| </ul> | |
| <div class="infopanel_wrapper"> | |
| <div class="infopanel " id="infopanel_post_198216"> | |
| <div class="voting "> | |
| <span class="plus" title="Голосовать могут только зарегистрированные пользователи."></span> | |
| <div class="mark"> | |
| <span class="score" title="Результат голосования виден только авторизованным пользователям">—</span> | |
| </div> | |
| <span class="minus" title="Голосовать могут только зарегистрированные пользователи."></span> | |
| </div> | |
| <div class="pageviews" title="Просмотры поста">8122</div> | |
| <div class="favorite"> | |
| <a class="guest" href="#" onclick="return false;" title="Только зарегистрированные пользователи могут добавлять посты в избранное"></a> | |
| </div> | |
| <div class="favs_count" title="Количество пользователей, добавивших пост в избранное">67</div> | |
| <div class="author"> | |
| <a title="Автор текста" href="http://habrahabr.ru/users/alexzfort/" >alexzfort</a> | |
| <span class="rating" title="рейтинг пользователя">200,6</span> | |
| </div> | |
| <div class="share"> | |
| <div class="twitter"> | |
| <a href="http://twitter.com/intent/tweet?text=%D0%94%D0%B0%D0%B9%D0%B4%D0%B6%D0%B5%D1%81%D1%82+%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%B5%D1%81%D0%BD%D1%8B%D1%85+%D0%BC%D0%B0%D1%82%D0%B5%D1%80%D0%B8%D0%B0%D0%BB%D0%BE%D0%B2+%D0%B8%D0%B7+%D0%BC%D0%B8%D1%80%D0%B0+%D0%B2%D0%B5%D0%B1-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B8+%D0%B8+IT+%D0%B7%D0%B0+%D0%BF%D0%BE%D1%81%D0%BB%D0%B5%D0%B4%D0%BD%D1%8E%D1%8E+%D0%BD%D0%B5%D0%B4%D0%B5%D0%BB%D1%8E+%E2%84%96+79+%2813+%E2%80%94+19+%D0%BE%D0%BA%D1%82%D1%8F%D0%B1%D1%80%D1%8F+2013%29+%23habr+http://habr.ru/p/198216/" title="Опубликовать ссылку в Twitter" target="_blank"></a> | |
| </div> | |
| <div class="vkontakte"> | |
| <a href="http://vk.com/share.php?url=http://habrahabr.ru/company/zfort/blog/198216/" title="Опубликовать ссылку во ВКонтакте" onclick="window.open(this.href, 'Опубликовать ссылку во Вконтакте', 'width=800,height=300'); return false"></a> | |
| </div> | |
| <div class="facebook"> | |
| <a href="https://www.facebook.com/sharer/sharer.php?u=http://habrahabr.ru/company/zfort/blog/198216/" title="Опубликовать ссылку в Facebook" onclick="window.open(this.href, 'Опубликовать ссылку в Facebook', 'width=640,height=436,toolbar=0,status=0'); return false"></a> | |
| </div> | |
| <div class="googleplus"> | |
| <a href="https://plus.google.com/share?url=http://habrahabr.ru/company/zfort/blog/198216/" title="Опубликовать ссылку в Google Plus" onclick="window.open(this.href, 'Опубликовать ссылку в Google Plus', 'width=800,height=300'); return false"></a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="clear"></div> | |
| </div> | |
| </div> | |
| <div class="comments_list " id="comments"> | |
| <h2 class="title ">комментарии (<span id="comments_count">3</span>) | |
| </h2> | |
| <div class="comment_item" id="comment_6873656" > | |
| <span class="parent_id" data-parent_id="0"></span> | |
| <div class="comment_body"> | |
| <div class="info " rel="6873656"> | |
| <div class="folding-dot-holder"><div class="folding-dot"></div></div> | |
| <div id="voting_6873656" class="voting "> | |
| <span class="minus" title="Голосовать могут только зарегистрированные пользователи"></span> | |
| <span class="plus" title="Голосовать могут только зарегистрированные пользователи"></span> | |
| <div class="mark "> | |
| <span class="score" title="Всего 0: ↑0 и ↓0">0</span> | |
| </div> | |
| </div> | |
| <a href="http://habrahabr.ru/users/MindMinimal/" class="avatar"><img src="//habr.habrastorage.org/avatars/485/809/a32/485809a32add913b104a2b975fe55e99_small.jpg" alt="" /></a> | |
| <a href="http://habrahabr.ru/users/MindMinimal/" class="username">MindMinimal</a><span class="comma">,</span> | |
| <time>20 октября 2013 в 00:24<span class="time_changed"> (комментарий был изменён)</span></time> | |
| <a href="#comment_6873656" class="link_to_comment">#</a> | |
| <span class="to_chidren"></span> | |
| <div class="clear"></div> | |
| </div> | |
| <div class="message html_format "> | |
| Не сочтите за рекламу, но давно пользуюсь <a href="http://www.colorzilla.com/gradient-editor/">вот этим инструментом</a> для создания градиентов + есть плагины к браузерам. Немного приискорбно что много информации на английском, хотелось бы видеть больше русского материала. | |
| </div> | |
| <div class="reply_form_placeholder"></div> | |
| <div class="reply"> | |
| </div> | |
| </div> | |
| <div class="reply_comments" id="reply_comments_6873656"> | |
| </div> | |
| </div> | |
| <div class="comment_item" id="comment_6874102" > | |
| <span class="parent_id" data-parent_id="0"></span> | |
| <div class="comment_body"> | |
| <div class="info " rel="6874102"> | |
| <div class="folding-dot-holder"><div class="folding-dot"></div></div> | |
| <div id="voting_6874102" class="voting "> | |
| <span class="minus" title="Голосовать могут только зарегистрированные пользователи"></span> | |
| <span class="plus" title="Голосовать могут только зарегистрированные пользователи"></span> | |
| <div class="mark positive "> | |
| <span class="score" title="Всего 3: ↑3 и ↓0">+3</span> | |
| </div> | |
| </div> | |
| <a href="http://habrahabr.ru/users/Sayonji/" class="avatar"><img src="http://habrahabr.ru/i/avatars/stub-user-small.gif" alt="" /></a> | |
| <a href="http://habrahabr.ru/users/Sayonji/" class="username">Sayonji</a><span class="comma">,</span> | |
| <time>20 октября 2013 в 05:03</time> | |
| <a href="#comment_6874102" class="link_to_comment">#</a> | |
| <span class="to_chidren"></span> | |
| <div class="clear"></div> | |
| </div> | |
| <div class="message html_format "> | |
| А мне нравилось, когда в начале поста были большими ссылками самые интересные страницы из списка на чей-то взгляд. | |
| </div> | |
| <div class="reply_form_placeholder"></div> | |
| <div class="reply"> | |
| </div> | |
| </div> | |
| <div class="reply_comments" id="reply_comments_6874102"> | |
| </div> | |
| </div> | |
| <div class="comment_item" id="comment_6874162" > | |
| <span class="parent_id" data-parent_id="0"></span> | |
| <div class="comment_body"> | |
| <div class="info " rel="6874162"> | |
| <div class="folding-dot-holder"><div class="folding-dot"></div></div> | |
| <div id="voting_6874162" class="voting "> | |
| <span class="minus" title="Голосовать могут только зарегистрированные пользователи"></span> | |
| <span class="plus" title="Голосовать могут только зарегистрированные пользователи"></span> | |
| <div class="mark "> | |
| <span class="score" title="Всего 0: ↑0 и ↓0">0</span> | |
| </div> | |
| </div> | |
| <a href="http://habrahabr.ru/users/ZaiSL/" class="avatar"><img src="//habr.habrastorage.org/avatars/558/3f3/3e8/5583f33e8ccec1b808a192d012b16c7d_small.jpg" alt="" /></a> | |
| <a href="http://habrahabr.ru/users/ZaiSL/" class="username">ZaiSL</a><span class="comma">,</span> | |
| <time>20 октября 2013 в 09:04</time> | |
| <a href="#comment_6874162" class="link_to_comment">#</a> | |
| <span class="to_chidren"></span> | |
| <div class="clear"></div> | |
| </div> | |
| <div class="message html_format "> | |
| <blockquote> Двадцать макетов PSD с дизайнами интерфейсов приложений</blockquote><br/> | |
| Это не макеты приложений. Это мокапы, с помощью которых можно красиво демонстрировать разработанный интерфейс. | |
| </div> | |
| <div class="reply_form_placeholder"></div> | |
| <div class="reply"> | |
| </div> | |
| </div> | |
| <div class="reply_comments" id="reply_comments_6874162"> | |
| <div class="comment_item" id="comment_6874202" > | |
| <span class="parent_id" data-parent_id="6874162"></span> | |
| <div class="comment_body"> | |
| <div class="info " rel="6874202"> | |
| <div class="folding-dot-holder"><div class="folding-dot"></div></div> | |
| <div id="voting_6874202" class="voting "> | |
| <span class="minus" title="Голосовать могут только зарегистрированные пользователи"></span> | |
| <span class="plus" title="Голосовать могут только зарегистрированные пользователи"></span> | |
| <div class="mark "> | |
| <span class="score" title="Всего 0: ↑0 и ↓0">0</span> | |
| </div> | |
| </div> | |
| <a href="http://habrahabr.ru/users/alexzfort/" class="avatar"><img src="http://habrahabr.ru/i/avatars/stub-user-small.gif" alt="" /></a> | |
| <a href="http://habrahabr.ru/users/alexzfort/" class="username">alexzfort</a><span class="comma">,</span> | |
| <time>20 октября 2013 в 09:47</time> | |
| <a href="#comment_6874202" class="link_to_comment">#</a> | |
| <div class="show_tree" data-id="6874202" data-parent_id="6874162" title="Показать ветку комментариев">↵</div> | |
| <a href="#comment_6874162" data-id="6874202" data-parent_id="6874162" class="to_parent">↑</a> | |
| <span class="to_chidren"></span> | |
| <div class="clear"></div> | |
| </div> | |
| <div class="message html_format "> | |
| Спасибо! Исправил. | |
| </div> | |
| <div class="reply_form_placeholder"></div> | |
| <div class="reply"> | |
| </div> | |
| </div> | |
| <div class="reply_comments" id="reply_comments_6874202"> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <p class="for_users_only_msg">Только зарегистрированные пользователи могут оставлять комментарии. <a href="https://auth.habrahabr.ru/login/">Войдите</a>, пожалуйста.</p> | |
| <form action="/json/favorites/" method="post" id="edit_tags_form" class="hidden"> | |
| <input type="hidden" name="action" value="add" /> | |
| <input type="hidden" name="ti" value="0" /> | |
| <input type="hidden" name="tt" value="0" /> | |
| <label>Пометьте топик понятными вам метками, если хотите</label> | |
| <input type="text" name="tags_string" class="tags_string" /> | |
| <div class="description">Метки лучше разделять запятой. Например: <i>общение, социальные сети, myspace.com, подростки, мердок</i></div> | |
| <input type="submit" value="Сохранить" class="submit" /> или <a href="#" class="close" onclick="return close_edit_tags()">закрыть</a> | |
| </form> | |
| </div> | |
| </div> | |
| <div class="sidebar_right"> | |
| <div class="block company_info"> | |
| <div class="title">Информация о компании</div> | |
| <div class="info"> | |
| <div class="stats"> | |
| <div class="members_count item"> | |
| <a href="/company/zfort/fans/" id="members_count">2506 подписчиков</a> | |
| </div> | |
| <div class="posts_count item"> | |
| <a href="/company/zfort/blog/">111 постов</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class=" company_widgets"> | |
| <div class="block corporate_news"> | |
| <div class="title">Новости</div> | |
| <div class="posts_list"> | |
| <div class="post_item"> | |
| <a href="http://twitter.com/zfort_ua/statuses/383541831583006721" class="post_name">Zfort Group активно готовится к турниру по картингу среди IT компаний. 5 октября. Скорость, рев мотора, адреналин. Посоревнуемся?</a> <div class="time">27 сентября 2013 </div> | |
| </div> | |
| <div class="post_item"> | |
| <a href="http://twitter.com/zfort_ua/statuses/378495391118802944" class="post_name">С Днем программиста, дамы и господа! Здоровья вам, чистого кода, изящных алгоритмов, интересных проектов! http://t.co/lspvPXXLh5</a> <div class="time">13 сентября 2013 </div> | |
| </div> | |
| <div class="post_item"> | |
| <a href="http://twitter.com/zfort_ua/statuses/378159136858337281" class="post_name">@koteg53 Игорь, так держать! :) Желаем и дальнейших успехов!</a> <div class="time">12 сентября 2013 </div> | |
| </div> | |
| <div class="post_item"> | |
| <a href="http://www.zfort.com.ua/blog/?p=3123" class="post_name">Поздравление детей сотрудников Zfort Group с Днём Знаний</a> <div class="time">2 сентября 2013 </div> | |
| </div> | |
| <div class="post_item"> | |
| <a href="http://www.zfort.com.ua/blog/?p=3106" class="post_name">Zfort BaskITball Summer Cup, 2013, post scriptum</a> <div class="time">14 августа 2013 </div> | |
| </div> | |
| <div class="post_item"> | |
| <a href="http://www.zfort.com.ua/blog/?p=3095" class="post_name">DrupalCampСНГ</a> <div class="time">12 августа 2013 </div> | |
| </div> | |
| <div class="post_item"> | |
| <a href="http://www.zfort.com.ua/blog/?p=3090" class="post_name">Zfort BaskITball Summer Cup</a> <div class="time">8 августа 2013 </div> | |
| </div> | |
| <div class="post_item"> | |
| <a href="http://www.zfort.com.ua/blog/?p=3057" class="post_name">Поход на байдарках Zfort Group, 2013</a> <div class="time">24 июля 2013 </div> | |
| </div> | |
| <div class="post_item"> | |
| <a href="http://www.zfort.com.ua/blog/?p=3044" class="post_name">Наша благотворительная акция</a> <div class="time">21 июня 2013 </div> | |
| </div> | |
| <div class="post_item"> | |
| <a href="http://www.zfort.com.ua/blog/?p=3027" class="post_name">Zfort Quest 2.0</a> <div class="time">19 июня 2013 </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="block company_links"> | |
| <div class="title">Ссылки</div> | |
| <div class="links"> | |
| <div class="link"> | |
| <a href="http://picasaweb.google.com/zfortgroup">Фотографии на Picasa</a> | |
| <div><small>picasaweb.google.com</small></div> | |
| </div> | |
| <div class="link"> | |
| <a href="http://www.zfortfootball.com.ua/">Футбольный клуб Zfort Group</a> | |
| <div><small>www.zfortfootball.com.ua</small></div> | |
| </div> | |
| <div class="link"> | |
| <a href="http://youtube.com/user/zfortgroup">Видео на youtube</a> | |
| <div><small>youtube.com</small></div> | |
| </div> | |
| <div class="link"> | |
| <a href="http://twitter.com/zfort_ua">Последние новости компании в twitter</a> | |
| <div><small>twitter.com</small></div> | |
| </div> | |
| <div class="link"> | |
| <a href="http://www.zfort.com">Сайт компании для клиентов</a> | |
| <div><small>www.zfort.com</small></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="block corporate_blog"> | |
| <div class="title">Блог</div> | |
| <div class="posts_list"> | |
| <div class="post_item"> | |
| <a href="http://habrahabr.ru/company/zfort/blog/198216/" class="post_name">Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 79 (13 — 19 октября 2013)</a> <div class="time">19 октября 2013 в 23:18 </div> | |
| </div> | |
| <div class="post_item"> | |
| <a href="http://habrahabr.ru/company/zfort/blog/197292/" class="post_name">Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 78 (6 — 12 октября 2013)</a> <div class="time">12 октября 2013 в 21:54 </div> | |
| </div> | |
| <div class="post_item"> | |
| <a href="http://habrahabr.ru/company/zfort/blog/196538/" class="post_name">Дайджест интересных новостей и материалов из мира PHP за последние две недели № 27 (22 сентября — 6 октября 2013)</a> <div class="time"> 6 октября 2013 в 23:28 </div> | |
| </div> | |
| <div class="post_item"> | |
| <a href="http://habrahabr.ru/company/zfort/blog/196486/" class="post_name">Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 77 (29 сентября — 5 октября 2013)</a> <div class="time"> 5 октября 2013 в 22:39 </div> | |
| </div> | |
| <div class="post_item"> | |
| <a href="http://habrahabr.ru/company/zfort/blog/195652/" class="post_name">Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 76 (22—28 сентября 2013)</a> <div class="time">28 сентября 2013 в 23:32 </div> | |
| </div> | |
| <div class="post_item"> | |
| <a href="http://habrahabr.ru/company/zfort/blog/194728/" class="post_name">Дайджест интересных новостей и материалов из мира PHP за последние две недели № 26 (8—22 сентября 2013)</a> <div class="time">23 сентября 2013 в 00:02 </div> | |
| </div> | |
| <div class="post_item"> | |
| <a href="http://habrahabr.ru/company/zfort/blog/194708/" class="post_name">Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 75 (15—22 сентября 2013)</a> <div class="time">22 сентября 2013 в 21:24 </div> | |
| </div> | |
| <div class="post_item"> | |
| <a href="http://habrahabr.ru/company/zfort/blog/193776/" class="post_name">Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 74 (8—14 сентября 2013)</a> <div class="time">14 сентября 2013 в 22:41 </div> | |
| </div> | |
| <div class="post_item"> | |
| <a href="http://habrahabr.ru/company/zfort/blog/192976/" class="post_name">Дайджест интересных новостей и материалов из мира PHP за последние две недели №25 (25.08.2013 — 08.09.2013)</a> <div class="time"> 8 сентября 2013 в 21:10 </div> | |
| </div> | |
| <div class="post_item"> | |
| <a href="http://habrahabr.ru/company/zfort/blog/192918/" class="post_name">Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 73 (1—7 сентября 2013)</a> <div class="time"> 7 сентября 2013 в 22:38 </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="clear"></div> | |
| <div class="clear"></div> | |
| </div> | |
| </div> | |
| <script type="text/javascript"> | |
| $(document).ready(function(){ | |
| // test gggg | |
| // настройки всплывающих уведомлений | |
| $.jGrowl.defaults.closerTemplate = '<div>Закрыть все уведомления</div>'; | |
| // настройки тултипов | |
| $(".help-tip").tipTip({maxWidth: "300px", edgeOffset: 10}); | |
| }); | |
| // global vars | |
| var g_base_url = 'habrahabr.ru'; | |
| var g_show_xpanel = false; | |
| var g_base_fullurl = 'http://habrahabr.ru/'; | |
| var g_is_guest = false; | |
| </script> | |
| <script type="text/javascript" src="/javascripts/1382093688/_parts/shortcuts.js"></script> | |
| <script type="text/javascript" src="/javascripts/1382093688/_parts/to_top.js"></script> | |
| <link href="/styles/1382093688/_parts/_to_top.css" rel="stylesheet" media="all" /> | |
| <script type="text/javascript" src="/javascripts/1382093688/_parts/float_block.js"></script> | |
| <!-- <script type="text/javascript" src="/javascripts/1382093688/_parts/float_block.js"></script> //--> | |
| <!-- Yandex.Metrika counter --> | |
| <script type="text/javascript"> | |
| (function (d, w, c) { | |
| (w[c] = w[c] || []).push(function() { | |
| try { | |
| w.yaCounter19919284 = new Ya.Metrika({id:19919284, | |
| webvisor:true, | |
| clickmap:true, | |
| trackLinks:true, | |
| accurateTrackBounce:true}); | |
| } catch(e) { } | |
| }); | |
| var n = d.getElementsByTagName("script")[0], | |
| s = d.createElement("script"), | |
| f = function () { n.parentNode.insertBefore(s, n); }; | |
| s.type = "text/javascript"; | |
| s.async = true; | |
| s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js"; | |
| if (w.opera == "[object Opera]") { | |
| d.addEventListener("DOMContentLoaded", f, false); | |
| } else { f(); } | |
| })(document, window, "yandex_metrika_callbacks"); | |
| </script> | |
| <noscript><div><img src="//mc.yandex.ru/watch/19919284" style="position:absolute; left:-9999px;" alt="" /></div></noscript> | |
| <!-- /Yandex.Metrika counter --> | |
| <script type="text/javascript"> | |
| /*<![CDATA[*/ | |
| var ga = document.createElement('script'); | |
| ga.setAttribute('async', 'true'); | |
| ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; | |
| /* ]]>*/ | |
| </script> | |
| <script type="text/javascript"> | |
| var _gaq = _gaq || []; | |
| _gaq.push( | |
| ['_setAccount', 'UA-726094-1'], | |
| ['_setDomainName', '.habrahabr.ru'], | |
| ["_addOrganic", "mail.ru", "q"], | |
| ["_addOrganic","rambler.ru", "words"], | |
| ["_addOrganic","nigma.ru", "s"], | |
| ["_addOrganic","blogs.yandex.ru", "text"], | |
| ["_addOrganic","webalta.ru", "q"], | |
| ["_addOrganic","aport.ru", "r"], | |
| ["_addOrganic","akavita.by", "z"], | |
| ["_addOrganic","meta.ua", "q"], | |
| ["_addOrganic","bigmir.net", "q"], | |
| ["_addOrganic","tut.by", "query"], | |
| ["_addOrganic","all.by", "query"], | |
| ["_addOrganic","i.ua", "q"], | |
| ["_addOrganic","online.ua", "q"], | |
| ["_addOrganic","a.ua", "s"], | |
| ["_addOrganic","ukr.net", "search_query"], | |
| ["_addOrganic","search.com.ua", "q"], | |
| ["_addOrganic","search.ua", "query"], | |
| ["_addOrganic","poisk.ru", "text"], | |
| ["_addOrganic","km.ru", "sq"], | |
| ["_addOrganic","liveinternet.ru", "ask"], | |
| ["_addOrganic","gogo.ru", "q"], | |
| ["_addOrganic","gde.ru", "keywords"], | |
| ["_addOrganic","quintura.ru", "request"], | |
| ['_trackPageview'] | |
| ); | |
| document.documentElement.firstChild.appendChild(ga); | |
| </script> | |
| <script type="text/javascript" src="/javascripts/1382093688/advertising.js"></script> | |
| <script type="text/javascript" src="http://habrahabr.ru/viewcount/post/198216/"></script> | |
| <div id="footer"> | |
| <dl> | |
| <dd><a href="https://auth.habrahabr.ru/login/">Войти</a></dd> | |
| <dd><a href="https://auth.habrahabr.ru/register/">Регистрация</a></dd> | |
| </dl> | |
| <dl> | |
| <dt>Разделы</dt> | |
| <dd><a href="http://habrahabr.ru/qa/">Q&A</a></dd> | |
| <dd><a href="http://habrahabr.ru/hubs/">Хабы</a></dd> | |
| <dd><a href="http://habrahabr.ru/events/">События</a></dd> | |
| <dd><a href="http://habrahabr.ru/companies/">Компании</a></dd> | |
| <dd><a href="http://habrahabr.ru/users/">Пользователи</a></dd> | |
| </dl> | |
| <dl> | |
| <dt>Посты</dt> | |
| <dd><a href="http://habrahabr.ru/posts/top/">Лучшие</a></dd> | |
| <dd><a href="http://habrahabr.ru/posts/collective/">Тематические</a></dd> | |
| <dd><a href="http://habrahabr.ru/posts/corporative/">Корпоративные</a></dd> | |
| <dd><a href="http://habrahabr.ru/sandbox/">Песочница</a></dd> | |
| </dl> | |
| <dl> | |
| <dt>Инфо</dt> | |
| <dd><a href="http://habrahabr.ru/info/about/">О сайте</a></dd> | |
| <dd><a href="http://habrahabr.ru/info/help/rules/">Правила</a></dd> | |
| <dd><a href="http://habrahabr.ru/info/help/">Помощь</a></dd> | |
| <dd><a href="http://habrahabr.ru/info/agreement/">Соглашение</a></dd> | |
| <dd><a href="http://habrahabr.ru/info/stats/">Статистика</a></dd> | |
| </dl> | |
| <dl> | |
| <dt>Услуги</dt> | |
| <dd><a href="http://habrahabr.ru/info/advertising/">Реклама</a></dd> | |
| <dd><a href="http://habrahabr.ru/info/advertising/corporate/">Корпоративные тарифы</a></dd> | |
| <dd><a href="http://habrahabr.ru/info/advertising/workshops/">Семинары</a></dd> | |
| <dd><a href="http://habrahabr.ru/special/">Спецпроекты</a></dd> | |
| <dd><a href="http://habrahabr.ru/info/hello_startup/" style="color:green;">Помощь стартапам</a></dd> | |
| </dl> | |
| <div class="copyright"> | |
| <div class="about"> | |
| <a class="footer_logo" href="http://thematicmedia.ru/">Тематические Медиа</a> | |
| © 2006–2013 | |
| <br><br> | |
| <a href="http://habrahabr.ru/feedback/">Служба поддержки</a><br><br> | |
| <a href="http://m.habrahabr.ru">Мобильная версия</a><br><br> | |
| <div class="social_accounts"> | |
| <a href="https://twitter.com/habrahabr" class="tw"></a> | |
| <a href="https://www.facebook.com/habrahabr.ru" class="fb"></a> | |
| <a href="http://vk.com/habr" class="vk"></a> | |
| <!-- <a href="" class="gp"></a> //--> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment