Skip to content

Tag Archives: html

Disable autocomplete for all input fields in a form


Autocompleting a field is great except when it's not. "However, some data submitted in forms are either not useful in the future (for example, a one-time pin) or contain sensitive information (for example, a unique government identifier or credit card security code). As website author, you might prefer that the browser not remember the values […]

CSS: Last of specific class, not child of parent


As per discussion in Stackoverflow, at the moment CSS's last-of-type selector is the best way to access last element, but apparently that does not apply to class, but the element. And even so, when trying to create A | B | C NOT, this does not work. <div> <span class="separated">A</span> <span class="separated">B</span> <span class="separated">C</span> <span class="not">NOT</span> […]

Show Popular Posts on WordPress like Tim Ferriss


Tim's blog uses DOMTab for tabbing the top lists of popular posts. Tabs are populated with WordPress Popular Posts plugin and some manual lists as well. Remember to allow shortcodes in sidebar. Then add a text widget with something like: <div class="domtab"> <ul class="domtabs"> <li class="active"><a class="domtab1" href="#t1" style="cursor:pointer;">Current hits</a></li> <li><a class="domtab2" href="#t2" style="cursor:pointer;">All time</a></li> <li><a […]

Pointer Background Breadcrumbs


After reading Particletree's article Rediscovering the Button Element I knew there would be projects where I could use this newly rediscovered button. And so there was. It was fun to apply this well-thought technique. But the real fun came along when I needed to adjust my breadcrumbs to fit the appearance of the buttons. This […]

Standards Compliant CSS Linkbox


I got really excited the first time I saw Ryan Trash's Simple Rounded Corner CSS Boxes. I decided to apply the technique to make a box that would be a link. See the linkbox in action. HTML for a box follows: <div class="linkbox"> <a class="linkbox" href=""> <span class="linkbox_head"> <span class="linkbox_heading"> <span>CSS<br />Linkbox</span> </span> </span><span class="linkbox_body"> […]