Видео екранни предавания 2025, Юли

Имаме тези осем навигационни раздела от най-високо ниво, но Home е единственият, който „работи“. Точно за да имаме няколко страници, с които да работим, изваждаме някои страници за "

Доколкото си спомням, използвах Google Code Prettify, за да приложа подчертаването на синтаксиса върху кодовия блок на CSS-трикове. Знаете ли къде в ред като "

Току-що инсталирахме Prism.js и го включихме. В този скринкаст намираме тема, наречена Tomorrow Theme, и вграждаме нейните цветове в синтаксиса "

Направихме малко работа върху хедърите, но ще разгледаме повече за тези в този скринкаст. Хедърите са изключително важен аспект на всеки сайт. Добре направено,"

Сега, когато имаме зона за публикации в блогове, с която наистина можем да работим, наистина можем да влезем в типографията на публикациите в блога. Може би най-важната типография на сайта, както е "

Мисля, че е много хубаво да имате отделен файл (.scss), който е за по-голямата част от типографията на сайта. Normalize има доста типография "

Typecast (в бета версия по време на това заснемане) е наистина спретнато уеб приложение за игра с уеб типография. Дава ви чудесен интерфейс за игра "

Продължавайки концепцията за "Не прекалявайте с мрежите", ние получаваме улуци в мрежата, като използваме просто подплата. Запазваме номера на подложката "

Преди да извършим някаква типографска работа, мислех, че ще поправим досадното, когато изображенията се разпадат извън зоната на статията и мрежата. Използвайки"

Сега, когато работим с персонализиран локален домейн, можем да използваме PHP. "P" в MAMP е за "PHP" =). Използването на PHP означава, че можем да използваме включва. Например: Нашата "

Можем да напишем свой собствен Sass @mixins, за да помогнем с CSS3 неща (като градиенти), но вече съществува Sass framework, наречен Compass, който "

Дизайнът на сайта се оформя като много подобен на мрежата. Нашите модули ще бъдат разположени много чисто в мрежа. Но дали мрежите не са сложни и странни? И може би ние "

В този супер бърз екран, използваме MAMP, за да създадем URL адрес, който можем да използваме за локално развитие. Това е полезно по куп причини: Можем да се свържем с „

Въвеждаме концепцията за @media заявки в CSS. Много от това, което използваме Sass в този проект, ни позволява да останем СУХИ (не се повтаряйте). Направихме "

Започваме с леко ощипване на типа лого, но след това преминаваме към добавяне на икони в основната навигация. Когато проектирахме навигацията във Photoshop (Видео "

Създадохме нов комплект в Typekit за v10. За брандиране ще използваме Proxima Nova Soft засега и някои други шрифтове, които изглеждат толкова близки до HF&J шрифтовете в нашата "

Засега действителният уеб сайт изобщо не прилича много на нашия дизайн на Photoshop. В този скрийнкаст се впускаме да правим точно това, започвайки отгоре с "

Използваме някои трикове за позициониране, за да подредим левия край на логото и основната област на съдържанието, като същевременно заглавката докосва левия ръб на "

Премахването на потребителския агент (по подразбиране) CSS от повечето елементи обикновено е добра идея. Това отдавна се прави от "универсални" нулирания или неща като Ерик "

Докато разглеждаме нашия макет на Photoshop, ние пишем да започнем да пишем HTML, за да опишем какво гледаме. Разбира се, използваме HTML5 винаги, когато го направи "

Започваме да пускаме текста в основната навигация, само за да видим как ще се побере, ще работим по оразмеряване, цветове и т.н. Някои от текста се вписват доста плътно "

Със сигурност не сме „готови“ във Photoshop завинаги за този дизайн, но имаме достатъчно работа, за да започнем да създаваме този дизайн в браузъра. След"

Започваме да проектираме навигацията на сайта от първо ниво (основно). Започваме с екрана с размера на работния плот (с несъмнено произволна ширина), но ние "

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

Целият сайт ще бъде базиран на "модули". Всяко малко нещо буквално ще бъде в кутия (в крайна сметка както визуално, така и в кода). Ние "

Това е аудио запис на разговор в Skype между Ерин Кисане и мен. Ерин написа книгата за стратегията за съдържание, така че имах късмета да й помогна и "

Проектирането в браузъра е страхотно, но започването на Photoshop ме държи в най-креативното си състояние, когато имам най-голяма нужда от него: когато се изправям пред празното платно. "

Добре дошли! Това ще бъде доста пътуването и както всички пътувания, и това започва с една стъпка. Първата ни стъпка е да направим опис на малко "

Този редизайн не е редизайн само заради препроектирането. Искам да подобря сайта по всеки възможен начин, по който можете да подобрите сайта. Един от"

Вече говорихме за ръчно оптимизиране на SVG. Правейки ръчен избор за детайли и какви неща могат да се комбинират или премахват. В това"