Відеосюжети 2025, Січень
Дизайн коментарів може виглядати дуже просто. І воно є! Але я думаю, що в цьому випадку ефективне просто. Коментарі - це така важлива частина CSS-фокусів "
Ми починаємо копатися у Photoshop тут і розробляти область коментарів. Ми починаємо зверху, маючи на увазі окремі коментарі (на відміну від "
Ми починаємо з того, що розглядаємо деякі бурхливі роботи, які я робив за лаштунками, розкриваючи деякі речі, які потрібно було зробити. Як додавання в решті "
Ми майже близькі до того, щоб закінчити створення домашньої сторінки області фрагментів сайту. Одразу ми починаємо допрацьовувати речі і залучати більше речей "
Коли дизайн для області фрагментів "готовий" - тепер ми можемо перейти до певної інтерактивності (читайте: JavaScript). Додаємо супер кульгавий перехід для посилань на "
Тепер у нас є дизайн Photoshop, з якого можна працювати на домашній сторінці області фрагментів. Це набагато більше можливостей для перегляду, ніж було раніше, але зберігає веселку "
Час зануритися в район Сніппетів! Тобто фактична область його вмісту. У нас вже є заголовок на місці. Область фрагментів досить популярна ".
У цьому сюжеті ми завершуємо розділ "Альманах". В альманасі існує досить чітка ієрархія. Це йде: Домашня сторінка> Домашня сторінка альманаху> Властивість або селектор> "
Ми тут стрибаємо вперед лише трохи. Це досить вичерпна серія трансляцій, але це лише близько 40 годин і, звичайно, цей фактичний проект "
Ми вже працювали локально в локальному домені (v10.whatup). Тепер настав час почати переходити до WordPress. Ми продовжуватимемо працювати на місцях "
У нас є весь вміст, який нам потрібен на цій сторінці, і ми маємо заголовок на місці. Тепер ми можемо розпочати CSS з вмісту в тому дизайні, в якому ми працюємо "
Коли ми почнемо працювати в WordPress, найкраще, якщо ми зачепимо точну копію реальної бази даних, щоб працювати з нею локально. Деякі веб-сайти мають такі речі, як "
Тепер, коли ми боролися з тим, щоб отримати належний вміст на домашній сторінці Альманаху, ми можемо розібратися в деяких фактичних стилях за допомогою CSS. Ми вирішили піти "
У цій трансляції ми в основному маємо справу з помаранчевою "Photostar", яка домінує в нижньому колонтитулі. Ми робимо зірку в окремому файлі в Photoshop, щоб ми могли зробити "
Заголовок "Аламанку" надійшов, цього разу від Джованні Діфетерічі. Ми використовуємо багато методів, які ми вже встановили для початку "
Ілюстрація спеціального заголовка для розділу відео з’явилася, цього разу від Аліси Наснер. Ми витрачаємо трохи часу на організацію файлу Photoshop і "
У цьому остаточному скрінкасті з побудови нижнього колонтитулу ми працюємо над нижнім колонтитулом, де знаходяться області CodePen та ShopTalk. Ми повинні змінити HTML на "
У цьому скрінкасті ми зосереджуємося на рядках під посиланнями у верхній частині нижнього колонтитула. Ми наче спотикаємось, з’ясовуючи, які речі слід "
Голова фрагментів увійшла, цього разу Рейганом Рей. Ми проводимо трохи часу в Photoshop, цього разу трохи перемішуючи речі, щоб переконатися, що ми "
Зі структурою HTML для нижнього колонтитула ми маємо те, що нам потрібно, щоб почати стиль і отримати цей нижній колонтитул схожим на те, що ми розробили в Photoshop ".
Це остання робота в Photoshop, яку ми проведемо спеціально щодо нижнього колонтитула, перш ніж перейти до його власного побудови. У цьому скрінкасті ми "
Ми працюємо над створенням дизайну колонтитула у Photoshop. Швидке нагадування: я працюю у Photoshop, тому що там почуваюся більш креативно, перш ніж перестрибнути "
У цьому скрінкасті ми переходимо до ще одного бізнесу Photoshoppin, викладаючи нижній колонтитул із посиланнями на два мої найбільші проекти, CodePen "
Ми вирушаємо у велику подорож, яка є колонтитулом! CSS-Tricks завжди мав великий вишуканий колонтитул, і цей дизайн не стане винятком. Це не чисто "
З нашим дизайном колонтитула, готовим до роботи в Photoshop, ми можемо почати його вбудовувати в наш статичний макет HTML і CSS. Перший крок - це "
У нас є ще одна зона BSA, яку потрібно інтегрувати на сайт. Це має бути трохи простіше, тому що у нас вже є JavaScript, і це просто "
У нас є макет того, як ми хочемо, щоб виглядали наші зони BuySellAds, тому давайте продовжувати будувати їх по-справжньому. Веб-сайт BuySellAds містить необхідний код "
Єдине, чого зараз не вистачає в заголовку наших митних форумів, це та частина, яка насправді говорить "Форуми"! Нік проілюстрував руку, що тримає знак, який мався на увазі "
Тепер, коли ми точно знаємо, з якими зонами працюємо, ми повертаємось до Photoshop і висміюємо, як ми хочемо виглядати ці рекламні зони. У нас є прецедент для "
Як відомо, деякі оголошення на CSS-Tricks є свого роду "самокерованими", як головний спонсор Treehouse. Я взяв це на себе, тому що це просто сингл "