Quick Tips Tutorials
Disable Autocomplete, Autocapitalize, and Autocorrect
Mobile and desktop browser vendors do their best to help us not look like idiots by providing us autocomplete, autocorrect, and autocapitalize features. Unfortunately these features can sometimes get in the way; we don't always want or need the help they provide. Luckily most browsers allow...
spellcheck Attribute
Many useful attributes have been provided to web developers recently: download, placeholder, autofocus, and more. One helpful older attribute is the spellcheck attribute which allows developers to control an elements ability to be spell checked or subject to grammar checks. Simple enough, right?
Telephone Link Protocol
We've always been able to create links with protocols other than the usual HTTP, like mailto, skype, irc ,and more; they're an excellent convenience to visitors. With mobile phone browsers having become infinitely more usable, we can now extend that convenience to phone numbers: The
tel
...HTML5 Datalist
One of the most used JavaScript widgets over the past decade has been the text box autocomplete widget. Every JavaScript framework has their own autocomplete widget and many of them have become quite advanced. Much like the placeholder attribute's introduction to markup, a frequently used...
Add META Tags, Scripts, and Stylesheets to the WordPress Header and Footer
There are times where you may want to conditionally inject stylesheets or scripts into your header or footer, or you'd simply prefer to inject those resources via PHP instead of place the HTML in template files directly. WordPress' ever-powerful
add_filter
function provides the a method for...Force SSL with WordPress
WordPress, the popular blogging CMS platform, is used as an all-purpose site software these days. The difficulty in using all-purposes solutions is that they are often difficult to customize when edge cases pop up; one of those edge cases can be forcing SSL. Many form pages...
Remove Plugin Stylesheets and Scripts in WordPress
Many WordPress plugins implicitly inject stylesheets and JavaScript files into the page on each page load. If you don't plan on custom-styling for elements created by the plugin, that's no problem...but you can get caught in a CSS specificity battle if you do intend custom styling.
Square Search Boxes in WebKit
The new
INPUT
type of search is a nice semantic addition given to us under the HTML5 label. Unfortunately this element isn't ultra-stylable within WebKit. Here's a quick trick I've found to makeinput[type=search]
elements look like their basic text counterparts: Using-webkit-appearance: textfield
allows...Multi-Line JavaScript Strings
The JavaScript language performs automatic semicolon insertion at the end lines, so creating multiline strings usually ends up looking something like this: String upon string of concatenated JavaScript mess...ugly, slow, and ...ugly. Many novice JavaScript developers don't know that there's a better way to create multiline strings: Adding...
Move Caret to End of Input or Textarea
One of the annoying parts of using the focus method of HTML elements is that they don't move the cursor to the end of
INPUT
orTEXTAREA
elements if they already have content in them. That's probably the last thing a user would want. I was...