Voor de mensen die bekend zijn met CSS selectors, in uiteraard CSS en bijvoorbeeld jQuery.

Zou het niet fijn zijn als je dmv de CSS selectors je html kunt schrijven?

Dit:


Zou bijvoorbeeld dit kunnen opleveren:


Dat kan nu, een aatal mensen hebben voor een scala aan editor seen plugin gemaakt zen coding. Bekijk het filmpje maar eens, en de pagina.

En zie hoeveel tijd het je wel niet kan besparen, immers die ene regel is 10x sneller getyped (wanneer je je een beetje thuis voelt in css selectors) dan elke keer zelf de html typen (zelfs met code completion!)

Ik dacht, dat kan ik jullie niet onthouden.

Heb het zelf nu even op Espresso geinstaleerd, en het is wel even wennen, maar als je het door hebt zal het zeker wel tijd besparen.

Het heeft zelfs wrapping support, zodat je bijvoorbeeld dit:


In eenk enkele regel om kan toveren in:


dmv


Hier een lijstje met 'html' tags die hij kan bakken. En die kan je allemaal door de CSS selectors gebruiken.

Er is zelfs support voor bijvoorbeeld conditional comments iets als dit:


Levert dus de volgende code op:


Nou, daar is bijna niet tegen te typen of wel, ook nog een voordeel, je cursor spring in bovenstaande voorbeeld meteen naar de 'href' aangezien de kans het grootste is dat je dat aan wilt passen. Ook moet je sneller door de code kunnen springen naar de verschillende tags, maar hoe dat werkt ben ik nog niet helemaal achter.

Editz:

Wanneer de code is gegenereerd kan je met tab gewoon langs de juiste tabs wandelen, nice! Enkel jammer dat shift-tab dan niet werkt om naar de vorige te springen.

Downloadlink voor diverse editors: Google Code

Zag hem daarnet ook staan in mn google reader. Looks nice, eens proberen!

Alleen Cuve is de enige die het nice lijkt? Kan het me haast niet voorstellen

ja, leuk. ben net zo snel met uitschrijven denk ik. 90% van mijn HTML komt toch uit PHP loops en dergelijke.

Heb er nog geen tijd voor gehad om naar te kijken

(23-11-2009 11:56:03)Jasper schreef:  ja, leuk. ben net zo snel met uitschrijven denk ik. 90% van mijn HTML komt toch uit PHP loops en dergelijke.

Hier is het altijd ontwerp maken --> pagina's volledig omzetten naar html, css --> integreren in een systeem. Dus met punt twee is hier voor mij zeker wel winst te halen dacht ik.

gebruik daar hier meestal toch php loops voor.

Voor Zen Coding?

Volgens mij begrijpen sommigen het idee er niet geheel van

(23-11-2009 20:57:32)Matthijn schreef:  Volgens mij begrijpen sommigen het idee er niet geheel van

Ik snap het wel, als ik alleen met HTML + CSS bezig ben zou het handig kunnen zijn. Echter ben ik heel vaak met PHP bezig.

Ja ik ook, maar jullie doen dus.

Ontwerp in PSD --> Direct integreren naar systeemx?

Kan natuurlijk, had verwacht dat meer mensen de stap PSD --> HTML --> In systeemx deden.

Waarschijnlijk dat er hier wel wat mensen (devvers) de stap "PSD" overslaan. (zoals veel designers de stap "integratie met systeemX" achterwege laten)
Vergeet ook niet dat heel wat devvers hier gewoon eigen (hobby-/amateur-/niet-commerciële-) projecten maken, waardoor de stap "PSD" vaak niet echt noodzakelijk is.

Persoonlijk zie ik het nut er wel van in, maar of het een enorme tijdswinst geeft weet ik niet goed. Voor zeer "verbose" zaken zoals de conditional commented stylesheets zal het waarschijnlijk wel sneller werken, maar dit voer je meestal maar 1 keer in, binnen je html document. Bij een IDE die automatisch je tags afsluit, zal je voor je aangebrachte list-voorbeeld niet zo heel veel meer moeten typen (misschien wel wat meer copy-paste werk voor die list-items, maar dat scheelt hoogstens 5 secondjes).
Persoonlijk (misschien doordat ik al redelijk lang niets web-achtigs meer heb gemaakt) zou ik het dan ook niet direct gebruiken. Door zelf html in te voeren heb ik 100% controle, weet ik hoe en waar alles staat en doordenk ik grondig de html structuur.
Moest ik echter snel een mock-up moeten maken van hoe een html structuur er uit zou moeten komen te zien (wat ik nog nooit echt snel heb moeten doen), dan zou ik eventueel wel deze manier van werken overwegen.

css selectors zijn uiteraard wel een heerlijkheid om bepaalde elementen (uiteraard binnen css, maar zeker ook binnen javascript) te selecteren, maar om er nu je html mee op te stellen...

Mja, als je in je hoofd denkt. Ik heb een container, header, en content (met een links en rechts vlak) nodig.

Waarom zou je dan niet dit typen:

div#container>div#header>div#content>div#left+div#right

En dan zet hij het automatisch om in het 'basis' skelet. Exact zoals je het zelf zou uittypen. Je hebt niet echt 'minder' controle over de opbouw van het document.

In bovenstaand geval heb je dus al weer wat tijd korter gemaakt. Netzoals een menu, waar je ook wat tijd op winst kan maken e.d, en allemaal kleine tijdswinsten samen, maakt een grotere tijdswinst