Here’s a cool little demo utilizing CSS3, form elements and a single line of JS.
Posts Tagged ‘JS’
I tweeted this yesterday, but found it humorous enough that I had to put a link up here on Keefr.com. If you don’t find this little site funny, yeah.. you might not like most of the content on Keefr.com
This is a great idea via Smashing Magazine’s newish coding subdomain. It’s an especially good idea on some of the more involved forms I’ve experienced on the web lately. It’s basically a technique to autosave form contents by using the newest standard of HTML and a bit of JavaScript.
Auto-Save User’s Input In Your Forms With HTML5 and Sisyphus.js
The Web keeps getting better, and you can continue to thank the ingenuity of JavaScript wizards. This is a 30 frames per second demo of a JS H.264 decoder. Pretty freaking cool.
I feel like half the posts on here recently have been linking to Smashing Magazine. They’ve just continued to write relevant and great articles and lists that speak to me.
This particular list is all about JavaScript and jQuery. I particularly like the first one — “Respond.js: Fast CSS3 Media Queries for Internet Explorer 6-8 and More.” Oh IE. Why do you still exist?
So I’ve really been diving into learning, understanding and utilizing jQuery in my new job. It’s been very satisfying to look at someone else’s code and be able to read it, and understand line for line what is being done — granted it’s in fairly short examples, but it’s great to start understanding what’s going on beyond a copy and paste of someone else’s code.
That being said, there’s still a TON more to learn, and the 20 examples below are still examples I’m copying and pasting, and not able to mentally parse about 95% of it! These examples though are great in showing the power, flexibility and cool things jQuery and CSS can do for wrangling in boring old forms.
20 jQuery Plugins and Tutorials to Enhance Forms
In particular, I love this implementation – jQuery Form Validator – Because Form Validation is a Mess. I’ve been playing around with that one most of this afternoon, modifying it, and getting a good feel for the customization options it allows — highly recommend it. This one is probably going to be utilized in a major project next week.
This might be worth playing around with to learn and use HTML5 and CSS3. It’s a bit of JavaScript that detects the user’s web browser’s available features and allows for fallback code for older browsers.
I’m psyched for the CSS properties for multiple backgrounds, border-radius and 2D transforms to become commonly supported, plus of course the media-related additions coming with HTML5.
So white space is great for readability, editing, etc., but once those JavaScript files (or PHP, HTML) go live, whitespace can add a lot of bloat and extra kilobytes. Why not minimize those files? I’m a huge fan of BBEdit, and just found the link below to help create the smallest possible JavaScript files, and am blown away by the ease of using it, but also the savings in file size. In my most recent little [JavaScript heavy] project, I went from 222K in five separate .js files. After running the script below on it, I am down to 100K! That’s like a 55% reduction in filesize, plus by combining it into one file, it’s only one http request.
There’s no reason not to do this. Just make sure you have a backup of the files with whitespace.
