Очень простое popup-окно!


Доброго времени суток, читатель нашего блога! Буквально месяца два назад я начал учить JavaScript и не безуспешно, я вам скажу=) Когда я начал осваивать этот язык, моей целью было — научиться создавать всплывающий контент поверх страницы сайта, уж очень было интересно, как это делается, и вот сейчас я догадался, как это можно реализовать! Это мой Win! Как же приятно осознавать, что ты учишься чему-то новому. Ну перейдем к сути дела, не пугайтесь по поводу JavaScript, его всего будет две строчки, больше места занимает CSS. Наша задача — по клику на какой-то объект, должна сработать команда, присваивающая нашему popup-окну свойство «visibility: hidden;», то есть просто его скрыть, да, мы изначально его сделаем видимым, а потом скроем, в этом вся простота, никаких эффектов плавного появления не будет, к сожалению это или к счастью, не знаю…
Читать дальше...

Стопка фотографий на CSS3


Здравствуйте, сегодня хотел бы осветить довольно интересный урок, затрагивающий псевдо-элементы ":before" и ":after" в CSS. Что мы с вами сделаем: мы «нарисуем» кодом элементы для фотографий, имитирующие эффект стопок, смысл виден на картинке выше.
Читаю дальше...

Freepik — кладовая веб-дизайна


Привет, веб-дизайнеры, представляю вашему вниманию очень интересный ресурс под названием «Freepik». Фрипик представляет из себя сайт-коллекцию различных векторных изображений, фотографий и PSD-исходников, все они бесплатные!
Далее...

Кросспостинг WordPress в Twitter


Twitter в наше время занимает довольно значимую позицию в мире социальных сетей, и не разместить там хотя бы часть своего контента для блогера — это было бы ошибкой. И вот вы регистрируете учетную запись своего проекта, пишите пару твиттов, оставляете ссылки на посты своего блога, все бы хорошо, но ведь мы живем в 21-ом веке, неужели нельзя как-то автоматизировать этот процесс? Конечно можно, и сейчас мы с вами посмотрим на два способа кросспостинга контента из блога WordPress в Twitter.
Подробнее...

Представление продукта в 3D кубе с помощью CSS 3D Transform топик-ссылка

Есть много способов представления информации о продукте, например, при наведении курсора на изображение, текст о продукте скользит в разные стороны или даже куда-то уплывает. В этом уроке я собираюсь рассказать Вам о том, как показать информацию о продукте в кубе с использованием CSS3 3D Transform.

Генератор CSSLoad — анимационная загрузка без img и flash топик-ссылка

Вам нужен красивый интересный загрузчик, воспользуйтесь flash? Нет? Тогда, может быть gif анимация? Нет!? А я знаю, что вам нужно! CSS! Если не знаете, как это поставить на свой сайт, вам поможет сервис о котором пойдет речь в этом посте. У сервиса CSSLoad.net есть два вида предлагаемых анимаций: Графическая и Текстовая. Начнем с первой. Да, у сервиса присутствует русский интерфейс, что не может не радовать нас.

Layerstyles — пишем CSS ползунками топик-ссылка

Хотели бы вы, чтобы те стили, которые вы задаете в Photoshop перекочевали в CSS? Думаю, что это риторический вопрос, который я не много не правильно задал. Речь в этом посте пойдет не о стилях фотошопа, а о сервисе, который копирует функционал настройки стилей фотошопа. Сервис Layerstyles — это находка для веб-мастера, это один из тех генераторов CSS, которые верстальщик будет использовать постоянно. И сейчас я вам это докажу.