Всем известно, что процесс создания крупных сайтов долгий и сложный. Он состоит из нескольких этапов. В этой статье мы расскажем, что такое верстка сайта и почему именно этот этап является одним из самых важных в веб-разработке. Но в начале, рассмотрим последовательность, при которой создаются веб-ресурсы: 1) Необходимо нарисовать макет в Фотошопе или другом графическом редакторе. 2) Макет преобразуется в HTML и CSS код, который...

Читати далі...

[Приєднана картинка][Приєднана картинка] No comments) на comments.ua

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

Читати далі...

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

Читати далі...

[Приєднана картинка]Я вже створив багато уроків на тему ретро ефекту, але всі вони робилися з використанням Photoshop. Граючись з деякими новими фічами CSS3, я вирішив створити досить пристойний ретро ефект використовуючи лише цей інструмент. Давайте поглянемо, як використовуючи CSS градієнти та фільтри, можна зробити такий ефект прямо в браузері.Наразі, CSS фільтри підтримуються тільки у Webkit браузерах (Chrome, Safari), але досить скоро фони будуть підтримуватися в усіх сучасних браузерах...

Читати далі...

[Приєднана картинка]Ви коли-небудь цікавилися, як стилізувати checkbox’и і radio кнопки без використання JavaScript? Завдяки CSS3 це легко зробити.Цим уроком ми відкриваємо серію статей, які стосуються не тільки візуального оформлення, а й того, як всю цю красу реалізувати в коді. Читати далі »

[Приєднана картинка] Якось я вже чіпав тему того, чи повинен дизайнер вміти верстати. Тоді ми майже всі зійшлися у думці, що дизайнер повинен як мінімум розуміти те, як буде зверстаний його макет. І відповідно розробляти дизайн веб-ресурсу таким чином, щоб верстальщик не городив костилів для реалізації заумних ефектів.Оскільки розробка сайту — це командна, багатоетапна робота, то для досягнення якісного результату на&nbsp...

Читати далі...

[Приєднана картинка]Ця тема буде цікава скоріше верстальщикам, т.я. оптимізація графіки при нарізанні макету це їх відповідальність. Чому саме необхідно робити таку оптимізацію, думаю, не потрібно пояснювати. Лише зазначу — якщо ви хочете, щоб майбутній веб-сайт завантажувався швидше, то графіка повинна мати якомога менший розмір. Та й, наприклад, google ставить у результатах пошукової видачі вище ті сайти, які завантажуються швидше. Читати ...

Читати далі...

[Приєднана картинка]Я якось вже зачепив дане питання в одному з коментарів до цього блоґу. Думаю, що багатьом дизайнерам-початківцям воно буде цікавим, тому вирішив відповісти розширено і вигляді окремої теми.Частенько на форумах зустрічав суперечки між дизайнерами… одні казали, що вміння верстати на глибокому рівні просто необхідне (такий собі дизайнер-верстальщик в одному флаконі). Інші — що взагалі не треба, і ти хоч трісни, коли...

Читати далі...