Vai esi kādreiz vēlējies, lai tavs CSS vienkārši beigtu ar tevi cīnīties?
Reiz es pavadīju vakaru cīnoties ar pogu. Nevis metaforiski. Īstu, dzīvu, nevainīgu pogu mājaslapā, kas atteicās nostāties vienā līnijā ar saviem kaimiņiem. Es mēģināju ar atstarpēm. Es mēģināju ar flexbox. Es čukstēju jaukus niekus Chrome DevTools. Poga atbildēja, pavelkoties par diviem pikseļiem pa kreisi un smīnot.
Ja tu veido , tev ir bijusi šī nakts. Un tas ir Google Gemini 3.0 Pro funkciju solījums izstrādei: mazāk vēlu nakts pikseļu zādzību, vairāk “oho, tas patiešām nostrādāja” mirkļu. Tā nav telepātija. Bet Gemini 3.0 Pro, jauns ieraksts AI rīku kastē, ir pārsteidzoši labs, pārvēršot neskaidrus dizaina nodomus pienācīgā sākotnējā kodā — un pēc tam atkārtojot ar tevi, piemēram, pacietīgs pāra programmētājs, kurš neelpo smagi, kad tu jautā: “Kāpēc mans režģis tā dara?”
Šajā pamācībā es tevi iepazīstināšu ar to, kā Gemini 3.0 Pro palīdz ar izstrādi, kur tas spīd, kur tas paklūp un kā to iestatīt, lai tas patiešām ietaupītu tavu laiku. Es parādīšu reālus piemērus demo stilā un iekļaušu dažas problēmu risināšanas sānrindas, kad AI kļūst radošs nepalīdzīgos veidos.
Spoilers: Gemini 3.0 Pro funkcijas maģiski nepiegādās perfektu lietotni. Bet UI sastatnēm, komponentu refaktorēšanai, pieejamības uzlabojumiem un sarežģītai stāvokļa loģikai, “ izstrādes modeļa” noskaņa ir likumīga — un dažreiz patīkami precīza.
Kas ir Gemini 3.0 Pro — un kāpēc par to vajadzētu rūpēties speciālistiem?
Tu, iespējams, esi dzirdējis liftā izteikto runu: Gemini 3.0 Pro ir liels, multimodāls AI modelis. Tulkojums: tas var lasīt kodu, rakstīt kodu, skatīties ekrānuzņēmumus, interpretēt diagrammas un sekot līdzi garākām sarunām. izstrādei šīs Gemini 3.0 Pro funkcijas pārvēršas dažos lielvarās:
- Tas saprot UI modeļus. Pieprasi lipīgu galveni ar adaptīvu režģi un tumšā režīma pārslēdzēju, un tu parasti iegūsi saprātīgu HTML/CSS ar mūsdienīgām izkārtojuma izvēlēm.
- Tas apstrādā komponentu loģiku. Tu vari pieprasīt React komponentu ar , pieejamības atribūtiem un vienības testiem — un tas sagatavos visu partiju.
- Tas pamatojas uz failiem. Ielīmē savu CSS, React un Figma nodošanas ekrānuzņēmumu, un Gemini 3.0 Pro varēs pamanīt neatbilstības (un tās novērst) bez liekas saskaņošanas.
- Tas paskaidro. Vai vēlies uzzināt, kāpēc tava ir nepareiza vai kāpēc tava Tailwind konfigurācija cīnās ar tavu tēmu? Tas stāstīs kā tavs iecienītākais koda recenzents, mīnus espresso radītais satraukums.
“Labi, Pogue,” tu saki, “tas izklausās jauki. Bet vai tas var palīdzēt, kad es patiešām veidoju ?” Smieklīgi, ka tu to jautā.
Izstrādes Modelis, Praksē
Iedomāsimies, ka tu veido vienkāršu produktu kartīti e-komercijas vietnei. Tev ir prasības: adaptīvs izkārtojums, attēla apgriešanas disciplīna (bez saspiestām kurpēm), peles kursora efekts, ātrās pievienošanas poga, kas ir ērta klaviatūrai, un cenas nozīmīte, kas atsakās pārklāties ar kaut ko svarīgu.
Lūk, kā Gemini 3.0 Pro funkcijas padara šo mazāk... kaitinošu.
1. solis: Apraksti UI kā cilvēks
Tu: “Man ir nepieciešama adaptīva produktu kartīte React. Režģa izkārtojums galddatorā, viena kolonna mobilajā ierīcē. Attēlam jāsaglabā malu attiecība. Pievieno alt tekstu, klaviatūras fokusu un peles kursora atklāšanu ātrās pievienošanas pogai. Saglabā to vienkāršā CSS (bez utilītu klasēm). Iekļauj testa pārklājumu.”
Gemini 3.0 Pro: Izveido veiklu funkcionālu komponentu, CSS moduli ar loģisku nosaukumu, pāris jaukumus un minimālu testu komplektu ar React Testing Library.
Vai tas ir gatavs ražošanai? Ne vienmēr. Bet tas ir stabils sākumpunkts — piemēram, iegūt sastatnes, kāpnes un lielāko daļu skrūvju, kas piegādātas uz tavu māju, pirms sāc būvēt klāju.
2. solis: Atkārto ar ekrānuzņēmumiem un izmaiņām
Tu: Augšupielādē dizaina ekrānuzņēmumu no Figma un saki: “Savilc atstarpes, lai tās atbilstu šim, un liec cenas nozīmītei ignorēt garus virsrakstus.”
Gemini 3.0 Pro: Pielāgo atstarpes, atjaunina nozīmīti ar pārplūdes apstrādi un paskaidro, kāpēc tas iestatīja min-width uz virsraksta. Šeit izpaužas izstrādes modeļa sajūta — modelis atpazīst izkārtojuma nodomu no vizuāliem norādījumiem.
3. solis: Pieejamības grūdieni, kurus tu neprasīji
Tu: “Pārliecinies, ka klaviatūras lietotāji var piekļūt visam.”
Gemini 3.0 Pro: Pievieno fokusa kontūras, refaktorē tikai ar peli aktivizējamo ātro pievienošanu pogā, kas parādās arī tad, kad kartīte ir fokusēta, un iesaka pievienošanai grozam apstiprinājumam. Tas parasti atsauksies uz WCAG vadlīnijām garāmejot, kas ir tavs signāls, lai pārbaudītu — bet tas ir jauks kompass.
4. solis: Testi, bet padari tos jēgpilnus
Tu: “Labi, bet pārbaudi svarīgākās lietas: fokusa secību, pieejamības nosaukumus un ātrās pievienošanas aktivizēšanu ar klaviatūru.”
Gemini 3.0 Pro: Raksta testus, kas simulē Tab navigāciju un atstarpes/enter aktivizēšanu. Vai tie ir droši? Nē. Bet tie ir nopietns sākums.
Kur Gemini 3.0 Pro Funkcijas Patiešām Palīdz (Un Kur Tās Nepalīdz)
Padomā par Gemini 3.0 Pro kā par tavu nerimstošo praktikantu, kurš ir izlasījis visu internetu un ļoti vēlas palīdzēt — bet reizēm halucinē pārliecinoši. Šeit ir krāpšanās lapa.
Zelta zvaigznes: Īstās vietas
- UI sastatnes: React/Vue/Svelte komponenti ar saskaņotu stāvokļa un dizainu.
- CSS izkārtojuma labojumi: Pārvērš peldošās ēras dīvainības režģī/elastībā ar moderniem modeļiem.
- Pieejamības caurlaide: Pievieno lomas, etiķetes, klaviatūras pieejamību un fokusa pārvaldību.
- Dokumentācija un komentāri: Paskaidro, kāpēc CSS darbojas vai kāpēc pieder pogai, nevis panelim.
- Testa karkasi: Vienkārši vienības un integrācijas testi, lai nepieļautu regresiju iezagšanos.
Brīdinājuma lente: “Pārbaudi mani vēlreiz” zonas
- Veiktspējas mikrooptimizācijas: Tas var ieteikt priekšlaicīgu vai spīdīgas, bet smagas atkarības.
- Dizaina : Ja tu nenodrošini savus , tas tos izgudro. Dažreiz diezganus — bet iedomātus.
- Ietvara dīvainības: Next.js maršrutēšanai, Vite konfigurācijām vai ezotēriskiem pakotāju iestatījumiem var būt nepieciešamas cilvēku veselības pārbaudes.
- Stāvokļa sarežģītība: Vairāku šķēļu stāvoklis ar API ielādi, optimistiskiem atjauninājumiem un kļūdu atcelšanu var kļūt pārāk vienkāršots.
Pro padoms: Sniedz Gemini 3.0 Pro savu kontekstu — dizaina , utilītu standartus, komponenta paraugu, savu ESLint konfigurāciju — un tas pielāgosies. Ja nē, tu iegūsi patīkamu, vispārīgu kodu. Kā viesnīcas mākslas darbu.
Praktiska Apmācība: No Figma līdz Funkcionālam
Paņemsim reālu scenāriju: Tavs dizainers nomet Figma emuāra izkārtojumam ar trim lūzuma punktiem, lipīgu satura rādītāju un koda blokiem ar kopēšanu starpliktuvē. Tev ir termiņš, latte un viegla nojauta par likteni.
Šeit ir spēles gaita ar Gemini 3.0 Pro:
- Norādījums: “Ģenerē semantisku HTML šim emuāra izkārtojumam: galvene, nav, galvenais (divu kolonnu galddatorā), malā satura rādītājam, raksta zona un kājene. Iekļauj izlaišanas saites un orientieru lomas. Saglabā CSS atsevišķi.”
- Rezultāts: Tīrs HTML ar navigācijas orientieriem un izlaišanas uz saturu. Tas pat iekļaus vizuāli slēptu klasi.
- Norādījums: “Izmanto CSS režģi ar kolonnām. TOC jābūt lipīgam 80 pikseļu attālumā no augšas, bet nedrīkst pārklāties ar kājeni. Saskaņo šos lūzuma punktus: 480, 768, 1200.”
- Rezultāts: Pienācīgs režģis, fontu izmēriem un konteineru vaicājumi, ja tu to lūdz. Tas bieži atceras , kas nopelna tam cepumus.
- Norādījums: “Īstenot kopēšanas uz starpliktuvi pogas koda blokiem. Parādīt rīku padomu pēc veiksmīgas darbības. Ievērot samazinātu kustību.”
- Rezultāts: Vanilla JS vai React fragments ar asinhroniem starpliktuves zvaniem un pieklājīgu nelielu rīku padomu. Ja tu saki “bez bibliotēkām”, tas paklausa.
- Norādījums: “Pievieno sistēmas ziņā tumšo režīmu ar pārslēdzēju, kas saglabājas . Izmanto CSS pielāgotās īpašības.”
- Rezultāts: Tēmu sistēma, kas ar tevi necīnās. Ja tu iedosi tai savus dizaina , tā tos ievietos.
- Pieejamības veselības pārbaude
- Norādījums: “Auditēt klaviatūru, krāsu kontrastu un virsrakstus. Iesaki labojumus.”
- Rezultāts: Tas iezīmē zema kontrasta vietas, pievieno aktīvajai TOC saitei un brīdina tevi par lipīgiem elementiem, kas ēd fokusu. Tas neaizstās ekrāna lasītāja testu, bet tas ir stabils linteris ar attieksmi.
- Norādījums: “Izveidot testus ar Playwright, lai pārbaudītu TOC lipīgu uzvedību, kopēšanu uz starpliktuvi un tumšā režīma noturību.”
- Rezultāts: Nav Pulicera materiāls, bet izpildāmi testi, kas uztver regresijas.
Un jā, tu joprojām koriģē. Bet tu koriģē no 80% pabeigta, nevis 8% pabeigta. Tas ir labs darījums.
Gemini 3.0 Pro vs. Citi Bērni: Draudzīga Spēle
- Copilot stila rīki: Lieliski iekļaušanai rindā, mazāk lieliski pamatojumam starp failiem vai saskaņošanai ar dizaina ekrānuzņēmumu. Gemini 3.0 Pro funkcijas spīd, kad tev nepieciešama holistiska palīdzība izstrādē.
- Attēlu uz kodu speciālisti: Lieliski pikseļu ziņā perfektos izmetumos, vājāki pieejamības vai koda struktūras ziņā. Gemini 3.0 Pro panāk līdzsvaru: ne perfekti pikseļi, labāka semantika.
- LLM ar koda spraudņiem: Salīdzināms, bet Gemini multimodālais leņķis plus ilgs konteksta logs palīdz tam sekot līdzi taviem komponentiem, testiem un dizaina ierobežojumiem.
Spriedums: Ja tava darbplūsma ir dizaina virzīta un balstīta uz komponentiem, Gemini 3.0 Pro ir vērts pamēģināt. Ja tu galvenokārt refaktorē API, tu saņemsi mazāk minūtē.
Iestatīšana, Kas Ietaupa Tev Stundas
Gemini 3.0 Pro ir tikpat noderīgs, cik konteksts, ko tu tam sniedz. Padomā par to kā par jauna komandas locekļa ieviešanu — iedod tam savu spēles grāmatu.
- Dalieties ar savu dizaina sistēmu: , atstarpju skalas, krāsas, rādiusi, kustība. Ielīmē JSON vai dokumentus.
- Sniedz kanonisku komponentu: “Šādi mēs nosaucam , sadalām failus un testējam.”
- Pievieno un formāta noteikumus: ESLint, Prettier, TypeScript stingrība. Gemini 3.0 Pro sekos tiem kā zāles uzraugs.
- Iekļauj maršrutēšanas un datu modeļus: Next.js konvencijas, ielādētāji, spriedzes stratēģijas. Izvairās no minējumiem.
- Nodrošini “sliktus” un “labus” piemērus: Parādi, no kā izvairīties, un pēc tam parādi apstiprināto modeli.
Dari to, un modelis pārtrauc minēt un sāk atdarināt mājas stilu, kuru tu patiešām vēlies.
Problēmu Novēršanas Stūris: Kad Gemini Sāk Džezošanu
- AI izgudro API. Lūdz tam atsaukties uz dokumentiem vai aprobežoties ar zināmām bibliotēkām: “Izmanto tikai standarta DOM un React 18 API. Ja neesi pārliecināts, jautā.”
- Sākas CSS specifiskuma kari. Pieprasi atiestatīšanu: “Refaktorēt uz BEM vai CSS moduļiem; izvairīties no !important; dokumentēt selektorus.”
- Stāvokļa spirāle. Sadali stāvokli: “Izvilkt asinhronos zvanus āķos; pievienot ielādi, kļūdu, atkārtotu mēģinājumu; saglabāt komponentu stulbu.”
- Testa nestabilitāte. Fiksē versijas un pievieno gaidīšanas ar nodomu: “Gaidīt lomu=brīdinājums; izvairīties no patvaļīgiem taimautiem; izmantot lietotāja notikumu.”
- Dizaina novirze. Atkal noenkuroties pie : “Aizstāt pikseļu vērtības ar ; saskaņot atstarpes skalu; pārbaudīt kontrastu ≥ 4,5:1.”
Veiktspēja: Garlaicīgās Daļas, Kas Liek Lietotājiem Tevi Mīlēt
Gemini 3.0 Pro funkcijas var ieteikt optimizācijas, nepārvēršot tavu lietotni par zinātnes projektu.
- Nosūti mazāk JavaScript: Koda sadalīšanas maršruti, slinks ielādēšanas nekritiski komponenti un, ja iespējams, dod priekšroku CSS.
- Attēlu apstrāde: Izmanto malu attiecību, modernus formātus (AVIF/WebP) un izmēru atribūtu. Ļauj HTML veikt smago celšanu.
- Kustība ar manierēm: Samazini animāciju uz ; izmanto transformāciju/caurspīdīgumu vienmērīgākiem kadriem.
- Tīkla laipnība: Iepriekš ielādē kritiskus fontus, iepriekš izveido savienojumu ar savu CDN un izmanto saturam.
Jautā tieši: “Iesaki veiktspējas uzlabojumus Next.js 14 ietvaros, bez papildu depozītiem, mērāmi ar Lighthouse.” Tas koncentrēsies uz specifiku, nevis iedvesmojošiem plakātiem.
Drošība un Privātums: Tikmēr Atpakaļ Realitātē
- Glabā noslēpumus ārpus norādījumiem. ENV atslēgas, vai privāti URL nepieder tavā tērzēšanā. Izmanto vietturus.
- Attīri lietotāja ievadi. Lūdz Gemini parādīt HTML aizbēgšanas un XSS novēršanas piemērus dinamiskos komponentos.
- Auditē trešo pušu kodu. Ja modelis pievieno atkarību, pārbaudi tā izmēru, licenci un apkopi.
Modelis ir noderīgs, bet tu esi pieaugušais istabā.
Kur Sider.AI Iekļaujas (Patīkams Pārsteigums)
Šeit ir pārsteigums: Sider.AI ļoti labi sader ar šo darbplūsmu. Tas ir izveidots, lai sēdētu blakus tavai kodēšanai, uzņemtu ekrānuzņēmumus, izsekotu soļus un saglabātu kontekstu starp tavām cilnēm. Praksē tas nozīmē, ka tu vari: - Ielīmē savus dizaina un pāris komponentus vienreiz un pēc tam atkārto vienā nepārtrauktā sarunā, kamēr tu kodē.
- Iemet neveiksmīga testa ekrānuzņēmumu un saki: “Kāpēc šis Playwright tests kļūdījās?” Sider.AI paskaidros laika problēmu un ierosinās labojumu, kas ievēro tavu .
- Izmanto to kā dzīvu koda piezīmju grāmatiņu: “Šeit ir mūsu poga, šeit ir konfigurācija, šeit ir tumšais režīms — palīdzi man izveidot modāli tādā pašā stilā.”
Tas nav ideāli — bet, ja tu virzīsi to uz darbiem, Sider.AI šķiet kā mierīgs otrais pilots, kurš atceras, ko tu teici pirms desmit minūtēm. Mēģini likt tam vadīt savu algu sarakstu, tomēr... nu, nedari to. Mini Pavārgrāmata: Norādījumi, Kas Patiešām Darbojas
- “Refaktorē šo CSS, lai izmantotu režģi. Saglabā vizuālo izvadi identisku, noņem liekos noteikumus un paskaidro visas izmaiņas.”
- “Izveidot React Accordion komponentu ar ARIA modeļa vadlīnijām, TypeScript un vienības testiem. Saskaņo šos : [ielīmē ].”
- “Ņemot vērā šo Figma ekrānuzņēmumu, raksti adaptīvu HTML/CSS, kas atbilst atstarpei un tipogrāfijai. Izmanto konteineru vaicājumus, ja tie ir noderīgi.”
- “Auditē šo lapu attiecībā uz pieejamību: virsraksti, orientieri, fokusa stāvokļi, krāsu kontrasts. Izvadīt labojumus ar kodu.”
- “Optimizēt Core Web Vitals: ierosināt izmaiņas, kas samazina JS, atliek nekritisku darbu un uzlabo CLS. Bez jaunām atkarībām.”
Tu pamanīsi tēmu: ierobežojumi, piemēri, konteksts. Modelis plaukst uz sliedēm.
Realitātes Pārbaude: Ko Gemini 3.0 Pro Nedarīs
- Tas neaizstās dizaina spriedumu. Tas var kopēt modeļus; tas nevar izgudrot gaumīgus pēc pieprasījuma.
- Tas nedebugēs spokainu būvējuma konfigurāciju bez žurnāliem. Sniedz tam kļūdas un versijas.
- Tas nelasīs tavas domas par biznesa noteikumiem. Izskaidro stāvokļus: tukšs, ielādē, kļūda, panākumi.
- Tas nepiegādās produktu. Tu joprojām pārskati, testē ar reāliem lietotājiem un pulē.
Bet tas samazinās garlaicīgās daļas un palīdzēs tev izvairīties no stulbām kļūdām. Un tas ir labs darījums jebkuram izstrādātājam.
Viena Kadra Demo: Iestatījumu Paneļa Izveide
Uzzīmēsim ātru skici par iestatījumu paneli ar tēmām, e-pasta brīdinājumiem un konta dzēšanu. Prasības: ērta cilņu pārslēgšana ar klaviatūru, optimistisks UI pārslēgšanas slēdžiem, apstiprinājuma dialogs un a11y iebūvēts.
- Norādījumu iestatīšana: “Izveidot SettingsPanel komponentu React ar trim cilnēm: Profils, Paziņojumi, Bīstamā Zona. Īstenot cilnes saskaņā ar WAI-ARIA Authoring Practices. Izmantot TypeScript, CSS moduļus un iekļaut Jest testus ar React Testing Library.”
- Atkārtošana: “Pievieno optimistiskus atjauninājumus paziņojumu pārslēgšanai. Ja serveris atgriež 500, atcel un parādi nebloķējošu paziņojumu ar aria-live pieklājīgu ziņojumu.”
- Pulēšana: “Integrēt dizaina : [ielīmē]. Padarīt fokusa kontūras redzamas tumšajā režīmā un izvairīties no krāsu norādēm. Pievieno apstiprinājuma dialogu konta dzēšanai, atceļamu ar Escape taustiņu, ar fokusa slazdu.”
Gemini 3.0 Pro izveido cilnes, kuras tu vari pārvietot ar bulttaustiņiem, pārslēdzēju ar optimistisku stāvokli un dialogu, kas patiešām ieslēdz fokusu. Vai tu esi pabeidzis? Ne gluži. Tu ievadi īsto API, pielāgo laiku un palaid testus. Bet tu esi šokējoši tuvu pēc 15 minūtēm.
Galīgais Spriedums: Vai Tev Vajadzētu Izmantot Gemini 3.0 Pro ?
Ja tu esi līdz ceļiem komponentos, ekrānuzņēmumos un “kāpēc mana lipīgā galvene nelīp?”, tad jā — iedod Gemini 3.0 Pro vietu pie sava galda. Gemini 3.0 Pro funkcijas, kas paredzētas izstrādei, palīdz tev ātrāk izveidot sastatnes, izvairīties no pieejamības kļūdām un neļaut taviem testiem kļūt novecojušiem. Tas nav burvju zizlis. Bet tas ir ļoti spējīgs palīgs, kas pārvērš darbu kalnu par veiklu veicamu uzdevumu kaudzi.
Un tā nabaga nepareizi izlīdzinātā poga? Ar pareizu norādījumu — un nedaudz cilvēcīgas gaumes — tu pat vari panākt, lai tā būtu perfekti centrēta jau pirmajā reizē. Neuztraucies; es nevienam neteikšu, ka tā nebija tava ideja.
Galvenie Secinājumi (un Viena Pēdējā Lieta)
- Sniedz Gemini 3.0 Pro savu kontekstu: , piemēri, noteikumi. Tas kļūst gudrāks (un mazāk vispārīgs).
- Izmanto to sastatnēm, pieejamībai, testiem un izkārtojuma refaktoriem. Vēlreiz pārbaudi veiktspēju un ietvaram specifiskās dīvainības.
- Atkārto vizuāli. Ekrānuzņēmumi un izmaiņas palīdz modelim precīzi noteikt dizaina nodomu.
- Glabā savas rokas uz stūres. Pārskati precizitāti, mēri veiktspēju un testē ar reāliem lietotājiem.
Un viena pēdējā lieta: ja rodas šaubas, lūdziet to paskaidrot savas izvēles. Puse no vērtības izstrādē nav kods, bet gan komentāri. Pat ja jūs nepiekrītat, jūs nepiekrītat ļoti ātrai "gumijas pīlei".
BUJ
1. jautājums: Kādas ir noderīgākās funkcijas izstrādei?
izstrādei izceļas ar komponentu sagatavošanu, sakārtošanu ar , pieejamības pievienošanu un pamata testu ģenerēšanu. Tas arī pamatojas uz failiem un ekrānuzņēmumiem, kas palīdz ātrāk saskaņot kodu ar dizainu.
2. jautājums: Vai var pārvērst dizainus kodā, kas ir gatavs ražošanai?
Tas var palīdzēt jums sasniegt 70–80% ar atsaucīgu un saprātīgu semantiku. Jums joprojām būs jāprecizē atstarpes, marķieri un izņēmuma gadījumi, bet ievērojami saīsina ceļu no dizaina līdz strādājošiem komponentiem.
3. jautājums: Kā neļaut izdomāt vai bibliotēkas?
Iestatiet ierobežojumus savā uzvednē: norādiet versijas, aizliedziet jaunas atkarības un lūdziet to apstiprināt neskaidrības. Nodrošiniet savus un konfigurācijas, lai ievērotu jūsu faktisko steku.
4. jautājums: Vai ir labs pieejamības darbam ?
Jā – lūdziet to auditēt virsrakstus, fokusu, atribūtus un krāsu kontrastu, kā arī izvadīt koda labojumus. Tas neaizstāj ekrāna lasītāja testēšanu, taču ir ātrs veids, kā atrast izplatītas problēmas.
5. jautājums: Kā salīdzināms ar izstrādei?
izceļas ar iekļautajiem pabeigumiem; ir labāks multimodālā argumentācijā – koda saskaņošanā ar ekrānuzņēmumiem, testiem un dizaina marķieriem. izstrādes uzdevumiem, kas aptver izkārtojumu, komponentus un , bieži vien šķiet holistiskāks.
