Статьи по верстке и веб-дизайну http://vremenno.net/ <p><img alt="Иконки офисных документов" width="150" height="150" align="left" style="float: left; margin-right: 5px; border: 1px solid #CCC; padding: 1px;" src="/files/image/monthly-icon-packs/9/prev_img.jpg" />Всем привет,</p> <p>Продолжая добрую традицию ежемесячных тематичных выпусков иконок, в сегодняшнем выпуске у нас очередные полезные иконки &#151; <em>иконки документов</em>.</p> <p>Такие иконки часто используются в различных корпоративных сайтах, когда нужно как-то красиво оформить блок со ссылкой для скачивания коммерческого предложения, прайс-листа, брошюры, etc.</p> <p>В этом выпуске я собрал более-менее нейтральные по дизайну иконки, которые подойдут большинству сайтов.</p> <p></p> <br /><img src="http://feeds.feedburner.com/~r/vremenno/~4/1JaCeAwZlW4" height="1" width="1"/> http://feedproxy.google.com/~r/vremenno/~3/1JaCeAwZlW4/ Wed, 10 Mar 2010 14:29:00 MSK http://vremenno.net/design/monthly-icon-packs-9-documents-icons/ <p><img alt="Модульные сетки, шаг №1" width="150" height="150" style="float: left; margin-right: 5px; border: 1px solid #CCC; padding: 1px;" align="left" src="http://vremenno.net/files/image/grids/grids_1.png" />Всем привет!</p><p>Продолжаем изучать модульные сетки. К сожалению, не получилось быстро перейти от введения к переводу. Данная статья &mdash; перевод <a href="http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-1">первого шага</a> из цикла <em>Five simple steps to designing grid systems</em>. Этот и последующий шаги: объяснение принципов построения модульной сетки. Первые два шага не имеют непосредственного отношения к веб-дизайну, скорее даже к печатной продукции, но в них раскрыт смысл сеток. Весь цикл может послужить вводом в тему. В дальнейшем я планирую перейти к более углубленным практическим статьям. Тема эта становится <a href="http://cherenkevich.livejournal.com/38085.html">популярной</a> в рунете, что очень радует.</p><img src="http://feeds.feedburner.com/~r/vremenno/~4/w2CDrMgTe5U" height="1" width="1"/> http://feedproxy.google.com/~r/vremenno/~3/w2CDrMgTe5U/ Fri, 05 Mar 2010 16:05:00 MSK http://vremenno.net/design/designing-grid-first-step/ <p><img height="150" align="left" width="150" src="http://vremenno.net/files/image/javascript-image-rotation/prevImg.jpg" alt="" style="float: left; margin-right: 5px; border: 1px solid #CCC; padding: 1px;" title="Javascript Image Rotation" />В процессе работы над одним интересным проектом, возникла задача поворота фоток, которые загружет пользователь.</p><p>Можно было, конечно, обойтись просто поворотом на серверной стороне и отобразить обновленную фотку, но хотелось сделать так, чтобы фотка поворачивалась на клиенте, да еще с анимашками и, разумеется, чтобы везде работало.</p><p>В итоге получилось давольно-таки неплохо.</p><img src="http://feeds.feedburner.com/~r/vremenno/~4/OahtCvhgjIM" height="1" width="1"/> http://feedproxy.google.com/~r/vremenno/~3/OahtCvhgjIM/ Wed, 03 Mar 2010 20:31:00 MSK http://vremenno.net/js/javascript-image-rotation/ <p><img width="150" height="150" align="left" src="http://vremenno.net/files/time_scales_in_user_experience.jpg" alt="" style="float: left; margin-right: 5px; border: 1px solid #CCC; padding: 1px;" title="Javascript Image Rotation" />Перевод статьи <a href="http://www.useit.com/alertbox/timeframes.html">Powers of 10: Time Scales in User Experience</a>.</p><p><strong>О чем речь:</strong> периоды от 0,1 секунды до 100 лет. В дизайне пользовательского интерфейса много различных сроков, и каждый имеет свое отношение к юзабилити. Что за отношение они имеют, узнаем сегодня от Якоба Нильсена.</p><img src="http://feeds.feedburner.com/~r/vremenno/~4/KuD-Ehex4xE" height="1" width="1"/> http://feedproxy.google.com/~r/vremenno/~3/KuD-Ehex4xE/ Mon, 01 Mar 2010 23:17:00 MSK http://vremenno.net/misc/time-scales-in-user-experience/ <p><img height="150" align="left" width="150" src="http://vremenno.net/files/image/javascript-geolocation/prevImg.jpg" style="float: left; margin-right: 5px; border: 1px solid #CCC; padding: 1px;" alt="" /></p><p>Для многих остается секретом, что с помощью js можно получить информацию о геолокэйшене пользователя.</p><p>Средства есть разные &mdash; либо через встроенный функционал HTML5 в сафари на айфоне, либо через Гугл Гирс на андройде, либо другими путями, но так или иначе, с разрешения пользователя мы можем получить информацию о его местоположении.</p><p>Сегодня я расскажу о библиотеке, которая объединяет в себе разные средства и упрощает работу с определением геопозиции.</p><img src="http://feeds.feedburner.com/~r/vremenno/~4/tDzF9qg45n4" height="1" width="1"/> http://feedproxy.google.com/~r/vremenno/~3/tDzF9qg45n4/ Fri, 26 Feb 2010 10:00:00 MSK http://vremenno.net/js/javascript-geolocation/ <p><img alt="Делаем более понятные и удобные файлы стилей" width="150" height="150" align="left" style="float: left; margin-right: 5px; border: 1px solid #CCC; padding: 1px;" src="http://vremenno.net/files/image/how_to_create_more_readable_css_files/intro_img.jpg" />Привет,</p><p>Сегодня мы поговорим об организации файлов стилей. Мы рассмотрим как лучше всего организовывать файлы и форматировать код внутри них, чтобы через какое-то время вы не хватались за голову от того, что стилей стало больше, а порядка и понимания что где находиться &mdash; меньше.</p><p>Итак, поехали!</p><img src="http://feeds.feedburner.com/~r/vremenno/~4/IFd2c6f7MoE" height="1" width="1"/> http://feedproxy.google.com/~r/vremenno/~3/IFd2c6f7MoE/ Wed, 24 Feb 2010 22:02:00 MSK http://vremenno.net/html-css/creating-more-readable-and-easy-to-use-style-files/ <p><img height="150" width="150" align="left" style="float: left; margin-right: 5px; border: 1px solid #CCC; padding: 1px;" alt="Несколько маленьких полезных приемов в JavaScript" src="http://vremenno.net/files/image/some_small_useful_hooks_in_js.jpg" />Всем привет!</p><p>Сегодня мы рассмотрим несколько полезных приемов при программировании на JavaScript. Эти приемы даже сниппетами назвать сложно, ведь некоторые из ни состоят из <nobr>2-3 символов,</nobr> хотя некоторые разработчики (в том числе я сам ;-) часто используют вместо них намного более громоздкие конструкции.</p><p>Итак, поехали!</p><p> </p><img src="http://feeds.feedburner.com/~r/vremenno/~4/Im5qcTbxVLg" height="1" width="1"/> http://feedproxy.google.com/~r/vremenno/~3/Im5qcTbxVLg/ Mon, 22 Feb 2010 13:10:00 MSK http://vremenno.net/js/some-small-useful-hooks-in-js/ <p><img height="150" align="left" width="150" src="http://vremenno.net/files/image/webclip-icon/previmg.jpg" style="float: left; margin-right: 5px; border: 1px solid #CCC; padding: 1px;" alt="" />В сегодняшней небольшой заметке я расскажу о том, как создавать иконку веб-приложения для iPhone или iPod Touch.</p><p>Создать мобильную версию сайта без иконки для айфона &mdash; это как создать сайт без фэвайкона. Свинство, короче.</p><p> </p><img src="http://feeds.feedburner.com/~r/vremenno/~4/K4E6FHIfeKI" height="1" width="1"/> http://feedproxy.google.com/~r/vremenno/~3/K4E6FHIfeKI/ Wed, 17 Feb 2010 13:09:00 MSK http://vremenno.net/html-css/webclip-icon-for-iphone/ <p><img height="150" align="left" width="150" style="float: left; margin-right: 5px; border: 1px solid #CCC; padding: 1px;" alt="SWFUpload + jQuery" src="http://vremenno.net/files/image/SWFUpload-jquery/previmg.jpg" />На тему файловых загрузчиков я уже написал три статьи: <a href="http://vremenno.net/design/file-inputs-styling/">раз</a>, <a href="http://vremenno.net/js/javascript-snippets-plus-new-file-input/">два</a>, <a href="http://vremenno.net/html-css/file-uploaders-overview/">три</a>. Возможно внешний вид файлового загрузчика - моя личная маниакальная одержимость и мне надо к врачу, или же я просто делюсь своими стремлениями к идеалу красоты загрузчика. <a href="http://uibook2.usethics.ru/">Искусство мыть слона</a> в действии.</p><p>На этот раз будем будем использовать js-библиотеку <a href="http://code.google.com/p/swfupload/">SWFUpload</a> и jQuery.</p><img src="http://feeds.feedburner.com/~r/vremenno/~4/5RDgoyOC99M" height="1" width="1"/> http://feedproxy.google.com/~r/vremenno/~3/5RDgoyOC99M/ Mon, 15 Feb 2010 23:00:00 MSK http://vremenno.net/js/swfupload-jquery-file-upload/ <p><img alt="Программы для управления шрифтами" width="150" height="150" align="left" style="float: left; margin-right: 5px; border: 1px solid #CCC; padding: 1px;" src="http://vremenno.net/files/image/programs_for_font_management/previmg.jpg" />Привет!</p><p>Сегодня я хочу рассказать вам про программы, которые помогают организовывать ваши <em>шрифты</em> по папкам, категориям, тегам и авторам, узнавать подробную информацию о <em>шрифте</em> и самое главное, подбирать нужный для данного конкретного случая <em>шрифт</em>.</p><p>Как мне кажется, это одни из тех программ, до установки и использования которых, кажущиеся ненужными, а после некоторого времени работы с ними &mdash; незаменимыми. Ну по крайней мере у меня так ;-)</p><p> </p><img src="http://feeds.feedburner.com/~r/vremenno/~4/G3bWsPPFmko" height="1" width="1"/> http://feedproxy.google.com/~r/vremenno/~3/G3bWsPPFmko/ Wed, 10 Feb 2010 16:37:00 MSK http://vremenno.net/misc/programs-for-font-management/