Daily Archives: 08.02.2014
Рисование на JavaScript с помощью Paper.js, Processing.js, Raphael.js
При создании дизайна сайта, очень удобно использовать рисунки и анимацию основанную на JavaScript фреймверках. Это быстро, удобно и красиво. Но…
Перед тем как начать рисовать что-то в своем браузере, задайте себе три вопроса:
Несколько background с помощью CSS, или Multiple Backgrounds
Каждый верстальщик знает, что самый простой способ создания дизайна – лучшее, что может быть. Одним из простых и удобных техник является растягивание background на весь экран, с помощью нескольких строк css кода.
Семантическая верстка: понятие и примеры семантического кода
Если вы тот, кто использует div теги для всего что есть на сайте, эта статья для вас. Мы сфокусируемся на том, как писать чистый семантический HTML код, используя валидную разметку. Вы увидите на практике, как можно минимизировать количество div тегов в вашем HTML коде. Вы научитесь семантической верстке не только в теории, но и на примерах. Написание правильных семантических шаблонов упрощает жизнь не только себе, но и команде в целом.
Простой дизайн сайта – чем проще, тем лучше
Наше чувство подсказывает нам, что если дать список предложений, мы выберем наиболее важное для нас. Но в реальности мы выбираем наиболее простое для нашего понимания и осознания. Очень часто мы делаем это, потому что не имеем времени погружаться в исследования. Политический выбор базируется не на наших фундаментальных исследованиях, а на том, что мы когда-то слышали или видели о деятеле.
Слайдер картинок – метод увеличения конверсии трафика
Лишь в недалеком прошлом, основным составляющим страниц интернет ресурсов был контент, а навигация осуществлялась с помощью разнообразных меню и ссылок реализованных с помощью различных языков (в том числе и невидимых для поисковых ботов). Из привлекающей внимание графической навигации можно было встретить лишь баннеры ведущие на внешние ресурсы, их основной задачей было и остается направление специфических (заинтересованных) пользователей на страницы предлагающие определенные товары или услуги. Сегодня же мы в нашей статье поговорим о слайдерах и проанализируем почему их популярность так возросла в последнее время.
Удобный интерфейс
Без сомнений, тот факт, что пользователь готов простить погрешности и неудобства интерфейса ради полезной информации на сайте, имеет место и сегодня. Но справедливости ради, стоит заметить, что на рассвете развития сайтостроения пользователь, оперативно получавший информацию посредством интернета не зацикливался на неудобстве навигации. Напротив, в эру избытка информации, учитывая тот факт, что современный пользователь проводит много времени в интернете (работа, образование, развлечение…) удобство и интуитивность навигации по сайту выходит на первое место.
Кроссбраузерная верстка
Кроссбраузерная верстка – это верстка сайта с его одинаковой видимостью в разных браузерах. Сказать по правде это занятие не легкое, так как каждый браузер имеет свои особенности и недостатки. Поэтому браузер для веб-дизайнера, как «Криптонит» для «Супермена». Жизнь веб-дизайнеров во всем мире, была бы гораздо лучше, если бы браузеры отображали красивые дизайны без багов и подвохов.
Кроссбраузерная верстка CSS
Если вас интересует будущее браузеров, верстки, то читаем статью:кроссбраузерная верстка.
Кроссбраузерная верстка CSS– это одинаково отображаемая верстка страницы в различных браузерах, которая реализуется средствами CSS.
Кроссбраузерность css верстки можно реализовать двумя способами:
Как создать шаблон для Joomla
Чтобы узнать, как создать качественный шаблон для движка Joomla, читайте статью шаг за шагом. Мы рассмотрим все тонкости и нюансы создания темы для Joomla. Если вы знаете, что такое CSS и динамические страницы, можете сразу приступать к разработке joomla шаблона:
Скрипт слайдера картинок: JS + HTML + CSS
В связи с большим весом библиотеки jQuery (около 80kb), нет смысла ее использовать только ради некоторых функций. К тому же, такой вес значительно тормозит загрузку сайта. Хочется, чтобы сайт был быстрым и красочным, поэтому было решено написать собственный скрипт слайдера картинок для сайта, без использования jQuery.