"Однажды в студёную зимнюю пору", - так хотелось бы начать эту статью. Но нет.

Не однажды. Да и не зимой вообще это дело было..

В общем, как-то раз при создании одного проекта возникла необходимость реализовать на сайте функцию вставки текста в <textarea> по щелчку мыши.

"Нафига это вообще нужно?", - спросите вы.

А нужно это затем, что при оформлении заказа на ресурсе в подарок предоставлялась открытка, в которую можно было внести любое свое пожелание. И зачастую, когда клиенты доходили до поля ввода текста, они просто не знали, что туда вписать.

Читать далее

Как быстро сделать простой, но в тоже самое время полноценный сайт за пару часов? Без использования готовых шаблонов и систем управления контентом?

Для тех, кто только начал знакомиться с азами верстки, эта задача покажется очень сложной, но на самом деле создать небольшой веб - ресурс на несколько страниц можно очень быстро. При этом знаний и опыта программирования на php, javascript или jquery не понадобится, т. к. сайт будет полностью построен на базе html и css.

Читать далее

Редирект при нажатии на кнопку используется для переадресации посетителей с одного URL -адреса на другой. Допустим, если у вас есть блог или интернет-магазин, то с помощью редиректа, установленного на клавишу,  можно запросто отправить клиента вашего веб-ресурса на адрес сайта-партнера или по адресу платежного агрегатора вашего магазина после завершении заказа.

Читать далее

Наверное многие, кому доводилось работать с OpenCart, сталкивался с такой проблемой: в обязательном списке опций товара через админ-панель нельзя поставить какую-либо из них первой по-умолчанию. В результате первой стоит строчка "выберите" и покупателю приходится проваливаться в список опций и выбирать необходимый вариант. (рис.1)
Читать далее

OpenCart - одна из самых популярных CMS в мире для создания интернет-магазинов.
Почему? Потому что OpenCart  прост в освоении и уже "из коробки" обладает довольно широким функционалом, что позволяет быстро сделать полноценный магазин без каких-либо дополнительных вложений.

Но при всех своих плюсах система не лишена и недостатков, к которым можно отнести запутанную файловую структуру и сложность внесения правок в функционал CMS: при необходимости изменить какой -либо модуль, придется часами править код, чтобы добиться желаемого результата.

И в этой статье как - раз пойдёт речь об одной такой доработке.

Читать далее

Согласно статистике, 70% пользователей заходят на сайты с мобильных устройств, поэтому конверсия современной интернет- страницы напрямую зависит от того, насколько она оптимизирована под мобильный трафик.

Если у вас есть сайт - одностраничник, сайт - визитка или интернет - магазин и им неудобно пользоваться на смартфонах и планшетах, то с 90% вероятностью человек уйдёт на другой ресурс, где коэффициент юзабилити гораздо выше.

Читать далее

Рано или поздно практически каждый веб-мастер, глядя на свой сайт, приходит к мысли: "А вот в этом месте классно бы смотрелась какая - нибудь красивая ленточка". После чего приступает к реализации задуманной идеи.

Кто-то начинает рисовать ленту в фоторедакторе, а кто-то вспоминает, что быстрее, а главное, удобней, сделать такую ленту посредством css. Почему удобней? Потому что css ленточка быстро редактируется, масшатбируется и изменяется в размерах по мере необходимости.

При этом сам процесс рисования  css ленточки довольно простой и не занимает много времени.

Читать далее

Нередко заказчики просят создать на сайте эффект всплывающего текста, появляющегося при наведении курсора на картинку или рекламный баннер.  Особенно часто этот приём используется в карточках товаров интернет - магазинов: когда при наведении указателя на фото товарной позиции выскакивает всплывающий блок  с информацией о продукте, это выглядит очень эффектно.  К тому же значительно повышает конверсию сайта, позволяя посетителю быстро ознакомиться с характеристиками представленных товаров, не "проваливаясь" в карточку.
Читать далее

Twitter Bootstrap - универсальный инструментарий, включающий в себя css, html и javascript- библиотеки, с помощью которых можно быстро создавать адаптивные сайты любой степени сложности.

Также Bootstrap станет отличным помощником, если у вас интернет-страница, которая нуждается в апгрейде. Интеграция устаревшего веб-портала с Bootstrap откроет огромные возможности для расширения его функционала, обновления дизайна и улучшения юзабилити.

Читать далее

Общеизвестно, что браузер Safari от  компании Apple, функционирующий на движке Webkit, немного по-другому отображает контент веб - страницы в сравнении с браузерами Opera, Mozilla Firefox и Google Chrome.

Но если с Firefox всё понятно - он разработан на движке собственного производства Gecko, то почему  в браузере Safari сайт выглядит несколько иначе, чем в Opera и Chrome, так же работающих на движке Webkit?

Причина здесь кроется в небольших различиях механизмов рендеринга браузеров, отвечающих за вывод веб - страницы на экран монитора. Т. к. эта статья не о различиях в движках браузеров, то подробно на этом останавливаться не будем.

Кому интересно, можно почитать здесь.
Читать далее