Ábhar
- Dearadh don anaithnid
- Cur chuige pragmatach maidir le dearadh
- Ag éirí leagan amach agnostic
- Códú de réir a chéile
- Ag tumadh isteach sa mharcáil suas
Dealraíonn sé go bhfuil gach duine ag caint faoi dhearadh gréasáin sofhreagrach na laethanta seo, agus le cúis mhaith; de réir mar a leanann líon na bhfeistí cumasaithe gréasáin ag fás - gach ceann acu le cumais agus gnéithe éagsúla - níl sé ciallmhar suíomhanna Gréasáin leithead seasta a thógáil a thuilleadh.
Is í an fhírinne, ní raibh riamh. Ach go dtí seo measadh gur dea-chleachtas é eispéiris a dhearadh a rinne roinnt toimhdí, bíodh siad timpeall ar réiteach scáileáin, bandaleithead nó modh ionchuir. Má dhear tú riamh suíomh Gréasáin 960px ar fud an domhain, gan féachaint air ach ar netbook scáileán beag cara (agus sea, táim ag scríobh ó thaithí pianmhar anseo), tuigfidh tú cén fáth nach cur chuige an-chliste é seo. Anois, agus fóin chliste agus táibléid caite isteach sa mheascán, is léir nach bhfuil ár modhanna traidisiúnta oiriúnach don fheidhm a thuilleadh.
Buíochas le Dia, le teacht na gceisteanna ó na meáin CSS agus admháil níos mó gur meán ann féin é an gréasán, táimid ag tosú ag glacadh le fíorchineál an ardáin, ag glacadh leis gur neart é, agus nach laige é.
Sna cúig lá amach romhainn, treoróidh mé tú trí theicníc a aithníonn an méid seo: dearadh gréasáin sofhreagrach. Arna fhorbairt ag Ethan Marcotte, comhcheanglaíonn sé seo leagan amach sreabhach, íomhánna solúbtha agus ceisteanna ó na meáin chun cabhrú linn suíomhanna a thógáil a chuireann in oiriúint go galánta d’aon timpeallacht a bhíonn acu.
Taispeánfaidh mé an cur chuige seo trí thaispeáint duit conas gailearaí meán simplí a thógáil. I mo chuid samplaí, beidh suíomh Gréasáin beag á chruthú agam chun turas bóthair a rinne mé ar fud na Stát Aontaithe a dhoiciméadú le déanaí, ach bíodh leisce ort an cód agus an dearadh a shaincheapadh chun freastal ar do chuid riachtanas féin.
Dearadh don anaithnid
Beidh cuid mhaith den rang teagaisc seo dírithe ar ghné forbartha an dearaidh sofhreagrach. Ach sula ndéanaimid aon chód a thochailt, déanaimis nóiméad smaoineamh ar conas a d’fhéadfaimis suíomh Gréasáin a dhearadh a bhféadfadh leagan amach gan teorainn a bheith ann.
Anois, tá an t-ádh orm gur féidir liom comhéadain a dhearadh agus an cód frontend a fhorbairt a fhágann go bhfuil siad fíor. Ní scil uathúil é seo ar ndóigh - má oibríonn tú duit féin is dócha go bhfuil tú mar an gcéanna. Ach is cinnte gur buntáiste é a thuiscint conas is féidir le hábhar oiriúnú agus athlíonadh nuair a bhíonn dearaí sreabhach á ndéanamh.
Oibrím freisin mar chuid d’fhoireann níos mó ina bhfuil mo ról níos speisialaithe. I dtimpeallacht den sórt sin, is féidir leis an dearthóir físe a bheith dírithe go hiomlán ar fhrámaí sreinge a aistriú go comps tarraingteach, tarraingteach (sínithe, foirfe picteilín). Agus níl sé neamhghnách d’fhorbróirí a bheith suite ar leithligh, ag aistriú na leagan amach seo go marcáil thrua agus éifeachtach agus CSS.
Briseann sreafaí oibre líneacha agus deighilte den sórt sin síos go gasta, áfach, nuair a thosaímid ag meastóireacht ar an gcaoi a n-oirfidh dearaí do thimpeallachtaí éagsúla. Ach an oiread le haon uirlis nó teicneolaíocht nua, ba cheart dúinn smaoineamh freisin ar bhealaí oibre níos comhoibríche agus níos aclaí. Is féidir go leor de na fadhbanna is deacra a bhíonn ann agus láithreáin ghréasáin sofhreagracha á ndearadh a réiteach trí chomhrá, turgnamh agus atriall.
Cur chuige pragmatach maidir le dearadh
Ní hé sin le rá nach bhfuil aon scóip ann do dhearthóirí smaoineamh ar an gcaoi a bhféadfadh dearadh oibriú lasmuigh de theorainneacha aon ghaireas áirithe.
Ag Clearleft, tionscnaímid dearadh amhairc ó thaobh an deisce de. Tosaímid trí theanga dearaidh uileghabhálach agus aeistéitiúil amhairc a shainiú, go minic ag bunú iniúchadh tosaigh timpeall ar phíosa croí ábhair. Mar shampla, má táimid ag dearadh suíomh bia, tosóimid le leathanach oideas; le haghaidh suíomh nuachta, leathanach scéal.
Ní amháin gur leathanach tábhachtach é seo ar an suíomh, ach is dócha go bhfuil go leor ábhar struchtúrtha ann dúinn chun pailéad clóghrafaíochta a thógáil suas. Beimid ag smaoineamh freisin ar an gcaoi ar féidir leis an leagan amach oiriúnú - fiú má tá sé i gcúl ár n-intinn ag an bpointe seo.
Bealach úsáideach amháin chun dearadh a thástáil struis is ea leathanach den sórt sin a thógáil agus é a oiriúnú do scáileán níos cúinge (~ 320px ar leithead). Is dócha go bhfaighidh tú amach go gcaithfear athmhachnamh a dhéanamh ar roinnt gnéithe den dearadh chun go n-oibreoidh siad ag an leithead seo. Seo roinnt samplaí:
- Clóscríbhneoireacht: Is féidir le ceannteidil mhóra oibriú go maith ar leagan amach níos leithne, ach ar scáileáin níos lú is féidir leo a lán spáis ingearaigh a thógáil agus dá bhrí sin scrollaigh bhreise a cheangal. De réir mar a athraíonn faid líne, ba cheart duit airde líne agus cóireálacha clóghrafaíochta eile a mheas freisin.
- Naisc: Conas a oibreoidh do dhearadh ar ghléasanna scáileáin tadhaill? Cé nach bhfuil bealach éasca againn chun iad seo a bhrath fós (rud a chiallaíonn gur cheart dúinn teagmháil a dhéanamh i ngach gné dár ndearadh), is féidir le dearadh do scáileán níos cúinge deis a thabhairt dúinn smaoineamh ar spriocréimsí le haghaidh naisc agus eilimintí idirghníomhacha eile . Molann treoirlínte iOS go mbeadh siad seo ar a laghad 44 picteilín / pointe cearnach, ar figiúr maith é a bhfuil sé mar aidhm aige.
- Loingseoireacht: Is dócha go mbeidh sé seo ar an gcomhpháirt is awkward de aon dearadh sofhreagrach, go háirithe má tá go leor codanna agus ordlathas domhain ar do shuíomh. Tá achoimre scríofa ag Brad Frost ar roinnt cineálacha cur chuige éagsúla maidir le loingseoireacht atá á mbreithniú faoi láthair.
- Ábhar iomarcach: Nach bhfuil roinnt ábhar ag teastáil? An gá ábhar eile a thaispeáint i gcásanna áirithe amháin? Ní mholaim ábhar a chur i bhfolach bunaithe ar an bhfeiste a bhfuil úsáideoir á úsáid, ach is féidir le teicnící cosúil le luchtú coinníollach (a mbeimid ag féachaint orthu níos déanaí an tseachtain seo) cabhrú linn leathanaigh níos lú a sheirbheáil nach ndéanann ach ábhar comhlántach a luchtú nuair is gá.
Trí dhá leagan amach codarsnacha a dhearadh, treisítear an smaoineamh go n-oirfidh dearadh, agus an ceannachán féideartha á réiteach go luath. Cé gur cosúil gur dúbailt na hoibre é seo, cuimhnigh nach bhfuil gach leathanach á dhearadh againn chun cruinneas picteilín-foirfe. Ina áit sin, táimid ag díriú ar theanga dearaidh inscálaithe a thógáil - ceann a thiocfaidh chun cinn de réir mar a thosóimid á cur i bhfeidhm i gcód, agus ceann atá bunaithe ar mhodúil agus ar chomhpháirteanna aonair.
Ag éirí leagan amach agnostic
Ní nach ionadh, i gcás tionscail a chaith go stairiúil leis an ngréasán cosúil le cló, tá leagan amach leithead seasta tréscaoilte go leor de na táirgí insoláthartha a dhéanaimid. Agus muid ag tosú ag dearadh do mheán inoiriúnaithe, tá cineálacha cur chuige nua á mbreithniú a ligeann dúinn fadhbanna a réiteach agus smaointe a chur in iúl agus aitheantas a thabhairt do nádúr sreabhach an mheáin. Seo cúpla ceann de na rudaí is fearr liom:
- Léaráidí tuairiscithe ar an leathanach: Cé gur minic a bhíonn frámaí sreinge in ann leagan amach a thabhairt le tuiscint (agus cineál áirithe feiste a ghlacadh mar sin), déanann léaráidí tuairiscithe leathanaigh an toimhde seo a bhaint agus cur síos a dhéanamh ar na comhpháirteanna aonair, arna socrú sa doiciméad i dtéarmaí tosaíochta.
- Tíleanna stíl: Agus smaointe dearaidh á gcur in iúl le cliaint, is féidir linn teacht ar ‘phictiúir de láithreáin ghréasáin’ a chur i láthair. Mura bhfuilimid cúramach, iarrfaidh cliaint i gceart coincheapa a fheiceáil a léireoidh conas a bhreathnóidh dearadh ar ghléasanna eile freisin. Féadann sé seo iallach a chur orainn staid neamh-inbhuanaithe a bhaint as leathanaigh iolracha a tháirgeadh do ilghléasanna. Shíl Samantha Warren faoin bhfadhb seo agus tá tíleanna stíle aici. Suíonn siad seo áit éigin idir bord giúmar (ach níos lú doiléir) agus comps réadaithe go hiomlán (ach nach bhfuil chomh beacht), agus cabhraíonn siad linn clóghrafaíocht, stíleanna cnaipe agus cóireálacha ceann crainn a chur in iúl. Spreagann siad leibhéal plé níos aibí lenár gcliaint freisin.
- Cluiche dearaidh a shlógadh: Is féidir go n-oibreoidh an cleachtadh seo go han-mhaith le linn ceardlanna dearaidh comhoibrithe. Sa chleachtadh seo, scríobhann gach duine síos ar Post-it nótaí na ngnéithe a d’fhéadfadh a bheith le feiceáil ar leathanach áirithe. Ansin greamaítear iad seo ar an mballa in ord tábhachta, amhail is go raibh siad le feiceáil líneach ar fhón póca. D’fhéadfadh go dtiocfadh conclúidí iontais as an bplé a thig dá bharr. Mar shampla, b’fhéidir go dtuigeann tú nach í an loingseoireacht an chomhpháirt is tábhachtaí ar an leathanach. D’fhéadfadh sé seo leanúint leis an dearadh, áit a nascann nasc scipe ag barr an leathanaigh leis an nascleanúint sa bhuntásc.
Tá go leor le déanamh fós maidir leis na huirlisí atá á n-úsáid againn cheana féin ar ndóigh, ach nuair a bhíonn suíomh Gréasáin á dhearadh i dtéarmaí leathan, caithfimid a mheabhrú nach eol an leagan amach a thuilleadh.
Códú de réir a chéile
Buíochas le Dia, ní gá dúinn a bheith buartha faoin dearadh amhairc sa sampla a bhfuilimid ag obair air mar tá an obair chrua déanta dúinn! Ina áit sin, is féidir linn díriú ar ár ndearadh a chódú i suíomh Gréasáin lánfhreagrach.
Rud amháin eile sula dtosóimid. Tá sé tábhachtach cuimhneamh ar bhunphrionsabal den mheán a bhfuilimid ag obair leis: uilíocht. Ciallaíonn sé sin ní amháin tógáil do ghléasanna cumasaithe gréasáin an lae inniu, ach comhoiriúnacht leo siúd an lae inné agus an lae amárach a chinntiú freisin. Rinne John Allsopp cur síos ar an bhfáth go bhfuil tábhacht leis an bprionsabal seo ina phost The Next 6 Billion:
"Is é an chéad sé billiún eile seo ná leanaí faoin tuath san India, san Afraic, sa tSín áit a bhféadfadh rochtain ar chumhacht, agus líonraí, a bheith uaineach. Is duine i Sumatra é ag bosca Wintel atá deich mbliana d’aois. Is daoine iad a labhraíonn na céadta teangacha éagsúla, agus an iliomad teangacha éagsúla acu córais scríbhneoireachta Is iad na daoine an chéad duine dá dteaghlach atá in ann léamh agus scríobh. Is é an 20 faoin gcéad de dhaoine ar fud an domhain nach bhfuil in ann léamh nó scríobh.’
Is féidir linn ár dtuiscint ar an ngréasán a rianú trí bhreathnú ar na faisin éagsúla (gan focal níos fearr a bheith uait) a ghlac greim i measc ár ngairme: caighdeáin ghréasáin, inrochtaineacht, JavaScript neamhshonraíoch ... is malairtí iad uile ar an téama céanna: feabhsú forásach. Tá an rud céanna fíor maidir le dearadh gréasáin sofhreagrach. A go fírinneach Is é atá i suíomh Gréasáin sofhreagrach ná láithreán a thógáil atá comhoiriúnach ar gcúl agus atá cairdiúil don todhchaí freisin.
Ag tumadh isteach sa mharcáil suas
Ceart go leor, go leor den bhrollach, tá sé thar am eagarthóir téacs a oscailt.Chuir ár ndearthóir dearadh dírithe ar dheasc ar fáil dúinn, agus bhí sé cineálta go leor chun samplaí a sholáthar den chaoi a bhféadfadh sé seo a bheith le feiceáil i radharc níos cúinge freisin.
B’fhéidir go mbeadh sé mealltach iad seo a chódú ar leithligh, ach táim chun cur chuige difriúil a mholadh. Trí na comhpháirteanna ar leithligh - nó na patrúin - a chomhdhéanann an dearadh a chur ar leathanach amháin, is féidir linn punann patrún a chruthú. Ligeann sé seo dúinn comhpháirteanna a fhorbairt lasmuigh de theoranta aon leagan amach leathanaigh, agus tabharfaidh sé rud éigin dúinn tagairt a dhéanamh dó níos déanaí le haghaidh aon tástála cúlchéimnithe. Féachaimis ar an gcéad mharcáil i gcúpla feiste éagsúla:
Féach ar ár bpunann patrún marcáilte
Bhuel, beidh mé damnaithe - tá suíomh Gréasáin sofhreagrach againn cheana féin! Tá ár n-ábhar ag oiriúnú do theorainneacha gach feiste, bíodh sé mar iPad nua mhaisiúil nó fón gné scoite. Oibríonn sé fiú i mbrabhsálaí téacs amháin mar Lynx.
A bhuíochas le bunphrionsabail na cruinne, tá an gréasán sofhreagrach de réir réamhshocraithe. Tá sé sin go hiontach, ach ciallaíonn sé freisin go bhféadfadh aon rud a dhéanaimid leis an gcód as seo amach an inoiriúnaitheacht dhúchasach seo a chur i mbaol.
Amárach: Beimid ag siúl go cúramach agus tosóimid ag cur an chéad ghné de dhearadh sofhreagrach i bhfeidhm: clóghrafaíocht agus greillí sreabhach.
