HTTP KeepAlive Considered Harmful. Isn’t that a wonderfully alarmist title?
A better one would be “HTTP KeepAlive harmful for modern high-traffic low-latency low-footprint websites”. But then you’d have fallen asleep by now, wouldn’t you. This was written to expand on an idea I touched on in the last piece about webservers – the idea that when a browser on a modern PC takes 250 milliseconds to fetch a web page, hanging around for a further thirty seconds just in case another request gets made is just plain selfish. What’s All This KeepAlive Nonsense?
Remember when Internet Cafes weren't full of tramps? We’ll start with a history lesson. After finding your server the conversation went something like this: *START* Client connects to port 80 on server. With such a powerful and simple concept it’s easy to see how the web caught on. As the web exploded it became evident that HTTP/1.0 had a few limitations. Virtual Hosting – so more than one domain could be served from a single server.
HTTP/1.1 made a big difference. $ command line ruby cheat sheets. How to Create An Amazing Blog About Page. I’ve said it before, and I’ll say it again… The most important page on your blog is your about page.
And if you don’t give that page the love it deserves, you’re losing fans—and customers—hand-over-fist. Dramatic, I know, but… Snippet - Google+ Platform. Twitter Bootstrap navbar tutorial. <<PreviousNext>> Using Twitter Bootstrap, you may create static navbar.
In this tutorial you will see how to do that. Note: An example of Navbar with Twitter Bootstrap 3 is added. You may have a live demo here and may download the zip file containing dist folder downloaded from Bootstrap's website cotaining css, js and fonts folder and navbar-example.html file. To run it form your own setup without making any changes in the paths, Keep dist folder and the example html file in the same folder. We will take an HTML5 page with content and see how to add a top navigation bar into it.
And Here is the HTML5 code of the page without any content. <! <! To create the basic structure to contain the navigations, you may insert the following code right after the <body> tag into the HTML5 code shown above: Now, let's replace the <! Help us to serve you with Better content. Wish to create a dropdown menu now? Now we want to insert social buttons into the navbar. And this is the final code. 5 of the Best Free HTML5 Presentation Systems. I have a lot of respect for Microsoft PowerPoint.
It will help a lot if you are already familiar with Sass and Compass. Do you create lots of mockups (HTML/CSS templates) for sites/apps? If so, perhaps at present you create flat HTML/CSS/JS pages (if a corporate site, imagine ‘home page’, ‘about -us’, contact-us’, ‘product1’, ‘product 2’ and on and on). This practice is fine until after creating 10–15 pages something common to all pages needs to change (perhaps the navigation for instance). Sure you can ‘find and replace’ across the files but surely there is a better way?
There are a few ways to solve this problem, PHP or similar can do ‘includes’ (allowing you to have a header.php, footer.php for example and then include them on the current page). Middleman is one such ‘static site generator’. The yield. Hacking up sites with Middleman. TL;DR - I’m going to walk through how I rebuilt this blog using a static site generator.
In the first half I walk through my decision for moving to a static site. You can skip down to the tech talk if you want. When re-designing/building my portfolio site in 2007 I did the tried and true geek thing: I hacked up my own custom CMS using CakePHP backed by MySQL. It was pretty standard stuff, complete with a blog engine modeled after WordPress. Putting it together was a great learning experience, similar to the “15 minute blog” videos from the Rails heyday of 2005-2007. It was also complete overkill. Building a Middleman Blog.