Видео Сцреенцастс 2025, Јули

Имамо ових осам навигационих картица највишег нивоа, али Хоме једино функционише. Само да бисмо имали неколико страница за рад, издвојили смо неке странице за "

Колико се сећам, користио сам Гоогле Цоде Преттифи да бих применио истицање синтаксе на блок кода на ЦСС-триковима. Знате, где у реду попут "

Управо смо инсталирали Присм.јс и покренули га. У овом сцреенцаст-у налазимо тему која се зове Томорров Тхеме и уграђујемо њене боје у синтаксу "

Направили смо мало посла на заглављима, али ћемо се детаљније позабавити онима на овом сцреенцаст-у. Заглавља су проклето важан аспект сваке веб локације. Добро урађено,"

Сад кад имамо област за објављивање блогова, заиста можемо ући у типографију блогова. Вероватно најважнија типографија на веб локацији, каква је "

Мислим да је веома лепо имати појединачну датотеку (.сцсс) која је намењена великој већини типографије на веб локацији. Нормализе има прилично мало типографије "

Типецаст (у бета верзији у време овог снимања) је заиста уредна веб апликација за играње са веб типографијом. Даје вам одличан интерфејс за играње "

Настављајући концепт „Не претјеруј у размишљању о мрежама“, у мрежи се покрећу олуци само помоћу једноставних облога. Задржавамо попуњени број "

Пре него што завршимо неки типографски посао, мислио сам да ћемо поправити досадну ствар где слике пропадају изван подручја чланака и мреже. Користећи"

Сада када покрећемо прилагођени локални домен, можемо да користимо ПХП. „П“ у МАМП-у је за „ПХП“ =). Коришћење ПХП-а значи да можемо да користимо укључује. На пример: Наш "

Могли бисмо да напишемо сопствени Сасс @микинс да бисмо помогли у ЦСС3 стварима (попут градијената), али већ постоји Сассов оквир који се зове Цомпасс који "

Дизајн веб странице обликује се врло мрежно. Наши модули ће бити постављени врло чисто у мрежу. Али нису ли мреже сложене и чудне? А можда ми "

У овом супер брзом сцреенцаст-у користимо МАМП за постављање УРЛ-а који можемо користити за локални развој. Ово је корисно из више разлога: можемо да повежемо на „

У ЦСС уводимо концепт @медиа упита. Много онога што нам омогућава Сасс на овом пројекту је да останемо СУХИ (не понављајте се). Урадили смо"

Почињемо тако што ћемо мало подесити тип логотипа, али затим ћемо ускочити у додавање икона у главну навигацију. Када смо дизајнирали навигацију у Пхотосхопу (Видео "

Поставили смо нови комплет у Типекит-у за в10. За брендирање, за сада ћемо користити Прокима Нова Софт и неке друге фонтове који изгледају блиско ХФ&Ј фонтовима у нашем "

За сада стварна веб локација уопште не личи много на наш Пхотосхоп дизајн. У овом сцреенцаст-у истражујемо управо то, почевши од врха са „

Користимо неке трикове за позиционирање да бисмо поредали леву ивицу логотипа и главну област садржаја, а да при томе заглавље додирује леву ивицу „

Уклањање корисничког агента (подразумевано) ЦСС-а из већине елемената је обично добра идеја. То одавно раде „универзална“ ресетовања или ствари попут Ерика “

Док гледамо нашу Пхотосхоп макету, пишемо како започињемо са писањем ХТМЛ-а да бисмо описали шта гледамо. Ми наравно користимо ХТМЛ5 кад год то направи "

Почињемо да испуштамо текст у главну навигацију, само да видимо како ће се уклопити, радити на величини, бојама итд. Неки од текстова прилично се уклапају "

У Пхотосхопу сигурно нисмо „готови“ за овај дизајн, али имамо довољно посла да бисмо започели са креирањем овог дизајна у прегледачу. После"

Почињемо са дизајнирањем навигације на највишем нивоу (главног) сајта. Почињемо са екраном величине радне површине (на додуше произвољној ширини), али „

Додамо неколико додатних слојева испод главног заглавља / оквира за брендирање како бисмо добили изглед „хрпе папира“. Нема велике метафоре или било чега сличног, само додаје нешто визуелно "

Цела веб локација ће се заснивати на „модулима“. Свака ситница биће дословно у кутији (на крају и визуелно и у коду). Ми"

Ово је звучни запис Скипе позива између Ерин Киссане и мене. Ерин је написала књигу о стратегији садржаја, па сам имала среће да јој помогнем и "

Дизајнирање у прегледачу је супер, али почетак у Пхотосхопу одржава ме најкреативнијим када ми је најпотребније: када се окренем према празном платну. "

Добродошли! Ово ће бити прилично путовање, и као и сва путовања, и ово започиње једним кораком. Наш први корак је да направимо попис дела "

Овај редизајн није редизајн само ради редизајна. Желим да побољшам страницу на сваки могући начин на који можете да је побољшате. Један од"

Већ смо разговарали о ручној оптимизацији СВГ-а. Ручно бирање детаља и врста ствари које се могу комбиновати или уклонити. У ово"