abonnement Unibet Coolblue Bitvavo
  donderdag 8 maart 2012 @ 17:13:35 #1
56176 Catch22-
Ben je Blind?!
pi_108868927
Dit is het pro-topic voor Frontenddevelopers

hier bediscussieren we frontenddevelopment als vak. Heb je iets interessants gelezen, heb je een boeiend hypothese of mogelijk bug? Drop hem hier.

heb je simpele HTML/CSS/JS vragen? [html, css, js] Waar dummies iniatief gaan tonen! ;) #23

Tools, Libs e.d.
http://sass-lang.com/
http://lesscss.org/
http://jquery.com/
http://jqueryui.com/
http://mootools.net/
http://www.google.com/webfonts

Weblogs & Opinie
http://www.smashingmagazine.com/ (en http://www.smashingmagazine.com/network )
http://paulirish.com/
http://sixrevisions.com/
http://www.stuffandnonsense.co.uk/blog
http://mattgemmell.com/
http://www.informationarchitects.jp/en/articles/
http://bradfrostweb.com/blog/
http://lea.verou.me/

Typografie
http://ilovetypography.com/

Referentie
http://www.w3schools.com/html5/html5_reference.asp
http://caniuse.com/
http://www.quirksmode.org
http://webdesignerwall.com/
http://24ways.org/


Boeiende tweeps
@paul_irish

Posters en hun disciplines
Catch22- - CSS (Less), JS (jQuery), HTML & Interaction design (of UX Design, hoofdzakelijk webapps). Fulltime


Als je zelf regelmatig blogs checkt, pm ze dan even, voeg ik ze toe aan de op

Wil je bij de posters? Maak even een lijstje van je disciplines

[ Bericht 15% gewijzigd door Catch22- op 09-03-2012 17:03:50 ]
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  donderdag 8 maart 2012 @ 17:19:36 #2
230788 n8n
Pragmatisch
pi_108869181
Referentie
http://www.w3schools.com/html5/html5_reference.asp
http://caniuse.com/

Typografie
http://ilovetypography.com/

Algemeen
http://www.smashingmagazine.com/

Opinie
http://www.stuffandnonsense.co.uk/blog
http://mattgemmell.com/
http://www.informationarchitects.jp/en/articles/

Zou het fijn vinden als er links komen met inhoudelijke artikelen en geen opsommingen van trucjes om bepaalde effecten voor elkaar te krijgen.
Specialization is for insects”.—Robert Heinlein
  donderdag 8 maart 2012 @ 17:22:27 #3
56176 Catch22-
Ben je Blind?!
pi_108869299
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  donderdag 8 maart 2012 @ 17:29:28 #4
63192 ursel
"Het Is Hier Fantastisch!
  donderdag 8 maart 2012 @ 17:31:31 #5
230788 n8n
Pragmatisch
pi_108869592
http://www.google.com/webfonts
Vrij te gebruiken fonts door google gehost en implementeren is een kwestie van een link in de css toevoegen. Vind het vooral interessant door het kickstart project waarmee ontwikkelaars aangespoord worden fonts beschikbaar te stellen waar normaliter een licentie voor nodig is.

Professioneel alternatief is Typekit dat overgenomen is door Adobe en schappelijke prijzen hanteert
Specialization is for insects”.—Robert Heinlein
  donderdag 8 maart 2012 @ 17:33:06 #6
230788 n8n
Pragmatisch
pi_108869644
quote:
vind tutplus dan weer zon copy/paste site waar je vooral leert dingen na te maken oO< Zeg niet dat dit verkeerd is, kunnen we een apart kopje voor maken :+ http://webdesignerwall.com/ is er ook zo een

http://24ways.org/ vind ik nog een interessante toevoeging, 24 artikelen door vakmensen bedoeld om inzicht te geven

[ Bericht 7% gewijzigd door n8n op 08-03-2012 17:41:44 ]
Specialization is for insects”.—Robert Heinlein
  donderdag 8 maart 2012 @ 17:44:57 #7
63192 ursel
"Het Is Hier Fantastisch!
pi_108870043
quote:
7s.gif Op donderdag 8 maart 2012 17:33 schreef n8n het volgende:

[..]

vind tutplus dan weer zon copy/paste site waar je vooral leert dingen na te maken oO< Zeg niet dat dit verkeerd is, kunnen we een apart kopje voor maken :+ http://webdesignerwall.com/ is er ook zo een

http://24ways.org/ vind ik nog een interessante toevoeging, 24 artikelen door vakmensen bedoeld om inzicht te geven
Mja, ben zelf meer backend ontwikkelaar. Maar die site heeft me heel veel geholpen in het meer begrijpen van de frontend.
  donderdag 8 maart 2012 @ 17:45:42 #8
230788 n8n
Pragmatisch
pi_108870064
http://css-tricks.com/examples/IconFont/

Hier informatie over het gebruik van fonts voor iconen, vind het zelf interessant omdat veel browsers ondersteuning fonts kunnen includen. Heb het nog niet gebruikt–omdat ik dan het liefst zelf een font maak–maar ben dit wel van plan, met name omdat web design steeds meer resolutie-onafhankelijk wordt.
Specialization is for insects”.—Robert Heinlein
  donderdag 8 maart 2012 @ 17:47:42 #9
230788 n8n
Pragmatisch
pi_108870132
quote:
0s.gif Op donderdag 8 maart 2012 17:44 schreef ursel het volgende:

[..]

Mja, ben zelf meer backend ontwikkelaar. Maar die site heeft me heel veel geholpen in het meer begrijpen van de frontend.
Daarom ook een link als toevoeging, tutorials kunnen ook zeer waardevol zijn maar een onderscheiding tussen voorbeelden en artikelen vind ik wel belangrijk

Toegankelijkheid en richtlijnen zijn ook vaak een ondergeschoven kindje, http://www.drempelvrij.nl/ is een Nederlandse website met informatie om je projecten toegankelijk te maken. Vind het zelf wel belangrijk, geeft ook inzicht in onderwerpen waar ik zelf wellicht niet zo snel aan gedacht zou hebben.
Specialization is for insects”.—Robert Heinlein
pi_108871699
Learn: Silverlight.NET

Dit is ook frontend development :P .
  donderdag 8 maart 2012 @ 18:32:58 #11
230788 n8n
Pragmatisch
pi_108871759
quote:
0s.gif Op donderdag 8 maart 2012 18:31 schreef Devv het volgende:
Learn: Silverlight.NET

Dit is ook frontend development :P .
Je discussieert graag over toegankelijkheid van het web en het gebruik van plug-ins? :+
Specialization is for insects”.—Robert Heinlein
  donderdag 8 maart 2012 @ 18:33:50 #12
91039 mstx
2x1/2 = 1/2 x 1/2
pi_108871792
Dat LESS ziet er wel interessant uit. :Y
Ik ben zelf overigens meer van de backend maar html/css/js kan ik ook dromen. :9
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
  donderdag 8 maart 2012 @ 18:36:13 #13
230788 n8n
Pragmatisch
pi_108871880
Het idee achter LESS is goed maar ook te bereiken zonder door specificaties te groeperen en de elementen daar aan te koppelen.
Specialization is for insects”.—Robert Heinlein
pi_108871949
quote:
7s.gif Op donderdag 8 maart 2012 18:32 schreef n8n het volgende:

[..]

Je discussieert graag over toegankelijkheid van het web en het gebruik van plug-ins? :+
Frontend development heeft an sich niet zoveel met toegankelijkheid van het web te maken. Daarnaast gaat Windows 8 Silverlight standaard ondersteunen dus is het weer een beetje meer plugin af :P .
  donderdag 8 maart 2012 @ 18:40:43 #15
230788 n8n
Pragmatisch
pi_108872051
quote:
1s.gif Op donderdag 8 maart 2012 18:37 schreef Devv het volgende:

[..]

Frontend development heeft an sich niet zoveel met toegankelijkheid van het web te maken. Daarnaast gaat Windows 8 Silverlight standaard ondersteunen dus is het weer een beetje meer plugin af :P .
Frontend heeft alles met toegankelijkheid te maken. toegankelijkheid in de zin dat een website voor iedereen toegankelijk is, zowel met een (visuele) beperking als een OS/browser/device. Dat Windows het standaard ondersteund is leuk maar daar heb je niks aan met OS X, Linux, iOS, Android etc.
Specialization is for insects”.—Robert Heinlein
  donderdag 8 maart 2012 @ 18:40:49 #16
56176 Catch22-
Ben je Blind?!
pi_108872057
quote:
7s.gif Op donderdag 8 maart 2012 18:36 schreef n8n het volgende:
Het idee achter LESS is goed maar ook te bereiken zonder door specificaties te groeperen en de elementen daar aan te koppelen.
De leesbaarheid bij nesting is beter (dropdownmenu anyone ;)) en met css3 en de prefixes is het ook handiger. Je kan er classitis mee voorkomen :)
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108872190
quote:
7s.gif Op donderdag 8 maart 2012 18:40 schreef n8n het volgende:

[..]

Frontend heeft alles met toegankelijkheid te maken. toegankelijkheid in de zin dat een website voor iedereen toegankelijk is, zowel met een (visuele) beperking als een OS/browser/device. Dat Windows het standaard ondersteund is leuk maar daar heb je niks aan met OS X, Linux, iOS, Android etc.
Dat hoeft ook niet als je voor een bepaalde doelgroep ontwikkeld :) . Het is niet zo dat alle frontend applicaties web based zijn.
  donderdag 8 maart 2012 @ 18:47:26 #18
230788 n8n
Pragmatisch
pi_108872291
quote:
11s.gif Op donderdag 8 maart 2012 18:40 schreef Catch22- het volgende:

[..]

De leesbaarheid bij nesting is beter (dropdownmenu anyone ;)) en met css3 en de prefixes is het ook handiger. Je kan er classitis mee voorkomen :)
wellicht zie ik het verkeerd, het doel is elke specificatie 1 keer te schrijven en dan een variabele in de css te zetten?

Ik groepeer mn css altijd in
/* Reset */
/* Color */
/* Typography */
/* General */
/* Header */
/* Content */
/* Footer */
/* Transitions */

Zo hoef ik alles maar 1 keer te specificeren en kan ik snel kleine aanpassingen maken voor alle elementen die van toepassing zijn
Specialization is for insects”.—Robert Heinlein
  donderdag 8 maart 2012 @ 18:54:49 #19
230788 n8n
Pragmatisch
pi_108872538
quote:
1s.gif Op donderdag 8 maart 2012 18:44 schreef Devv het volgende:

[..]

Dat hoeft ook niet als je voor een bepaalde doelgroep ontwikkeld :) . Het is niet zo dat alle frontend applicaties web based zijn.
Welke doelgroep denk je dan aan? Interne applicaties specifiek voor windows? Als het alternatief met een vrije standaard kan zou ik daar voor kiezen, om dezelfde reden dat veel infrastructuren nu nog aan IE6 vast zitten. Of zijn er nog afwegingen die ik over het hoofd zie? :)
Specialization is for insects”.—Robert Heinlein
  donderdag 8 maart 2012 @ 19:26:56 #20
56176 Catch22-
Ben je Blind?!
pi_108873692
De huidge is de laatste versie van silverlight volgens mij, dus om t nu nog op te pakken..

Over het nut van less heb ik t morgen wel met wat voorbeelden
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108873738
Goed topic.
  donderdag 8 maart 2012 @ 19:37:30 #22
50298 QM84
Het Orakel
pi_108874130
Nog een interessante blog: lea.verou.me

Om even aan te haken op de Less-discussie:
Ik gebruik dan wel geen Less, maar SCSS (principe is hetzelfde), maar ik ben nog altijd niet overtuigd van de meerwaarde ervan. Zoals ik in het andere topic ook al aangaf, heb ik (en mijn collega's ook overigens) gemerkt dat je nogal snel onbewust teveel code gaat schrijven, juist door dat het hele nesting een stuk makkelijker is.

Mixins zijn op zich handig om te gebruiken, maar echt veel verder dan bvb specifieke css3-functies waarbij je nog veel vendor prefixes nodig hebt of een clearfix, komt het ook niet.

Het resulteert vaak in dat je wel sneller werkt, maar uiteindelijk veel meer en rommeligere code hebt.
dat dus.
  donderdag 8 maart 2012 @ 19:39:03 #23
230788 n8n
Pragmatisch
pi_108874196
Moet de css van het mobiele forum ook nog een keer opschonen. Was al aardig netjes begonnen maar wat een klus wordt dat ;(
Specialization is for insects”.—Robert Heinlein
pi_108874664
quote:
7s.gif Op donderdag 8 maart 2012 18:54 schreef n8n het volgende:

[..]

Welke doelgroep denk je dan aan? Interne applicaties specifiek voor windows? Als het alternatief met een vrije standaard kan zou ik daar voor kiezen, om dezelfde reden dat veel infrastructuren nu nog aan IE6 vast zitten. Of zijn er nog afwegingen die ik over het hoofd zie? :)
Ik ontwikkel nu onder andere in Microsoft Dynamics CRM. Dus dan is het vrij makkelijk. Het is allemaal redelijk afgebakend. Ik zou ook in HTML5/CSS3 kunnen ontwikkelen. Maar aangezien veel gebruikers nog niet op IE9 zitten, is dat op dit moment nog geen alternatief.
En als je het grafische aspect van Silverlight bekijkt (XAML), dan is de stap naar HTML5/CSS3 snel gemaakt. Want uiteindelijk bestaat alles uit lijntjes en vulling...

quote:
11s.gif Op donderdag 8 maart 2012 19:26 schreef Catch22- het volgende:
De huidge is de laatste versie van silverlight volgens mij, dus om t nu nog op te pakken..

Over het nut van less heb ik t morgen wel met wat voorbeelden
Microsoft gaat Silverlight echt niet helemaal afschrijven. En je kan een Silverlight applicatie altijd nog naar HTML5 porten.
  donderdag 8 maart 2012 @ 20:08:25 #25
230788 n8n
Pragmatisch
pi_108875543
alistapart.com moet er eigenlijk ook wel tussen al zijn ze vrij log
Specialization is for insects”.—Robert Heinlein
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')