Архив метки: CSS
Руководство для веб-мастеров от Google
На днях в глобальной сети появилось официальное руководство от Google по оформлению кода HTML и стилей CSS. В этом руководстве содержатся рекомендации относительно того, каким образом необходимо создавать сайт, чтобы поисковик Google отнесся к нему благосклонно. Забота Google о будущих владельцах ресурсов простирается настолько, что эти инструкции были опубликованы сразу на многих языках.
Инженеры Google против блокировки javascript и CSS
Интересным образом иногда происходит общение поисковой системы Google и вебмастеров. На днях инженер компании на своем блоге опубликовал статью-обращение к владельцам сайтов, в котором он призывал не блокировать javascript и CSS от поискового бота.
Вертикальное меню с помощью CSS3
Сегодня на сайте RusDigi еще одна практическая статья из раздела CSS3. Статья представляет из себя свободный перевод англоязычной статьи. В статье мы научимся создавать вертикальное раздвигающееся меню. Такое меню позволит разместить массу ссылок в небольшом пространстве, а приятная анимация при развертывании украсит ваш сайт. Если вы новичок, то у вас все равно должно все получиться, т.к. мануал достаточно подробный и вы сможете узнать для себя что-то новое из CSS. Для подкрепления знаний по CSS3 вы можете обратиться к циклу статей CSS3 для начинающих.
Что такое HTML? Анатомия HTML5 документа
Эта вторая статья из небольшого цикла статей для новичков в мире веб-разработки. В первой статье Что такое HTML? Возвращаемся к основам мы узнали фундаментальные основы языка HTML, что такое язык разметки, что такое теги и какими они бывают и как HTML взаимодействует с другими технологиями, такими как CSS. Сегодняшняя статья будет посвящена анатомии документа на HTML5. Мы узнаем из каких блоков состоит документ HTML, что идет в начале HTML документа и какова структура HTML документа.
Что такое HTML? Возвращаемся к основам
Сегодня хотелось бы начать небольшую серию статей об основах веб-разработки. Часто многие бояться или не знают с чего начать изучение HTML, CSS, JavaScript — эта серия статей поможет разобраться в основах и сделать первые шаги. Вы увидите, что эти технологии не такие сложные какими видятся и вы сможете работать с ними без особого труда. Сегодня речь пойдет о языке разметки HTML. Хочется сразу сказать, что статьи являются частичным переводом англоязычных статей, в которые будет намешано немного собственного опыта.
CSS3 кнопки. 4 варианта анимированных кнопок
Сегодня на блоге RusDigi перевод очень интересного мануала по кнопкам на CSS. Материал взят с сайта codrops и представляет из себя результат экспериментов с кнопками и CSS стилями. В первую очередь интересны эффекты анимации применяемые в этих кнопках. Те кнопки, создание которых мы сегодня разберем можно использовать в коммерческих проектах. Они достаточно нестандартны и хорошо выглядят и поэтому будут привлекать внимание посетителей. Иконки, используемые в примерах взяты с сайта http://www.webiconset.com/, а используемый шрифт от студии Just Be Nice.
CSS для начинающих: CSS кнопки — 4 интересных примера
Сегодня не будет сложных свойств CSS, о которых в последнее время я писал. Сегодня мы вернемся к самому простому. Мы создадим 4 кнопки с разными уникальными эффектами при наведении. Суть сегодняшней статьи — показать основные приемы работы с CSS. И эта статья будет скорее полезна новичкам нежели профессионалам. Каждый может использовать эти кнопки в своих проектах, но не ленитесь экспериментировать и создавать новые эффекты.
Эффекты при наведении для изображений с использованием CSS3
Новые свойства CSS3 позволяют делать очень много всего интересного. Сегодня мы рассмотрим несколько примеров, в котором создадим 10 разных эффектов при наведении курсора мыши на изображение. Мы будем показывать поверх изображения описание. Следует учесть, что данный эффект будет работать только в современных браузерах, которые поддерживают нововведения CSS3.
CSS: как сменить цвет выделения текста в современных браузерах
В этом небольшом мануале рассмотрим как быстро и легко сменить цвет выделения текста в современных браузерах с помощью CSS3. Под выделение текста мы подразумеваем выделение текста с помощью курсора мыши на текущей странице в браузере. Разные браузеры по разному выделяют текст. К примеру, в Google Chrome, которым я пользуюсь, при выделении текст становиться белым, а фон голубым. Давайте посмотрим, как изменить эти цвета.
3D аккордеон на CSS3
Меню с использование аккордеона стали очень популярны с появлением Web 2.0. Основная задача таких меню повысить юзабилити сайтов, на которых они применяются. Это особенно важно когда осуществляется создание корпоративного сайта. Суть аккордеона в том, что вы получаете доступ сразу к большому количеству информации, но при этом сильно экономится пространство на сайте. Готовых вариантов масса. Вот к примеру один, который я приводил в обучающей статье по jQuery.