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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Adobe Dreamweaver CS5 - стабильная версия софта для создания высококачественных веб-сайтов. Дизайн с использованием приложений контроля CSS, создание сайтов для систем управления контентом, а также удобство и качество тестирования функционирования с браузерами благодаря внедрения Adobe BrowserLab, новой онлайн-поддержкой Adobe CS Live - это далеко не весь новый Dreamweaver CS5. В приложении появилась поддержка распространенных CMS (Drupal, Joomla и WordPress), функции подсказки по различным классам PHP и по коду для различных сайтов и многое другое.

Новые функции Dreamweaver CS5: Новая поддержка популярных CMS (Joomla! , Drupal и WordPress) Проверка CSS Интеграция с Adobe BrowserLab Тонкая работа с свойствами CSS Расширенная поддержка версионности Подсказки при создании PHP кода Подсказки при кодировании с использование сторонних библиотек Улучшена работа страниц CSS starter Простая настройка сайтов Браузер виджетов Интеграция сайтов с аналитикой от Business Catalyst и Omniture analytics Особенности сборки: • Не требует регистрации и активации; • Только русский и английский языки интерфейса; • Интегрированы обновления до версии 11.0.3 (build 4964) ; • Adobe Player for Embedding обновлён до версии 3.1; • Удалены компоненты, не требуемые для полноценной работы Dreamweaver; • Дополнительно уменьшен размер дистрибутива за счет пережатия архивов. Удалённые компоненты: - Adobe AIR, - Adobe Media Player, - Adobe CSXS Extensions CS5, - Adobe CSXS Infrastructure CS5, - Adobe Device Central CS5, - Adobe ExtendScript Toolkit CS5, - Adobe Extension Manager CS5, - Adobe Help, - Adobe JRE CS5, - Adobe ReviewPanel2, - CSXS Story Extension, - HIL Help Search, - SiteCatalyst® NetAverages™ Portable сборка изготовлена и потестирована на Windows XP SP3 32 bit. Не оставляет следов в системе, работает с любого места на жестком диске, или с флешки. После распаковки занимает около 500 MB места на диске.

Платформа :Windows all