Что имеем: Есть на сайте материалы(пост, товар, статья и т.д.), про которых пользователи имеют возможность оставить положительный или отрицательный отзыв, т.е. нравится ли им это или нет. Это обычный и распространенный метод, которого вы довольно хорошо знаете, когда стоит две ссылки с надписью «мне нравится» и «не нравится», кликая на которых меняется количество так называемых лайков и дислайков. Читать далее
Бредкрамб навигация с CSS треугольниками
Сейчас на сайтах начинаются появляться бредкрамб (путь к данной странице) навигации с труголбниками. Мы научимся делать это на чисто CSS. Правда это все можете найти на уроке Крис Койера. Но в отличие от того наша навигация будет с градиентом. И со способом Койера это сделать не получится, так как он предусмотрен для навигации только с определенным фоном. И так начинаем. Начинаем с разметки: Читать далее
Правильный перенос страницы при печати
Когда нужно печатать какой то документ или счет фактуру из HTML страницы часто получается так , что когда блок полностью не вмещается на страницу его половина переходит на другую страницу. А это не очень красиво смотрится. Читать далее
Ajax не работает в IE (Internet Explorer)
В одном из проектах надо было сделать галерею и когда меняются картинки должен был показаться лоадер. Те кто работали с Аяксом наверняко знают как это делать, просто в событии beforeSend показываем данную картинку, а в complete скрываем. Код приблизительно такой: Читать далее
Создаем простую закладку
Сегодняшний день сложно представить сайты без закладок. Теперь покажу как самым простым способом их создать. С начало пишем HTML код : Читать далее
Как включить индексацию сайта в WordPress
Недавно столкнулся с такой проблемой, что сайт не индексируется поисковыми машинами. К тому же на сайте не было файла robots.txt. Долго покопался в настройках Google и Яндекс, так и не добился никакого результата. Оказалось что она была выключена при установки движка. А как включить обратно? Для этого в консоли заходим Параметры -> Приватность и выбираем «Разрешить поисковым системам индексировать сайт».
Консольный оптимизатор изображений для Windows
Оптимизация изображений всегда была проблемой для веб-разработчиков. Правда для этого существуют множество программ, но все они требуют тонкую настройку и это отнюдь отнимает много времени. Сейчас вам буду рассказать о утилите PictureBeaver.
Резиновые стильные кнопки
Чтобы реализовать стильные кнопки большинство верстальщиком приходилось использовать дополнительные теги вроде <span>. Но сейчас я вам покажу как одним тегом создать красивую кнопку и к тому же она будет резиновой (расширяться в зависимости от содержания). Читать далее
Как создать стильный меню вкладку (tab menu)?
Когда начал верстать этот дизайн в нете искал способы как создать такое меню, но не нашел не один сайт где описался бы. Везде описывают создание стандартных таб-меню. А как видите из картинки здесь немного посложнее. И так пришлось придумать самому и я для этого использовал следующий способ: Читать далее
Простой слайд меню
Существует огромное количество плагинов для создание слайд меню. Но сейчас я покажу как это можно делать без всяких плагинов, всего лишь с помощью не большего скрипта. Читать далее
