хочу сюда!
 

Алинка

27 лет, телец, познакомится с парнем в возрасте 29-37 лет

Заметки с меткой «css»

Створюємо меню як на YouTube

Створюємо меню як на YouTube

Сьогодні ми покажемо вам, як створити таке меню як на YouTube. Воно знаходиться у лівій частині і підписане як «Посібник». Меню складається з маленької іконки, напису та має список посилань, який з’являється по кліку на іконку чи на сам напис. Якщо клікнути, то іконка меню переміститься у праву частину, напис зникне і з’явиться меню з посиланнями. Для того, щоб зробити меню більш цікавим, ми додамо більше стилів та ефектів.

Отже, давайте зробимо це! Читати далі »

Прокачуємо веб-форми за допомогою HTML5 та CSS3

Прокачуємо веб-форми за допомогою HTML5 та CSS3

Давайте поглянемо на те, як можна зробити візуально привабливу валідацію форми на боці клієнта за допомогою HTML5 та CSS. Читати далі »

Готові ви чи ні, а HD веб-дизайн вже на підході…

Готові ви чи ні, а HD веб-дизайн вже напідході...

«Фруктова» компанія штовхає вперед ІТ-індустрію за рахунок збільшення щільності пікселів на екранах iPhone та iPad (а тепер ще й MacBook Pro). Це дуже зручно з точки зору користувача. Ну, а веб-дизайнерам чи розробникам, схоже, прийдеться робити сайти по новому.

А ви готові до HD веб-дизайну? Ви знаєте, як ваш сайт буде виглядати на новому поколінні дисплеїв з високою роздільною здатністю?

Які дії ви можете зробити, щоб підготуватися, якими навичками повинні володіти, щоб ваша робота залишалася актуальною в найближчі роки? Читати далі »

Принцип цикади і чому він такий важливий для веб-дизайнерів

Принцип цикади і чому він такий важливий для веб-дизайнерів

Пару років тому я прочитав цікаві факти про життєвий цикл періодичних цикад. Зазвичай ми не бачимо навколо себе багато цих комах, тому що більшу частину свого життя вони проводять під землею і тихо собі смокчуть коріння рослин.

Проте, в залежності від виду, кожні 7, 11, 13 або 17 років періодичні цикади одночасно масово вилізають на поверхню і перетворюються в шумних летючих тварюк, розмножуються та незабаром помирають.

Хоча наші дивні цикади весело «відкидають копита», виникає очевидне запитання: це просто випадковість, чи числа 7, 11, 13 і 17 якісь особливі?

Виявляється, у цих чисел є дещо спільне. Всі вони прості числа, тобто такі, що діляться тільки на себе і на одиницю.

Чому це так важливо? Читати далі »

Створюємо ретро ефект використовуючи лише CSS

Створюємо ретро ефект використовуючи лише CSS

Я вже створив багато уроків на тему ретро ефекту, але всі вони робилися з використанням Photoshop. Граючись з деякими новими фічами CSS3, я вирішив створити досить пристойний ретро ефект використовуючи лише цей інструмент. Давайте поглянемо, як використовуючи CSS градієнти та фільтри, можна зробити такий ефект прямо в браузері.

Наразі, CSS фільтри підтримуються тільки у Webkit браузерах (Chrome, Safari), але досить скоро фони будуть підтримуватися в усіх сучасних браузерах. Читати далі »

Змінюємо дизайн сторінки авторизації у WordPress без плаґінів

Змінюємо дизайн сторінки авторизації у Wordpress

На заключному етапі розробки дизайну для WordPress можна створити власний вигляд сторінки входу адміністратора. Даний урок буде про те, як легко це зробити без використання плаґінів. Читати далі »

Гарні checkbox та radio кнопки на CSS3 без JavaScript

Гарні checkbox та radio кнопки на CSS3 без JavaScript

Ви коли-небудь цікавилися, як стилізувати checkbox’и і radio кнопки без використання JavaScript? Завдяки CSS3 це легко зробити.

Цим уроком ми відкриваємо серію статей, які стосуються не тільки візуального оформлення, а й того, як всю цю красу реалізувати в коді. Читати далі »

7 корисних типографських інструментів для дизайнера

7 корисних типографських інструментів для дизайнера

Типографія є одним з ключових елементів веб-дизайну. Сьогодні ми пропонуємо вам ознайомитися з цікавою збіркою типографських інструментів, які можуть розширити можливості дизайнера та спростити його роботу. Використовуючи ці інструменти, ви зможете зможете створити власні шрифти, інтегрувати їх у ваші роботи шляхом простого копіювання елементів коду, або використовуючи готовий CSS код. Читати далі »

Страницы:
1
2
предыдущая
следующая