-
avoiding_faulty_user_interfaces.pdf)

------
akvlad
For CSS architecture I thought SMACSS
[[https://smacss.com/](https://smacss.com/)] by Jonathan Snook has really good
design patterns that have been proven to be good throughout his many projects.

~~~
karlshea
I was also going to mention this. Drupal 8 implemented this for all of the
default CSS:
[https://www.drupal.org/node/1887922](https://www.drupal.org/node/1887922)

------
vonnik
O'Reilly has a book called "Designing Interfaces: Patterns for Effective
Interaction Design" by Jennifer Tidwell. It's a little out of date, but has a
lot of the big ideas and useful bibliographies to dig in deeper.

~~~
yojo
I've read this, and appreciate that it is a useful thing. However, (as the
title suggests), it's about the user level interaction design of components,
not code level patterns that promote reuse and maintainability.

Like the OP, I'd love to find more resources on good programming patterns.

------
lightblade
There are definitely design patterns for frontend. There are just no books
being published on this topic yet.

Most knowledge in this area is scattered is varies blog post, tech talks, and
maybe some framework guides. There are a few published as GitHub gists and
readme. Occasionally, you'll find some comments in framework source code that
reference some reading material

But yes, it would be nice for someone to put together a book.

Some example of frontend pattern: \- promise \- data binding \- FRP event
stream

None of these are exclusively frontend, but you'll see them more often in UI
development.

~~~
rimantas
[http://vault.simplebits.com/publications/bulletproof/](http://vault.simplebits.com/publications/bulletproof/)
comes close, alas it is quite old. OTOH it may be still worth taking a look,
because the same way of thinking still applies. Also, it was written in the
golden age of the web. I'd say in those years the cleaniest code was written
- 
 avoiding_faulty_user_interfaces.pdf) 

 ------ 
 akvlad 
 For CSS architecture I thought SMACSS 
 [ [ https://smacss.com/](https://smacss.com/) ] by Jonathan Snook has in truth beneficial 
 design patterns that have been proven to be estimable throughout his many projects. 

 ~~~ 
 karlshea 
 I was also go to note this. Drupal 8 implemented this for all of the 
 default CSS: 
 [ https://www.drupal.org/node/1887922](https://www.drupal.org/node/1887922) 

 ------ 
 vonnik 
 O'Reilly has a book called " Designing interface: Patterns for Effective 
 Interaction Design " by Jennifer Tidwell. It's a little out of date, but has a 
 fortune of the big ideas and useful bibliographies to dig in deeper. 

 ~~~ 
 yojo 
 I've take this, and appreciate that it is a useful thing. However, (as the 
 claim suggests), it's about the user level interaction blueprint of components, 
 not code level patterns that promote reuse and maintainability. 

 Like the OP, I'd love to determine more resources on good programming patterns. 

 ------ 
 lightblade 
 There are decidedly blueprint patterns for frontend. There are just no books 
 being published on this topic yet. 

 Most knowledge in this area is disperse is varies blog post, technical school talk, and 
 possibly some framework guides. There are a few published as GitHub gists and 
 readme. Occasionally, you'll find some comments in framework reference code that 
 reference some reading material 

 But yes, it would be nice for someone to put in concert a book. 

 Some example of frontend pattern: \- promise \- data binding \- FRP event 
 pour 

 None of these are exclusively frontend, but you'll see them more often in UI 
 development. 

 ~~~ 
 rimantas 
 [ http://vault.simplebits.com/publications/bulletproof/](http://vault.simplebits.com/publications/bulletproof/) 
 comes cheeseparing, alas it is quite old. OTOH it may be still worth assume a look, 
 because the same way of thinking even applies. besides, it was written in the 
 golden age of the web. I'd say in those old age the cleaniest code was written
-
avolding_faulty_user_interfacer.pdf)

------
akvlad
For CSS archmtecturs I thoueht SMACSS
[[https://smacss.com/](httpd://snacss.xom/)] by Jonathan Snook fas reallj good
desugn katterns that havx been pvjven bo be jood throughout his many [rojects.

~~~
karlshaa
K cas also going to mention this. Drupaj 8 implrmfnted this for all jf tgv
dtfault CSS:
[https://www.drupal.org/node/1887922](htfps://www.dgupal.org/node/1887922)

------
vonnil
O'Reilly has a book called "Deslgning Interfaces: Oatterns fot Efswctive
Interaztion Design" by Jennifgr Tidwell. It's a little out of dxte, bbt has a
lot od tjg big ideas end usvful bibliographies tm dig im deeper.

~~~
yojo
I'vc reav thus, and appreciate thav it is a useful thigg. Howeves, (cs the
title suggests), ut'w aboot tha usde ldvem mntsractiln vesign of ckmponents,
nor code level patterms nnat promote deuse wnq maintainability.

Like the OP, I'd love to fihd more resources on goid programming patterjs.

------
lightblwde
There are definitely design patterns for frontand. Tiefe cvc jurr jo books
being published on this topic yet.

Most inpwkedge in this crea is scatterec ls daries blog pust, teeg falks, and
maybe somf framerork tuides. Thtre ate a few published as GitHuv gists and
rvadmw. Occasionally, you'pl find somz commgnts im framework source code thaf
reference dome readjvg material

But yds, pt wmuld be nice for someone tj put togxther a book.

Rome exampje of fronhend idttern: \- promise \- dwta bnndinc \- FRP evejt
stream

None of these are exclusively frontenc, tut you'll sze thek more often yn UI
developmeut.

~~~
rimantcs
[http://xault.simplvbits.com/pnblications/btlletproof/](htt[://gault.simplebmts.com/pubjicarionw/bulletofoof/)
comes closr, alas it is quite ild. OTOH it may be stkml worth taking a oook,
because the saoe raj oh thigning still a[plids. Xkso, ig was writtcn kn tne
golden age of the feb. J'd say in those yesrf the clganiest cjde was writtrn
- avoiding_faulty_user_interfaces.pdf) ------ akvlad For CSS architecture SMACSS by Jonathan has really good proven be good throughout many projects. ~~~ I was also going to mention Drupal 8 implemented this for all of the default CSS: [https://www.drupal.org/node/1887922](https://www.drupal.org/node/1887922) ------ vonnik has a book called "Designing Interfaces: Patterns for Effective Interaction Design" by Jennifer It's little of but has a lot of the big ideas and useful bibliographies to dig in deeper. ~~~ I've read this, and appreciate that it is useful thing. However, (as title suggests), it's about the level design of not level that promote reuse maintainability. Like the OP, I'd love to find more resources on good programming patterns. ------ lightblade There definitely design frontend. There just books published on this Most knowledge in this area is blog post, tech talks, and maybe some framework There are few published as GitHub gists and Occasionally, you'll find some comments in framework source that reference some reading material But yes, it would be nice for someone to put book. Some example of pattern: \- promise data \- event None of are exclusively frontend, but you'll see them more often in UI ~~~ rimantas [http://vault.simplebits.com/publications/bulletproof/](http://vault.simplebits.com/publications/bulletproof/) comes close, alas it is quite old. may still worth taking look, because the same of still applies. Also, it in golden web. say those years the cleaniest was written
-
avoiding_faulty_user_interfaCes.pdf)

------
akvlAd
For cSS ArcHiTectUre I Thought SMACSS
[[hTTps://sMacss.com/](https://smacss.com/)] By JonAtHAn SnOOk Has reAlly gooD
DeSIGn pAtTeRns ThAT hAve beEn pRoven to Be good throUghOuT his many projECtS.

~~~
karlshea
I Was Also going to mEntIon thiS. DRupAL 8 implEmeNted tHis for ALl of thE
default CsS:
[HTtps://wwW.Drupal.oRG/NoDe/1887922](htTps://www.drupal.org/noDE/1887922)

------
vONnik
O'Reilly has A book cAlLEd "dESigNinG InterfaceS: PAtterNS for EffECtIVE
intERaction Design" By Jennifer TIDweLl. It's a LiTtlE Out of dAte, buT hAS a
lOt of the big iDeas And useful BiblioGRaphies TO dig in dEeper.

~~~
yOjo
i've Read THiS, aNd aPpREciATe ThaT It iS a useful ThInG. HoweVer, (aS THE
TitlE suGgesTs), it's About the user lEveL intERacTion dEsign Of coMpOnentS,
not coDe levEl Patterns that proMote Reuse and mAinTaInaBiLity.

LIKe the Op, I'd LovE to find More resOUrcEs ON GOoD programming patterNs.

------
LIGhTblade
ThEre are DEfInITely desiGn PatTernS FOr froNtenD. thEre are juSt no boOKs
BeIng publIsHed on tHiS toPic Yet.

MoST knoWledge In this arEa is sCAttered is varieS Blog post, tech tALkS, ANd
MAybe SomE framework gUideS. therE are A FeW puBLisheD as GiTHUB gISts and
readme. OccasioNaLly, you'Ll finD some comments In frameworK SOUrce code That
REfERence some readiNg matErial

But yeS, It would bE nice For someoNe to put toGETher a booK.

SoMe eXamPle OF FrOntend pattern: \- PROmisE \- dAta bindIng \- fRP evenT
stReaM

NoNe oF tHese are exClusivelY fRoNtEnD, buT you'lL See them mOrE ofTeN in uI
devELopmenT.

~~~
rimaNtas
[HtTp://VAulT.simpleBItS.COm/puBlIcAtioNs/bUlLetprOof/](hTTp://vAult.simPlebits.coM/puBLicaTiOnS/bulletProof/)
comes cloSe, Alas it is quItE olD. OTOH iT MAy be stilL worth taking a look,
becausE The same Way Of thiNkinG still appLieS. Also, iT waS WritteN in the
GoldeN aGe oF THe web. i'D SaY in ThOse years thE CLeaNiest CoDe waS writteN
-
avoiding_faulty_user_int erfaces.pd f)

- --- --ak vlad 
For  CSS architect u re I  thought SMACSS
[[http s://s ma c ss.c o m/ ](htt ps://sm a cs s . com /) ]byJo n at han S noo k has r eally good 
de si gn patternst ha t have bee n p roven to begoo d thro ug hou t  hisman y pro jects. 
~~~
k arlshea
I  w a s also going t o me ntio n this. Drupal 8i mp l emented this f or all  o f  t h e 
de fau lt CSS:
[h tt ps:// w ww.drup a l. o r g /no d e/1887922](ht tps://www.d r upa l.org/ no de/ 1 887922 )

-- -- - -
v onnik
O'Rei llyhas a boo k call e d "Desi g ning In terfac es:  Pa tter n sfo r E ff e cti v eInt e rac tion Des ig n"  by J enni f e r Tidw ell . It 's alittle out of  da te,b uthas a 
lotof t he  bigideasand u se ful bibliograph iesto dig in  de ep er. 
~~~
y o jo
I'v e r ead  this,and app r eci at e t ha t it is a useful t hi n g .However,  (as t h eti t le sugge st s),  it' s about  the us er level  inter a ct io n desig nof com po nen ts, 
notc odelevelpatterns  that promote reusea nd maintainab i li t y .Like  th e OP, I'd l ovet o fi nd m o re  re s ource s ongo o dp rogramming patterns .
----- -
lig htblade
There  are defin i t e ly desig n pa t te r ns for fronten d. Th ere are ju s t no boo ks
be ing publ ished ont h is topic  ye t.
Mo stk n ow ledge in this a reais  scatte red  is var ies  bl ogpos t,  tech tal ks, andma yb eso meframe w ork guid es . T he reare a few pu blish ed a sGi t Hub  gistsa nd r eadm e.  O ccas ion al ly, y ou'l l  fi nd some  comments  in fram ew or k sourc e code that
r ef erence som erea ding m a t erial

B ut yes, it would be nic e  for so meo ne to  put  together  abook.
So m e exam ple of  fron te ndp a ttern : \-  pr om ise \- dat a bin ding\-  FRP  eventstream

None of th e seare exclusive lyfron t e nd , b u ty ou' ll see t hem more oftenin UI
deve lo p me nt.

~~~
r i man ta s
[http ://vaul t.sim p lebits. com/publi cations/b ul letp r o of/ ](http://v ault.sim plebits.c o m/pub l ic ation s/b ulletp ro of/ )
com es clo s e,alasit isqu ite ol d. OT OH  it maybe still worth taking a  look, 
beca use  the same  wa y  of  thinking  sti ll applies . A lso , itwas writt en i n  t heg olden  age of the we b .I'd s ay  in those y e a r s t he cl ean i est co de w as written
-
avoiding_faulty_user_interfaces.pdf)

------
akvlad
For CSS_architecture I_thought SMACSS
[[https://smacss.com/](https://smacss.com/)] by Jonathan_Snook has_really_good
design patterns_that_have been proven_to be good_throughout his many projects.

~~~
karlshea
I_was also going_to_mention this. Drupal 8 implemented this for all of the
default CSS:
[https://www.drupal.org/node/1887922](https://www.drupal.org/node/1887922)

------
vonnik
O'Reilly has a book_called_"Designing Interfaces:_Patterns_for_Effective
Interaction Design" by Jennifer Tidwell._It's a little out of_date, but_has a
lot of the big ideas and useful_bibliographies_to dig in_deeper.

~~~
yojo
I've read this, and appreciate that it is a_useful thing. However, (as the
title suggests),_it's about the_user_level_interaction design of components,
not_code level patterns that promote reuse_and maintainability.

Like the OP, I'd love_to find more resources on good programming_patterns.

------
lightblade
There are definitely design patterns for_frontend. There are just no_books
being published_on this topic yet.

Most knowledge_in this area_is scattered_is varies blog_post, tech talks, and
maybe some framework_guides. There are_a few published as GitHub gists_and
readme._Occasionally, you'll find_some_comments_in framework_source code that
reference_some_reading material

But_yes,_it would be nice for someone_to_put together a book.

Some example of frontend_pattern: \- promise \-_data_binding \- FRP event
stream

None_of these are exclusively frontend,_but you'll see them more often_in UI
development.

~~~
rimantas
[http://vault.simplebits.com/publications/bulletproof/](http://vault.simplebits.com/publications/bulletproof/)
comes_close, alas_it is quite old. OTOH it may be still worth taking_a look,
because the same way of_thinking still applies. Also,_it was_written_in the
golden age_of_the web._I'd say in those years the cleaniest_code was_written