Video ekrāna apraides 2025, Aprīlis
Mums ir šīs astoņas augšējā līmeņa navigācijas cilnes, taču tikai sākumlapa "darbojas". Lai mums būtu dažas lapas, ar kurām strādāt, mēs dažas lapas izdzēšam "
Cik atceros, es izmantoju Google Code Prettify, lai sintakses izcelšanu pielietotu CSS-Tricks kodu blokā. Jūs zināt, kur tādā rindā kā "
Mēs tikko esam instalējuši Prism.js un saņēmuši darbu. Šajā ekrānuzņēmumā atrodam tēmu ar nosaukumu Tomorrow Theme un iesakām tās krāsas sintaksē "
Mēs esam paveikuši nelielu darbu pie galvenēm, taču mēs sīkāk izpētīsim tos, kas atrodas šajā ekrāna pārraidē. Galvenes ir ļoti svarīgs jebkuras vietnes aspekts. Darīts labi, "
Tagad, kad mums ir pieejama emuāra ziņu zona, mēs patiešām varam iekļūt emuāra ziņojumu tipogrāfijā. Varbūt vissvarīgākā vietnes tipogrāfija, kāda tā ir "
Manuprāt, ir ļoti patīkami, ja vietnē ir atsevišķs fails (.scss), kas domāts lielākajai daļai tipogrāfijas. Normalizēt ir diezgan daudz tipogrāfijas "
Typecast (šīs filmēšanas laikā beta versijā) ir patiešām veikls tīmekļa lietotne spēlēšanai ar tīmekļa tipogrāfiju. Tas nodrošina lielisku saskarni spēlēšanai "
Turpinot jēdzienu "Nepārdomājiet to režģus", mēs saņemam notekas, kas notiek režģī, vienkārši izmantojot dažus vienkāršus polsterējumus. Mēs saglabājam polsterējuma numuru "
Pirms mēs veicam dažus tipogrāfijas darbus, es domāju, ka mēs izlabosim kaitinošo lietu, kur attēli sabojājas ārpus raksta zonas un režģa. Izmantojot “
Tagad, kad mēs izmantojam pielāgotu vietējo domēnu, mēs varam izmantot PHP. "P" MAMP ir domāts "PHP" =). PHP izmantošana nozīmē, ka mēs varam izmantot arī. Piemēram: Mūsu
Mēs varētu rakstīt paši savu Sass @mixins, lai palīdzētu ar CSS3 lietām (piemēram, gradientiem), taču pastāv jau pastāvošs Sass ietvars ar nosaukumu Compass, kas "
Vietnes dizains veidojas ļoti līdzīgs režģim. Mūsu moduļi ļoti tīri tiks izvietoti režģī. Bet vai režģi nav sarežģīti un dīvaini? Un varbūt mēs "
Šajā ļoti ātrajā ekrānuzņēmumā mēs izmantojam MAMP, lai iestatītu vietrādi URL, kuru varam izmantot vietējai attīstībai. Tas ir noderīgi vairāku iemeslu dēļ: mēs varam izveidot saiti uz
Mēs ieviešam @media vaicājumu jēdzienu CSS. Daudz ko no mums ļauj izmantot Sass šajā projektā, ir palikt SAUSAI (neatkārtojiet sevi). Mēs izdarījām"
Mēs sākam mazliet pielabot logotipa veidu, bet pēc tam pāriet uz ikonu pievienošanu galvenajā navigācijas panelī. Kad mēs izstrādājām navigāciju Photoshop (Video "
Mēs uzstādījām jaunu komplektu Typekit versijā v10. Zīmolradei mēs pagaidām izmantosim Proxima Nova Soft un dažus citus fontus, kas izskatās tik tuvu HF & J fontiem mūsu "
Pagaidām faktiskā vietne nemaz neizskatās pēc mūsu Photoshop dizaina. Šajā ekrānuzņēmumā mēs iesakām to darīt, sākot no augšas ar “
Mēs izmantojam dažus pozicionēšanas trikus, lai sakārtotu logotipa kreiso malu un galveno satura apgabalu, bet galvene joprojām pieskaras loga "
Lietotāja aģenta (noklusējuma) CSS noņemšana no lielākās daļas elementu parasti ir laba ideja. To jau sen ir izdarījuši "universālie" atiestatījumi vai tādas lietas kā Ēriks
Apskatot mūsu Photoshop maketu, mēs rakstām sākam rakstīt HTML, lai aprakstītu to, ko mēs skatāmies. Protams, mēs vienmēr izmantojam HTML5,
Mēs sākam nomest tekstu galvenajā navigācijā, tikai lai redzētu, kā tas derēs, strādāsim pēc izmēru noteikšanas, krāsām utt. Daži no tekstiem ir diezgan stingri piemēroti
Mēs noteikti neesam Photoshop uz visiem laikiem "izdarīti" šim dizainam, taču mums ir pietiekami daudz jāstrādā, lai sāktu veidot šo dizainu pārlūkprogrammā. Pēc "
Mēs sākam izstrādāt vietnes augšējā līmeņa (galveno) navigāciju. Mēs sākam ar darbvirsmas izmēra ekrānu (protams, patvaļīgi), bet mēs esam "
Mēs pievienojam dažus papildu slāņus zem galvenes galvenes / zīmola lodziņa, lai piešķirtu "papīra kaudzei" izskatu. Neviena liela metafora vai nekas cits, tas tikai pievieno kādu vizuālu "
Visa vietne būs balstīta uz "moduļiem". Katra mazā lieta burtiski būs lodziņā (galu galā gan vizuāli, gan kodā). Mēs "
Šis ir Skype zvana starp Erinu Kissane un mani audioieraksts. Erina uzrakstīja grāmatu par satura stratēģiju, tāpēc man paveicās saņemt viņas palīdzību un
Dizains pārlūkprogrammā ir foršs un viss, taču, sākot ar Photoshop, es varu būt visradošākais, kad man tas visvairāk vajadzīgs: saskaroties ar tukšo audeklu.
Laipni lūdzam! Šis būs diezgan ilgs ceļojums, un tāpat kā visi braucieni, arī šis sākas ar vienu soli. Mūsu pirmais solis ir inventarizēt mazliet "
Šī pārveidošana nav pārveidošana tikai dizaina labad. Es vēlos uzlabot vietni visos iespējamos veidos, kā jūs varat uzlabot vietni. Viens no"
Mēs jau runājām par SVG optimizēšanu ar rokām. Manuāli izdarot izvēli par detaļām un to, kāda veida lietas var kombinēt vai noņemt. Šajā"