Pinboard (vasilis)

Bricss - Disabling default appearance of form elements on iOS

vasilis — 2011-07-24T20:20:14+00:00

Formulierelementen stijlen, bijna alle designers willen het. Meestal is er dan niet meer te zien dan iets een select is, of een checkbox, maar er bestaan ook goede designers die er iets bruikbaars van weten te maken. In die gevallen is het fijn om te weten dat dit in webkit browsers kan. Het is een g

Chosen - a javascript select thingy

vasilis — 2011-07-19T10:34:04+00:00

Een aardige enhancement van selects. Vooral handig als je gebruik wilt maken van multiple selects of als je hele lange lijsten in je select hebt staan. Nadeel is dat er geen gebruik meer wordt gemaakt van native form-elementen, een select klapt bijvoorbeeld niet meer uit over het chrome van je venste

Input Becomes Output in a New Way to Bag | Bagcheck

vasilis — 2011-07-13T21:40:24+00:00

Er zijn verschillende manieren om een gebruiker van een site een nieuw item aan te laten maken. Je kan bijvoorbeeld de klassieke wizard gebruiken waarbij je in een paar stappen alle nodige gegevens invult, je kan ook een itempagina in z'n geheel aanpasbaar maken. Luke Wroblewski somt te voor en nadel

Design Solutions for New Log In Problems | Bagcheck

vasilis — 2011-07-13T20:55:18+00:00

Soms kan je bij een online dienst inloggen met je facebook of twitter account. Handig, tenzij je vergeet met welk van die twee accounts je ook al weer was ingelogd. Luke Wroblewski heeft eens onderzocht hoe je deze manier van inloggen zo prettig mogelijk kunt maken. Ik vond de uitkomst verrassend!

The HTML progress element in Firefox - Mounir Lamouri's Blog

vasilis — 2011-07-07T11:23:58+00:00

In de volgende versie van Firefox (die wellicht niet meer zo lang op zich laat wachten) zit het

HTML5Pattern

vasilis — 2011-07-05T17:00:43+00:00

HTML5 forms hebben naast de bekende nieuwe input types (zoals email, url, date) ook het enorm handige pattern-attribuut waarin je met behulp van regular expressions een validatiepatroon kunt aangeven. Mensen die niet zo goed zijn in regular expressions kunnen natuurlijk telkens de hulp inroepen van S

HTML5 Forms Readiness Chart · Wufoo

vasilis — 2011-06-20T19:54:01+00:00

Handige pagina waarme je even snel kunt checken of een formulierfeature al werkt in je browser.

Stop abusing the placeholder attribute | Roy Tomeij

vasilis — 2011-06-15T19:40:32+00:00

Roy Tomeij wilde weer eens in de Daily Nerd staan en schreef dus een uitgebreid artikel over het placeholder attribuut: hoe je het moet gebruiken én vooral ook hoe je het niet moet gebruiken en waarom. Erg goede uitleg en een must read voor iedereen die wel eens een formulier ontwerpt of bouwt

Confirmation bias - GIANT ROBOTS SMASHING INTO OTHER GIANT ROBOTS

vasilis — 2011-05-16T15:04:10+00:00

Een aardige kijk op de usability van een inschrijfformulier. Dingen als e-mail verificatie en wachtwoordherhaling, zijn die nu echt wel nodig?

Innovative Techniques To Simplify Sign-Ups and Log-Ins - Smashing Magazine

vasilis — 2011-05-15T13:25:36+00:00

Een aantal alleraardigste tips voor prettiger formulieren.

Fixing oninput in IE Using html5Widgets

vasilis — 2011-05-12T18:43:43+00:00

Het oninput event is handig en met wat extra javascript werkt het ook in oude browsers. Must read voor frontend developers.

Using the oninput event with onkeydown as its fallback Â· Mathias Bynens

vasilis — 2011-05-11T09:38:13+00:00

Het superhandige oninput event kan je zeer eenvoudig emuleren in oude browsers. Hoe? Mathias Bynens legt het uit.

HTML5 placeholder and an alternative approach – introducing Robert’s playground - Robert's talk

vasilis — 2011-05-02T12:29:32+00:00

Placeholders kunnen handig zijn maar er kleven ook wel wat nadelen aan; een van die nadelen is dat de placeholder verdwijnt zodra een form-element focus krijgt: met een beetje pech weet je niet meer wat je ook al weer moest invullen. Robert Nyman heeft een script geschreven wat het placeholder-gedrag

Formalize CSS - Teach your forms some manners!

vasilis — 2011-04-05T19:40:49+00:00

Als je te maken hebt met designers die het internet niet begrijpen, klanten die het internet niet begrijpen en als ze ook nog eens niet naar je willen luisteren en er absoluut op staan dat formulierelementen speciaal gestyled moeten worden omdat de designer echt wel even beter weet wat de gebruiker p

A Legendary Misunderstanding - Web Standards Sherpa

vasilis — 2011-03-31T16:34:11+00:00

Hoe bouw je een formulier? Met de juiste elementen natuurlijk. Maar wat zijn de juiste elementen en wanneer moet je ze wel (of juist niet) gebruiken. Must read voor iedereen die wel eens een formulier maakt.

Google Chrome Blog: Talking to your computer (with HTML!)

vasilis — 2011-03-23T04:06:05+00:00

De beta-versie van Chrome biedt tegenwoordig experimentele ondersteuning voor spraak-input: praten tegen HTML. Experimenteel in de nogal brede zin van het woord, als ik mijn naam inspreek maakt ie er "mercedes for sale" van. Nee, die is niet te koop.

The Current State of HTML5 Forms · Wufoo

vasilis — 2011-03-22T20:55:52+00:00

HTML5 forms zijn te gek alleen is de ondersteuning er van nog niet optimaal. Op deze pagina staat wat de huidige browsers zoal ondersteunen. Het zou mooi zijn als deze pagina up to date blijft.

HTML5 Form Validation on SUMO « Mozilla Webdev

vasilis — 2011-03-16T15:40:56+00:00

Mozilla maakt gebruik van HTML5 formulier elementen en van de bijbehorende validatie. Aardig artikeltje met duidelijke voorbeelden.

TBNL » Blog Archive » Usability: Autofocus and not breaking the backspace-button

vasilis — 2011-03-14T21:10:54+00:00

Er kleven wat nadelen aan het geven van focus aan een formulierveld zodra een pagina geladen wordt, de meest voordehandliggende is wel dat Backspace niet meer werkt als Back-button. Tibo Beijen somt alle verdere nadelen op en gaat buitengewoon diep in op autofocus. Mocht je ooit argumenten nodig hebb

The new input types - QuirksBlog

vasilis — 2011-03-09T09:55:49+00:00

Ppk heeft de nieuwe HTML5 forms onderzocht in de huidige generatie browsers, zowel desktop als mobiel. De conclusie is kort samengevat: ruk. Maarrrr, mensen met een developer-build van Chrome weten bijvoorbeeld dat sommige van deze issues inmiddels zijn verholpen.

HTML5 Accessibility Chops: the placeholder attribute | The Paciello Group Blog

vasilis — 2011-02-21T17:24:03+00:00

Het placeholder attribuut is een van die fijne kleine juweeltjes die HTML5 ons biedt. Maar hoe zit het met de toegankelijkheid er van? Lees dit artikeltje, onthoud wat er in staat, pas het immer toe en dan zit het er wel goed mee.

17 Ways to Simplify \'Sign Up\' - Baymard Institute

vasilis — 2011-02-16T19:13:49+00:00

Een lijstje met tips om sign up formulieren eenvoudiger, prettiger in gebruik en dus wellicht succesvoller te maken.

Designing Web Registration Processes for Kids

vasilis — 2011-02-08T09:00:33+00:00

Fieldset and Legend formatting [Legends of the Sun Pig - Martin Sutherland\'s Blog]

vasilis — 2011-01-23T20:27:18+00:00

Een van de lastigste dingen om te stylen is de combinatie

en , de standaard styling is een heel bijzondere die niet te overschrijven is met CSS. Dat is denk ik een van de redenen dat s zo weinig gebruikt worden. Maar nu kan je ze gewoon weer gaan gebruiken want Martin Sutherland geeft een eenvoudige maar goed werkende oplossing voor dit probleem: een extra netje.

Three rules for creating accessible forms – Humanising Technology Blog

vasilis — 2011-01-14T17:47:26+00:00

RT @dboudreau: Three rules for creating accessible forms » #a11y #forms #bestPractices

Adactio: Journal—The design of datalist

vasilis — 2011-01-11T16:54:17+00:00

Documenting a handy progressive enhancement pattern for the HTML5 datalist element:

New form features in HTML5 - Dev.Opera

vasilis — 2010-12-16T16:45:08+00:00

New #html5 support in Opera 11: , , placeholder, type=color, tel, search, wobbly bubbles

Bug 349259 – CSS Property 'line-height' has no effects on input text fields

vasilis — 2010-11-19T18:59:44+00:00

Allemaal deze bug even upvoten.

HTML5 Forms Validation in Firefox 4 - Mounir Lamouri's Blog

vasilis — 2010-11-10T17:24:29+00:00

HTML5 Forms Validation in Firefox 4

LukeW | "Mad Libs" Style Form Increases Conversion 25-40%

vasilis — 2010-02-26T16:25:51+00:00

Interessante resultaten bij een onderzoek naar het beschrijvender en leesbaarder maken van formulieren. Zou misschien wel eens leuk kunnen worden. En gaat natuurlijk ook vaak verkeerd gebruikt worden maar dat hoort er bij.

24 ways: Have a Field Day with HTML5 Forms

vasilis — 2009-12-03T08:09:46+00:00

Briljante opmaak van formulieren met OL's, CSS step increment en ander prachtigs

Stop Password Masking (Jakob Nielsen's Alertbox)

vasilis — 2009-06-24T14:03:54+00:00

Ben het wel eens met het idee dat stipjes ipv letters bij het invullen van een wachtwoord niet echt handig of veilig is. Vooral vertragend en soms zelfs frustrerend.

Interface Design Inspiration | 36 Beautiful Login Page/Form Designs | Dzine Blog

vasilis — 2009-03-30T09:03:40+00:00

Mooie inlogschermen. Belangrijke note voor frontenders: laat inlogformulieren nooit submitten met ingewikkelde scripts, gebruik gewoon een POST of een GET: wachtwoordmanagers kunnen hier vaak niet mee omgaan. IPV functionaliteit toevoegen voor de gebruiken haal je dus functionaliteit weg. Maak dit ook duidelijk aan IO en VD.

Collection: WebFormElements.com

vasilis — 2009-03-26T08:45:30+00:00

Zeer uitgebreid visueel onderzoek naar het gedrag van from-elements op verschillende browsers.

Sign up on Huffduffer

vasilis — 2009-02-23T19:22:25+00:00

Erg vriendelijk aanmeldformulier.

Styling Forms with Attribute Selectors - Part 2: adding in some CSS3 - Opera Developer Community

vasilis — 2007-12-13T07:51:54+00:00

Je kan met CSS3 form elementen nog beter en slimmer stijlen dan met CSS2, alleen wordt dit nogal slecht ondersteund: alleen Opera en Firefox ondersteunen dit voldoende. Onthouden voor over een paar jaar.

Styling Forms with Attribute Selectors - Part 1 - Opera Developer Community

vasilis — 2007-12-13T07:51:29+00:00

Net dat extra stukje functionele stijling van form elementen voor browsers die het ondersteunen (geen IE6 dus). Oude browsers kunnen de boel gebruiken, moderne browsers zien het net even gelikter.

Formulieren vragen meer aandacht — DdUX: Design for digital User eXperience

vasilis — 2007-11-07T12:21:50+00:00

Eindelijk een interessant artikel op Ddux: hoe ontwerp je goede formulieren?

Autopopulating text input fields with JavaScript | 456 Berea Street

vasilis — 2007-10-18T09:02:43+00:00

Scriptje om inputs zonder label toch toegankelijk te houden

Orange has FAIL | Muffin Research Labs by Stuart Colville

vasilis — 2007-07-24T19:52:44+00:00

Hoe formulieren/contactmogelijkheden dus niet moeten werken. Orange fuckt up

Web Application Form Design

vasilis — 2007-07-24T19:47:27+00:00

Formulieren vormgeven. Een paar verschillende manieren worden hier vergeleken:

Styling form controls with CSS, revisited | 456 Berea Street

vasilis — 2007-07-24T17:52:01+00:00

Hierbij een zeer uitgebreid overzicht van alle formelementen op verschillende browsers op verschillende besturingsstystemen. Het is een onderzoek naar hoe stijlbaar deze elementen zijn via CSS. Een conclusie die ik er uit trek is dat form elementen niet e

Tien tips voor betere contactformulieren · Marketingfacts

vasilis — 2007-07-24T17:50:31+00:00

Een stel studenten heeft een onderzoek gedaan naar formulieren. Op Marketingfacts staat een aantal praktische tips

Uni-Form

vasilis — 2007-07-24T17:38:37+00:00

Aardige standaard HTML voor formulieren