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 ]
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.
toegevoegd.quote:Op donderdag 8 maart 2012 17:19 schreef n8n het volgende:
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/
http://net.tutsplus.com/t(...)l5-websockets-today/
Sowieso tutsplus
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
vind tutplus dan weer zon copy/paste site waar je vooral leert dingen na te makenquote:Op donderdag 8 maart 2012 17:29 schreef ursel het volgende:
http://www.html5rocks.com/en/tutorials/websockets/basics/
http://net.tutsplus.com/t(...)l5-websockets-today/
Sowieso tutsplus
Zeg niet dat dit verkeerd is, kunnen we een apart kopje voor maken 
http://webdesignerwall.com/ is er ook zo eenhttp://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 ]
Mja, ben zelf meer backend ontwikkelaar. Maar die site heeft me heel veel geholpen in het meer begrijpen van de frontend.quote:
[..]
vind tutplus dan weer zon copy/paste site waar je vooral leert dingen na te maken
http://24ways.org/ vind ik nog een interessante toevoeging, 24 artikelen door vakmensen bedoeld om inzicht te geven
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.
Daarom ook een link als toevoeging, tutorials kunnen ook zeer waardevol zijn maar een onderscheiding tussen voorbeelden en artikelen vind ik wel belangrijkquote:
[..]
Mja, ben zelf meer backend ontwikkelaar. Maar die site heeft me heel veel geholpen in het meer begrijpen van de frontend.
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.
Dit is ook frontend development
.Je discussieert graag over toegankelijkheid van het web en het gebruik van plug-ins?quote:
Learn: Silverlight.NET
Dit is ook frontend development
Ik ben zelf overigens meer van de backend maar html/css/js kan ik ook dromen.
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 afquote:
[..]
Je discussieert graag over toegankelijkheid van het web en het gebruik van plug-ins?
.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.quote: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
De leesbaarheid bij nesting is beter (dropdownmenu anyonequote:
Het idee achter LESS is goed maar ook te bereiken zonder door specificaties te groeperen en de elementen daar aan te koppelen.
) en met css3 en de prefixes is het ook handiger. Je kan er classitis mee voorkomen 
Dat hoeft ook niet als je voor een bepaalde doelgroep ontwikkeldquote:
[..]
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.
. Het is niet zo dat alle frontend applicaties web based zijn.wellicht zie ik het verkeerd, het doel is elke specificatie 1 keer te schrijven en dan een variabele in de css te zetten?quote:Op donderdag 8 maart 2012 18:40 schreef Catch22- het volgende:
[..]
De leesbaarheid bij nesting is beter (dropdownmenu anyone
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
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?quote:
[..]
Dat hoeft ook niet als je voor een bepaalde doelgroep ontwikkeld
Over het nut van less heb ik t morgen wel met wat voorbeelden
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.
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.quote:
[..]
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?
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...
Microsoft gaat Silverlight echt niet helemaal afschrijven. En je kan een Silverlight applicatie altijd nog naar HTML5 porten.quote:
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
Dat is ons inderdaad laatst ook nog verzekerd door Microsoft.quote:
Microsoft gaat Silverlight echt niet helemaal afschrijven. En je kan een Silverlight applicatie altijd nog naar HTML5 porten.
Ik lees mee, ben dan wel geen frontenddeveloper maar wel een gedeveloptfrontendtester en onze applicatie is deels gebouwd in Silverlight. Qua testbaarheid ben ik daar niet bijster blij mee trouwens.
Dat weet ik niet, want toen werkte ik er nog niet.quote:
Waarom is er voor silverlight gekozen? Just curious
Maar ik denk dat we in SL zaken konden ontwikkelen die op andere wijze niet konden of meer tijd zouden kosten. En qua toegankelijkheid kunnen we het ons veroorloven.
Ah okequote:
[..]
Dat weet ik niet, want toen werkte ik er nog niet.
Maar ik denk dat we in SL zaken konden ontwikkelen die op andere wijze niet konden of meer tijd zouden kosten. En qua toegankelijkheid kunnen we het ons veroorloven.
Een andere reden om voor Silverlight te kiezen, is omdat het in een managed framework draait waardoor de broncode nog enigszins afgeschermd kan worden.
http://snook.ca/archives/html_and_css/font-size-with-rem (kan ook in de openingspost)
quote:The em unit is relative to the font-size of the parent, which causes the compounding issue. The rem unit is relative to the root—or the html—element. That means that we can define a single font size on the html element and define all rem units to be a percentage of that.
[ Bericht 6% gewijzigd door n8n op 11-03-2012 19:02:51 ]
Wat is dat andere topic erg geworden zeg... Het is niet meer dan een 'drop je vraag en laat t fiksen'-topic geworden
Gratis te gebruiken font met 150 iconen. Kwaliteit is verassend goed en er wordt nog actief aan ontwikkeld. Dit is voor mij zeer welkom omdat er nu maar 1 bestand ingeladen hoeft te worden en iconen schaalbaar zijn zonder kwaliteitsverlies. Werkt vanaf IE8 maar een update beloofd ook 7 te ondersteunen.
async een template ophalen, met een jQuery tool parse ik daar JSon in
Interessant, thx! Ben momenteel bezig met een systeem waarbij dit van pas kan komenquote:
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.
Is wel erg gaaf
allemaal in javascript 