Статьи
CSS таблицы для разного времени суток | |||||
![]() |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() В последнее время на западных сайтах появилась мода на автоматическое изменение дизайна сайта в зависимости от времени суток. Веб-мастера делают две версии своего сайта — «дневную» и «ночную». А некоторые делают даже четыре варианта для утра, дня, вечера и ночи. В самом этом механизме нет ничего сложного — с помощью PHP просто меняются таблицы стилей. В этой статье вы научитесь как менять дизайн вашего сайта в зависимости от времени суток. Далее »
|
Работа с PSD файлами при помощи PHP | |||||
![]() |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Каждый веб-дизайнер знает, что формат PSD — это формат изображений программы Adobe Photoshop. У этих файлов если огромное количество интересных возможностей, например, использование слоев. Но этот формат нельзя прочитать при помощи браузера. Но все это в прошлом! Используя PHP технологию, описанную в этой статье, вы сможете открывать PSD файлы в браузере. Далее »
|
Рисуем сердце с помощью CSS3 | |||||
![]() |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() В этой статье вы найдете CSS код, который поможет вам создать красивое сердце без применения любых изображений. Картинка на CSS3 выглядит просто великолепно, практически не занимает места и будет работать во всех современных браузерах. Далее »
|
Фоновое изображение в поле ввода | |||||
![]() |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() В этой статье мы рассмотрим очень простой, но красивый и необычный способ оформления полей ввода с помощью CSS. А именно, вы научитесь ставить фоновое изображение в поля ввода. Это сделает ваши формы уникальными и эстетичными. В этом способе вы не найдете каких то хитрых и запутанных CSS свойств, все делается обычным
|
Таблица характеристик | |||||
![]() |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() В этой статье я расскажу вам как сделать красивую таблицу характеристик для сайта. Вы можете использовать эту таблицу характеристик как прайс-лист, для сравнения цен, услуг и тарифов, которые предлагаются на вашем сайте. Вы можете использовать ее для сравнения параметров техники, гаджетов и чего угодно. Урок очень полезен и имеет огромную область применения. Далее »
|
Индикаторы загрузки с помощью SVG | |||||
![]() |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Несмотря на то, что последний тренд в веб-разработках заключается в создании элементов сайта без применения изображений, я решил показать вам в этом уроке, как создать анимированный индикатор загрузки с помощью SVG изображения, вместо стандартных CSS блоков и элементов. Мы создадим красивый индикатор загрузки, а задним фоном ему зададим SVG изображение. Далее »
|
Упоминание сайта в Facebook и Google+ | |||||
![]() |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Иногда, вам может понадобиться узнать количество людей, которые поделились вашим сайтом в социальных сетях Facebook или Google+, или нажали кнопку «Мне нравится». Возможно, вы захотите вывести эту статистику в особом виде, и готовые решения от этих сетей вас не удовлетворяют. Для этого, в этом уроке я привел интересные PHP функции, которые помогут получить вам эту статистику и гибко распоряжаться ею. Далее »
|
Решение багов Internet Explorer | |||||
![]() |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Любой веб-мастер должен иметь хотя бы некоторое понятие о кроссбраузерности, то есть корректном отображении сайта в любом браузере. А при работе над кроссбраузерностью сайта, больше всего проблем, как известно многим, пораждает браузер Internet Explorer. В этой статье вы найдете пути решения многих проблем, связанных с Internet Explorer. Далее »
|
Страница в стиле тетрадного листа | |||||
![]() |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() В этой статье вы узнаете как создать страницу в стиле тетрадного листа. Такой стиль оформления может иметь применения в сайтах посвященным образованию, литературе, поэзии, или сайтам, чьи создатели хотят добавить им уникальности. Само решение просто, легковесно, семантично и очень реалистично. Наверняка, многим придется по душе этот легкий урок. Далее »
|
Интересное меню | |||||
![]() |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() В сегодняшнем уроке вы узнаете как создать интересное меню с редким и очень необычным эффектом при наведении, при помощи некоторых CSS3 свойств и jQuery. Идея заключается в создании полупрозрачного слайда над несколькими миниатюрами, который выплывает с той стороны, откуда была подведена мышь. Когда мы «покидаем» элемент, слайд следует в том же направлении, следуя за курсором. Это позволяет создать очень интересный эффект. Далее »
|