Мы привыкли считать, что изучая информатику в институте – мы осваиваем или базовые концепции, или устарелые технологии. Благодаря обучению TU Dresden я понял, что есть ВУЗы, где учат актуальным и практически применимым технологиям на достаточно высоком уровне. Сегодня я сдал экзамен по дисциплине «Интернет и веб приложения». Изучая тексты лекций и практических занятий по данной дисциплине, мне не раз приходилось обращаться к википедии и хабру для разъяснения определённых нюансов. В результате я разобрался с WebSockets, узнал о Akamai, подробное ознакомился с алгоритмом работы торрента. В этом посте я написал перечень экзаменационных вопросов с и разместил ссылку на полный курс лекций на английском языке. Читать полностью »
Рубрика «веб-дизайн» - 98
Пример экзамена факультета информатики в TU Dresden
2013-07-29 в 16:02, admin, рубрики: javascript, веб-дизайн, Веб-разработка, интернет, обучение, технологии, метки: интернет, обучение, технологииCSS-маски для hover-эффекта
2013-07-29 в 9:35, admin, рубрики: css, hover, веб-дизайн, Веб-разработка, эффекты, метки: css, hover, эффекты
На многих сайтах-портфолио работы представлены в виде небольших картинок-миниатюр с приятными hover-эффектами. В этой статье будет рассказано о способе сделать такой эффект, используя CSS-маски. Работает только в современных браузерах, но к счастью и в старых верстка выглядит корректно и не съезжает.Читать полностью »
Грамотное адаптивное выравнивание шапки сайта
2013-07-28 в 16:36, admin, рубрики: css, header, justify, веб-дизайн, Веб-разработка, выравниваниеЗачастую вроде бы простые задачи верстки требуют сложной структуры HTML-разметки и использования CSS-трюков. Центрирование элементов или выравнивание контента может быть очень утомительным. Одна из таких задач — это выравнивание элементов верхней части сайта так, чтобы логотип был слева, а пункты меню — справа. Можно использовать float и position:absolute, а для выравнивания по вертикали — добавлять margin и padding разным элементам. Вроде бы ничего сложного. Но если сайт должен корректно отображаться и на мобильных устройствах, возникает много проблем.
Ниже описан лаконичный способ решения этой проблемы.Читать полностью »
SoundRoute — для тех кто любит слушать музыку
2013-07-28 в 16:00, admin, рубрики: веб-дизайн, Веб-разработка, краудфандинг, музыка, стартап, метки: музыка, стартапПривет!
Меня зовут Тихон, мне 15 лет и я хочу рассказать вам о своем проекте. Идея и смысл проекта заключаются в цели объединения всех любителей утренних пробежек под хорошую музыку в одно сетевое сообщество на основе карты города, в котором пользователи совершают пробежку. Наверное, звучит немного запутанно, но я постараюсь все объяснить как можно более подробно и по порядку.
Читать полностью »
Адаптивный поиск с фильтром
2013-07-26 в 10:34, admin, рубрики: css, адаптивный дизайн, веб-дизайн, Веб-разработка, дизайн, паттерны, поиск, фильтры, формыПеревод статьи Криса Койера (Chris Coyier) с CSS-Tricks.com "Search with Filters Responsive Design Pattern".
Паттерны дизайна — очень полезная штука, особенно в адаптивном дизайне. Рассмотрим пример: на большом экране в блоке со вкладками по ширине помещается много табов, однако на мобильном устройстве верстка съедет. Решение — использование специального паттерна дизайна, который сжимает все табы в выпадающие пункты.
Brad Frost даже собрал очень хорошую коллекцию адаптивных паттернов, очень полезно. Еще один пример, форма поиска с фильтром результатов. На десктопе места много:
Новое для веб-дизайнера за июль 2013
2013-07-25 в 16:55, admin, рубрики: Блог компании TemplateMonster Russia, веб-дизайн, Веб-разработка, новое для веб-дизайнера, метки: новое для веб-дизайнераНовые полезные инструменты, сервисы, статьи, бесплатности для веб-дизайнеров за июль 2013. Остальные подборки доступны по тегу "новое для веб-дизайнера".
Сервисы
I Want To Use — на сайте можно выбрать CSS-фичи, которые хотите использовать, и будет показан процент пользователей, которые смогут их использовать.Читать полностью »
Девушка изучает веб-программирование: 180 сайтов за 180 дней
2013-07-24 в 22:17, admin, рубрики: ruby on rails, stack overflow, веб-дизайн, Веб-разработка, обучение программированию, самообучение, создание сайтов, метки: stack overflow, обучение программированию, самообучение, создание сайтовЧуть больше четырёх месяцев назад Дженнифер Девальт (Jennifer Dewalt) приняла важное решение — научиться программировать. Хотя у неё не было опыта в этом деле, она никогда не посещала технических спецкурсов в школе, а наоборот — увлекалась только искусствами, но девушка сразу же решительно взялась за дело.
Дженнифер установила правило, что каждый день будет делать по одному веб-сайту, без выходных. При этом каждый веб-сайт должен сопровождаться новой записью в блоге, а весь код выкладываться на Github. Сегодня наступил 115-й день её марафона.
Читать полностью »
Основные ошибки при разработке адаптивного дизайна
2013-07-24 в 16:07, admin, рубрики: css, адаптивный дизайн, веб-дизайн, Веб-разработкаАдаптивные дизайн становится все популярнее, сегодня это уже не просто модная новая технология. Ниже собраны самые частые ошибки, допускаемые при разработке адаптивного сайта, своеобразный чек-лист.
Скрывать контент
Не стоит прятать части сайта только потому, что они не помещаются на экране мобильного устройства. Мобильные пользователю хотят видеть тот же контент и функционал, что и пользователи десктопов. Нужно проектировать интерфейс так, чтобы по возможности помещалось все.Читать полностью »
Необычная навигация на сайтах
2013-07-24 в 15:53, admin, рубрики: Блог компании TemplateMonster Russia, веб-дизайн, Веб-разработка, вебдизайн, меню, навигацияПеревод статьи Smashing Magazine Creative And Innovative Navigation Designs.
Любой владелец сайта хочет, чтобы его проект выделялся среди огромного количества других, чтобы пользователи хотели возвращаться. Кроме полезного контента, посетителей можно привлечь запоминающимся дизайном и необычными решениями. Ниже представлены примеры креативных подходов к навигации, не в ущерб удобству использования.
Toybox
Навигация на сайте всегда должна быть под рукой, но в то же время не мешать пользователю. На сайте Toybox именно такое решение: навигация проста, но в тоже время хорошо заметна. Когда панель меню скрыта, страница акцентирует внимание посетителя на контенте, т.к. отсутствуют отвлекающие блоки. Горизонтальная навигация также проста и удобна.
Работа с цветом: полезные инструменты, книги, статьи для веб-дизайнеров
2013-07-23 в 18:28, admin, рубрики: Блог компании TemplateMonster Russia, веб-дизайн, дизайн, Дизайн в IT, теория цвета, метки: дизайн, теория цветаРабота с цветом — это первое, что должен уметь любой дизайнер. В интернете огромное количество разрозненной информации на эту тему, я попытался собрать самое полезное в одной подборке. Большинство полезностей с уклоном в веб-дизайн.
Инструменты
Colour Lovers — старый и функциональный инструмент для подбора цветовых схем. Аналоги — Colourcode, Color Scheme Designer и конечно Kuler. Подобных сайтов великое множество, но эти, на мой взгляд, самые удобные.Читать полностью »