Blog Archives: Page 3
Build HTML Tables From MySQL Tables with PHP
I was recently completing a project which required that I build a series of HTML tables which would represent all of the tables within a MySQL database. I didn't have anything created but after a few minutes I had exactly what I needed. Hopefully this helps you out!
Multiple File Upload Input
More often than not, I find myself wanting to upload more than one file at a time. Having to use multiple "file" INPUT elements is annoying, slow, and inefficient. And if I hate them, I can't imagine how annoyed my users would be. Luckily Safari, Chrome, and Firefox have implemented a method by which users can upload multiple files within one INPUT element.
Using SCRIPT’s defer Attribute
One of the seldom used attributes within the HTML tag library is the defer attribute on SCRIPT elements. As you can probably tell by the name of the attribute, defer instructs the contents of the script tag to not execute until the page has loaded. Take a look!
Sexy Link Transformations with CSS
I was recently visiting MooTools Developer Christoph Pojer's website and noticed a sexy link hover effect: when you hover the link, the the link animates and tilts to the left or the right. To enhance the effect, the background color of the link is changed. I scoped out his JavaScript file to see how he created the effect but there were no link effects in it — the effects were being created with just CSS!
Dive Into Dojo Series: Dijit and Charting
I just wanted to give you all a heads up that I've started a Dive Into Dojo series over on the SitePen blog. The series will aim to cover the basics of jumping into the world of the Dojo Toolkit. The first two posts in the series focus on the amazing charting and Dijit UI classes.
HTML5 classList API
Having thrust myself into the world of JavaScript and JavaScript Libraries, I've often wondered: When are browser vendors going to see the helper methods/libraries created by the JavaScript toolkits and implement these functionalities natively within the browser? I realize that standards are important and browser vendors can't afford to half-ass these implementations but I do believe they could be...expedited. The good news is that one of these functionalities has been add to the HTML5 API; classList.
ServerSide JavaScript with MooTools and NodeJS
This post was authored by Christoph Pojer. To learn more about Christoph, click here.
GET OVER IT! 6 Things Web Developers Need to Get Over
One of the downsides of being around developers of varying skill levels, from noob to Open Source legend, is that everyone has an opinion...and they're all wrong. Every one of them. Of course, me being a developer, I'm wrong too. There are a few things, however, that I hear frequently and want nothing more than to scream. Listen here developers: get over it.
HTML5 Link Prefetching
One effort shared by both browsers and developers is making the web browsing experience faster. There are many common-known ways to keep your websites fast: using CSS sprites and image optimization, using .htaccess to set file headers for longer caching, javascript file compression, using CDNs, and so on. I've even detailed some of the website optimization efforts used on this website. Firefox introduces a new strategy for website optimization: link prefetching.
Google Font API
Google recently debuted a new web service called the Font API. Google's Font API provides developers a means by which they may quickly and painlessly add custom fonts to their website. Let's take a quick look at the ways by which the Google Font API can be used.