Showing posts with label Web. Show all posts
Showing posts with label Web. Show all posts
Thursday, April 26, 2012
Of Interest: Head.js @ headjs.com
Head.js is a neat concept.
In my foray into website design, I started out with HTML5 Boilerplate (more on that later). The "acceptable" ways to optimize page load times - not a huge issue for me right now, but I think it's best to develop good habits - include some strange things.
Strange as in "put all scripts right before the tag" and "minify everything" and "concatenate all external everything into single files". These are good things to do on production code, I guess, but they also have their own drawbacks. The main idea is to reduce HTTP requests and keep as much as possible cached for the end-user. If you have, say, [ Cycle ], and don't properly organize the code on your page, you can end up with some strange flashes of unstyled content (or FOUCs, for short). Those are no bueno and are killer for the end-user.
So you might consider loading all your scripts towards the top of your HTML file... but doing so (normally) stops anything else from loading. This extends what the user perceives as load time, and is thus unacceptable.
Enter head.js. The idea is that you can "load scripts in parallel but execute in order". Essentially, you can decrease load times by loading more than one script at a time while the page is loading, too - this decreases the "flashes" or wait times between pages and prevents scripts from "blocking" rendering processes.
It means that my already-slim handcrafted pages are slimmer and faster and better than before.
Or they will be once I finish implementing head.js across the board, anyway.
You can find head.js [ here ]. Neat stuff.
In my foray into website design, I started out with HTML5 Boilerplate (more on that later). The "acceptable" ways to optimize page load times - not a huge issue for me right now, but I think it's best to develop good habits - include some strange things.
Strange as in "put all scripts right before the tag" and "minify everything" and "concatenate all external everything into single files". These are good things to do on production code, I guess, but they also have their own drawbacks. The main idea is to reduce HTTP requests and keep as much as possible cached for the end-user. If you have, say, [ Cycle ], and don't properly organize the code on your page, you can end up with some strange flashes of unstyled content (or FOUCs, for short). Those are no bueno and are killer for the end-user.
So you might consider loading all your scripts towards the top of your HTML file... but doing so (normally) stops anything else from loading. This extends what the user perceives as load time, and is thus unacceptable.
Enter head.js. The idea is that you can "load scripts in parallel but execute in order". Essentially, you can decrease load times by loading more than one script at a time while the page is loading, too - this decreases the "flashes" or wait times between pages and prevents scripts from "blocking" rendering processes.
It means that my already-slim handcrafted pages are slimmer and faster and better than before.
Or they will be once I finish implementing head.js across the board, anyway.
You can find head.js [ here ]. Neat stuff.
Friday, April 13, 2012
Stuff I Like: CSS Prefixer @ appspot.com
[ http://cssprefixer.appspot.com/ ] is so useful for me right now.
Mainly because I'm still getting into this whole "web design" thing.
It takes your CSS input, adds in any of the missing prefixes (fixing cross-browser CSS3 compatibility).
Unrelated: I'm learning how to jQuery.
Mainly because I'm still getting into this whole "web design" thing.
It takes your CSS input, adds in any of the missing prefixes (fixing cross-browser CSS3 compatibility).
Unrelated: I'm learning how to jQuery.
Sunday, November 6, 2011
Long time no post, guys.
Classes these days- schoolwork, homework, and extracurriculars are quite time-consuming. Posts to resume as things become relevant. For now, I'd like to share something like the classifieds:
Airsoft AEGs - I can tune and upgrade them. You pay for shipping here, I'll pay for shipping back. Rates are negotiable and depend on the nature of work.
Digital Eminence - I can help you set up a website, manage content, and create an online presence for you and your brand. I will help you find the solution for your situation, and can even help you manage content, promotion, and the myriad avenues of publicity via social media.
Feel free to leave contact information in a comment- I respect privacy and don't sell, license, trade, publish, or otherwise distribute or disburse client information.
This is an "I'm still here" post- expect content to come in the future.
Friday, September 16, 2011
On Webhosting and Domain Names
Please be prepared for a ridiculous wall-of-text.
Over the last 8 hours or so I've muddled through setting up a completely free blog (perhaps a website later?).
Check it out over at [ http://mxdev.x10.mx ].
I even have a fresh .co.cc domain going up as soon as the nameserver changes propogate.
More on all of this after the break. Click the |Comments?| button to proceed.
Over the last 8 hours or so I've muddled through setting up a completely free blog (perhaps a website later?).
Check it out over at [ http://mxdev.x10.mx ].
I even have a fresh .co.cc domain going up as soon as the nameserver changes propogate.
More on all of this after the break. Click the |Comments?| button to proceed.
Subscribe to:
Posts (Atom)