Скоро Новый Год и все делают друг другу подарки. Было время, а некоторые и сейчас, дарят поздравительные открытки своим близким и знакомым. Но сейчас большая часть подарков и поздравлений "перешла" в интернет. Действительно потрясающий эффект, с помощью которого можно сделать открытку, мы рассмотрим в этом уроке. Также вы можете посмотреть как реализован данный эффеккт, взять демо и переделать под себя :).

Продолжение: http://www.sitehere.ru/potryasayushhij-animirovannyj-3d-tekst

Это вторая часть статьи, в которой мы продолжим рассматривать плагины, позволяющие изменить внешний вид полосы прокрутки в браузере. Мы уже говорили о том, почему ее можно менять, и как изменить так, чтобы она одинаково выглядела во всех браузерах.
В первой части статьи мы рассмотрим набор плагинов, с помощью которых можно изменить полосу прокрутки. Почему мы будем использовать плагины, а не CSS? А всё потому что не все браузеры поддерживают CSS свойства полосы прокрутки.

Продолжение: http://www.sitehere.ru/izmenyaem-vid-polosy-prokrutki-v-brauzere-chast-2

Наверняка мы знаете что стандартную полосу прокрутки в браузере можно изменить. На некоторых сайтах она действительно гармонирует с основной цветовой гаммой. Поэтому если вы решили сделать свою полосу прокрутки на сайте, убедитесь в том, что она подходит под тему вашего сайта. В первой части статьи мы рассмотрим набор плагинов, с помощью которых можно изменить полосу прокрутки. Почему мы будем использовать плагины, а не CSS? А всё потому что не все браузеры поддерживают CSS свойства полосы прокрутки.

Продолжение: http://www.sitehere.ru/izmenyaem-vid-polosy-prokrutki-v-brauzere-chast-1

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

Продолжение статьи - здесь.

Наверняка вы замечали при выборе элемента на сайте, вокруг него появляется такое пунктирное выделение. Как на изображении выше. Иногда даже такие мелочи хотят быть изменены веб-дизайнерами, а главное это возможно. Также данное выделение появляется когда мы перемещаемся по сайту с помощью кнопки Tab на клавиатуре. Проверьте! В этом уроке мы исправим данное выделение на своё собственное.

На сегодняшний день существует много псевдоселекторов, которые редко используются при разработке дизайна. Понятно что без псевдоселекторов ссылок не обойтись(состоянии при наведении, нажатии и так далее). Но существует псевдоселектор, который позволяет задать первую букву параграфа произвольной величины и с другими пользовательскими настройками. Возможно вы уже видели буквицу на блогах. И в этом уроке мы рассмотрим как создать буквицу с помощью CSS.

Продолжение: http://www.sitehere.ru/nachalo-paragrafa-s-bolshoj-bukvy-css

Раньше, когда еще не было CSS, дизайнеру приходилось вручную прописывать каждому заголовку тег <font>. Это было очень мучительно, и затем пришел CSS, который значительно облегчил жизнь веб-дизайнерам. CSS позволяет определить все стили для вашего сайта в одном файле(или нескольких, на ваше усмотрение). Это позволяет сэкономить время работы и сделать код более гибким.

Бывает необходимо сделать изображение серым как можно быстрее и не используя графические редакторы. Конечно можно воспользоваться графическим редактором Adobe Photoshop(можно задать даже глубину и тон). В браузере конечно нельзя настраивать такие параметры, но наш глаз(если, конечно, вы не профессионал) почти не заметит разницы.

В этой статье мы рассмотрим способы как сделать изображение серым.

Продолжение: http://www.sitehere.ru/3-sposoba-sdelat-izobrazhenie-serym

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

Продолжение: http://www.sitehere.ru/ispolzovanie-peremennyx-v-css

Почти на всех сайтах существует как минимум несколько кнопок социальных сетей, для того чтобы пользователи смогли поделиться определенной новостью со своими друзьями. Чтобы не тратить время на поиски, в этом архиве я собрал некоторые виды(присутствуют 3D формы, круглые кнопки и квадратные) социальных кнопок. Вам лишь осталось выбрать ту, которая больше всего понравилась и разметить у себя на сайте.

Иногда появляется такая проблема, как лучше и креативнее расположить несколько изображений или фотографий с общей темой в одном месте. Как вариант можно создать слайдер(тем более их огромное множество). Но в этом уроке мы создадим интерактивную 3D галерею с помощью CSS3 и jQuery.

Продолжение: http://www.sitehere.ru/interesnyj-slajder-na-jquery

Иногда появляется такая проблема, как лучше и креативнее расположить несколько изображений или фотографий с общей темой в одном месте. Как вариант можно создать слайдер(тем более их огромное множество). Но в этом уроке мы создадим интерактивную 3D галерею с помощью CSS3 и jQuery.

Существует огромное множество приложения для веб-разработки. Но какое из них выбрать для себя? Скорее всего вы пользуетесь каким-либо текстовым редактором, а возможно ищете ищете альтернативу, тогда эта статья для вас. В этой статье я хочу рассмотреть несколько редакторов для веб-разработчиков.

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

Когда вы сохраняете изображение через Adobe Photoshop оно действительно хорошо оптимизировано на web. Но что делать если вы хотите еще сильнее уменьшить размер изображения?

Ведь чем меньше изображение, тем быстрее загружается страница сайта. Поэтому у вас есть достаточно причин чтобы оптимизировать свои изображения. И в этой статье я хочу рассмотреть некоторые из сервисов, которые могут качественно оптимизировать изображения.

Классная и в тоже время простая форма входа на сайт. Ведь как важно иметь красивую форму входа и регистрации. Если она действительно подходит по стилю к вашему сайту, тогда смело забирайте и размещайте ее у себя.

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

 

Продолжение: http://www.sitehere.ru/otlichnaya-forma-vxoda-na-html5-i-css3

Подсказки на странице считаются нужным ее составляющей. С поддержкой подсказок можно уменьшить страницу, а «лишний» контент перенести в подсказку, коия вначале укрыта, а возникает лишь при наведении. Я писал теснее ранее как сотворить подсказки на CSS3, а в данном уроке мы поглядим как изготовить этак, чтоб всплывающие подсказки действовали и в Internet Explorer старенькых версиях.

Реальный пример можно увидеть на сайте: http://www.sitehere.ru/prostye-podskazki-na-css3-i-jquery

Возможности CSS3 смогут добавить вашему сайту красивые переходы, анимацию и преобразования. И в этом уроке мы создадим выпадающее меню на CSS3, а также подстрахуемся в том случае, если пользователь зайдет из браузера Internet Explorer. Существует огромное множества различных меню, но данное меню отличается своей компактностью.

Флеш уже не такой популярный в наше время, а сайты стали более статичными. Пока все ждут HTML5 поддержки во всех браузерах, а также его элемента canvas. Возможно вы уже видели на некоторых сайтах интерактивные 3D объекты, которые можно крутить мышкой, например, на сайтах интернет-магазинов. И в этом уроке мы создадим такой эффект с помощью изображений и jQuery.

Продолжение: http://www.sitehere.ru/velikolepnaya-interaktivnaya-3d-model

Мой сайт http://www.sitehere.ru