Персональный сайт частного вебмастера

Новости:
24/10/2015 Карусель контента jCarousel 20/10/2015 Travel Kitchen 20/10/2015 ВЛагере 20/10/2015 Рекламный Ряд 20/10/2015 Бизнес Биржа 20/10/2015 Одежда для фитнеса 24/12/2014 Карусель с нефиксированной высотой - OWL Slider 21/12/2014 Вкладки, табсы, табы 05/12/2014 Адвокатская компания "Гранд" 17/11/2014 The White Fashion 10/06/2014 Магазин детской одежды "Носики" 19/12/2013 Решение для вывода блоков разной высоты 06/12/2013 Стилизация select 27/11/2013 Сниппет для адаптивной верстки 26/11/2013 Размер шрифтов в адаптивной верстке 25/11/2013 Как проверить адаптивную верстку 12/11/2013 Поисковое продвижение. SEO 12/11/2013 NivoSlider плагин слайдшоу 12/11/2013 Рейтинг статьи. Notation 11/11/2013 Создание форм. Formidable 11/11/2013 Навигация статей 10/11/2013 Создание полей. Chapms Extras 08/11/2013 Настройка URL страниц 07/11/2013 Просмотр изображений. MediaBox 10/10/2013 Создание php форм. Feedback. 06/10/2013 Форматирование текста 06/09/2013 Фильтры для воды 07/08/2013 Фильтры для воды "АКВО" 01/03/2013 Назар Владимирович Комар, Веб Разработчик 03/01/2013 слайдер на главной

Делимся опытом

Этот раздел сайта является динамическим. Здесь находится вся необходимая информация для создания сайта. Не стоит искать здесь информацию о том, как создать сайт, вы ее не найдете. Вместо этого, я буду наполнять раздел "Готовые решения", в котором будут представлены наиболее популярные задачи и их решение. Веб-разработчики найдут много полезной информации для себя, jquery плагины, слайдеры, карусели, вкладки.

24
Октябрь 2015

Карусель контента jCarousel

jCarousel - это мощный слайдер контента, который обладает многими свойствами. Если ваше задание показывать несколько картинок, а потом при нажатии на стрелочку влево/вправо показать следующий слайд - jCarousel это именно то, что вам нужно.

24
Декабрь 2014

Карусель с нефиксированной высотой - OWL Slider

OWL Slider - это лучшее решение для слайдера, в котором нужно "крутить" контентную информацию. Большим преимуществом слайдера является множество опций для настройки его работы и callback-функции на любые случаи жизни.

21
Декабрь 2014

Вкладки, табсы, табы

Очень простое решение для вкладок без использования сторонних библиотек. Если вам нужно показать большое количество информации - верный выход из ситуации это использование вкладок. Универсальное решение для вкладок/табов присутствует в библиотеке jQuery UI, но есть ли смысл использовать эту библиотеку, если не собираетесь не пользоваться другими ее функциями - решаете только Вы. Я приверженец утилизации кода, который мы не используем. Зачем хранить на сайте код, который и к чему не привязан? Мое решение для jquery tabs:

19
Декабрь 2013

Решение для вывода блоков разной высоты

Зачастую в магазинах список товаров выводится блоками, эти блоки имеют разную высоту в зависимости от содержимого и между рядами возникает пустое место, что смотрится, скажем так, не очень красиво. Плагин Masonry решает проблему со всей элегантностью, работает стабильно, объем не большой, очень рекомендую использовать в практике.

06
Декабрь 2013

Стилизация select

Очень часто, да почти на всех проектах, дизайнеры рисуют красивые выпадающие списки, так называемые селекты , например, выберите свой город при клике открывается список с городами. Аналогична ситуация с радиокнопками (<іnput tуpe = "rаdio" />), когда пользователю приходится выбирать один вариант из нескольких. Стандартные селекты и радиокнопки смотрятся не эффектно, да и отличаются на разных ОС, с таким подходом ни о какой кроссбраузерности речь идти не может.

27
Ноябрь 2013

Сниппет для адаптивной верстки

Сниппет - это краткая подсказка или готовый шаблон чего-то, начиная от элемента (например в некоторых IDE с помощью горячих комбинаций можно вызвать определенный тег, например при нажатии shift+O в вашу верстку вставляется определенный кусок кода) до шаблона готовой страницы. Да-да, именно готовой страницы. Ниже будет сниппет css для адаптивной верстки под все мобильные устройства и положения экрана. Его можно упростить по собственному желанию.

26
Ноябрь 2013

Размер шрифтов в адаптивной верстке

Правильно изменения шрифтов немаловажное для адаптивной верстки. Согласитесь, что один и тот же кегль заголовка на странице (например 23рх) будет плохо смотреться на смартфоне и ПК с разрешением 1366 х 768. Для того, чтобы шрифты "масштабировались" вам необходимо использовать в верстке не точное определение шрифта в пикселях, а процентное, или же использовать em. Ниже приведена таблица соответствия кеглей.

25
Ноябрь 2013

Как проверить адаптивную верстку

Для того чтобы убедиться что макет адаптивной верстки сделан правильно вам нужно протестировать его как минимум на нескольких разрешениях. Но что делать если под рукой нет девайсов на которых можно посмотреть отображение макета? Есть очень много сервисов, которые просимилуруют отображение вашего сайта на том или ином устройстве. Но, как говорится, лучше один раз увидеть сайт на "живом" девайсе чем проэмулировать его в 10 тестовых системах:)

06
Октябрь 2013

Форматирование текста

Форматирование текста в системе SPIP ограничено. У вас не получиться менять размер шрифта, его цвет, делать отступ в 3-4 строки, в общем, изначальный и утвержденный дизайн изменить вы не сможете.

Отзывы о моей работе