Improve website load time by 500% with 3 lines of code | Aciddrop.com Major New Update - PHP SPEEDY: latest version available here There are 4 relatively easy ways by which you can speed up the time it takes a browser to download a page: Make fewer HTTP requestsAdd a far-future expires headerGzip your page's componentsMinify your JavaScript, CSS and HTML Following on from my post on joining CSS and JavaScript files, I have written a PHP script which will automatically do all of the above. All you have to do is call the following at the top of your page: The code require_once('class.compressor.php'); //Include the class. And the following at the bottom of the page: The Demo That's it! The class can be downloaded here: site speed boost class download Requirements A server running at least PHP4. Setting basic options Options can be set with a comma separated string as follows: $compressor = new compressor('css,javascript,page'); The string can contain 'css', 'javascript' and 'page' depending on which elements you would like to be compressed. Setting advanced options
Blueprint: A CSS Framework | Spend your time innovating, not replicating Tutorial - Learn Python in 10 minutes NOTE: If you would like some Python development done, my company, Stochastic Technologies, is available for consulting. This tutorial is available as a short ebook. The e-book features extra content from follow-up posts on various Python best practices, all in a convenient, self-contained format. All future updates are free for people who purchase it. Preliminary fluff So, you want to learn the Python programming language but can't find a concise and yet full-featured tutorial. Properties Python is strongly typed (i.e. types are enforced), dynamically, implicitly typed (i.e. you don't have to declare variables), case sensitive (i.e. var and VAR are two different variables) and object-oriented (i.e. everything is an object). Getting help Help in Python is always available right in the interpreter. >>> help(5)Help on int object:(etc etc) >>> dir(5)['__abs__', '__add__', ...] >>> abs. Syntax Python has no mandatory statement termination characters and blocks are specified by indentation. Strings
CSS3 Loading Animation Loop Hi folks, this time we’re going to see and create three CSS3 animation loop, can be used in many fields, such as preloader for images with jQuery. I remember this animations are only visible in Firefox, Safari and Chrome. Let’s see how to create it. First Example CSS3 Loading Animation Loop In this first example, create only two div and thanks to the border-radius property, they will take the circle shape. For the CSS style is very simple, just play with the parameters for the graphic you want, as regards the animation simply use the transform:rotateproperty. Second Example CSS3 Loading Animation Loop The second example is the same as the precedent for the markup, the main difference you’ll find it in the CSS. Simply in this example we are going to act on the rotation, and more we insert an animation that will allow us to have an pulse effect. Third Example CSS3 Loading Animation Loop In this latest example we find a simple loop that is animated thanks to the transform:scale property.
The Evolution of a Programmer High School/Jr.High First year in College program Hello(input, output) begin writeln('Hello World') end. Senior year in College (defun hello (print (cons 'Hello (list 'World)))) New professional #include <stdio.h> void main(void) { char *message[] = {"Hello ", "World"}; int i; for(i = 0; i < 2; ++i) printf("%s", message[i]); printf("\n"); } Seasoned professional Master Programmer Apprentice Hacker Experienced Hacker Seasoned Hacker % cc -o a.out ~/src/misc/hw/hw.c % a.out Guru Hacker New Manager Middle Manager mail -s "Hello, world." bob@b12 Bob, could you please write me a program that prints "Hello, world."? Senior Manager % zmail jim I need a "Hello, world." program by this afternoon. Chief Executive % letter letter: Command not found. % mail To: ^X ^F ^C % help mail help: Command not found. % damn! Anonymous If you enjoyed this, you might like:
Viewport Sized Typography CSS3 has some new values for sizing things relative to the current viewport size: vw, vh, and vmin. It is relevant to bring up now, because it's shipping in Chrome 20 (canary at the time of this writing). And not behind a flag, it just works. Production usage isn't quite there, but it will be soon enough. Why is this awesome? There are many reasons. There is a such thing as a comfortable line length for reading text on screens. How they work One unit on any of the three values is 1% of the viewport axis. For use with font-size, I guess it's one "letter" that takes on that size, but as we know, in non-mono-spaced fonts the width of a letter is rather arbitrary. 1vw = 1% of viewport width 1vh = 1% of viewport height 1vmin = 1vw or 1vh, whichever is smaller 1vmax = 1vw or 1vh, whichever is larger Using them Easy cheezy: Demo Here's a video of a simple layout using vw units for the font-size. Check out the demo yourself (see browser support). Bugs! I bugged it. Browser Support Not just font-size
CSS3 support in Internet Explorer 6, 7, and 8 What is it? IE-CSS3 is a script to provide Internet Explorer support for some new styles available in the upcoming CSS3 standard. How it works If you're viewing this page in Internet Explorer, some of the elements have been rebuilt by the script in Vector Markup Language (VML), an IE-specific vector drawing language. VML supports things that are missing from IE's CSS implementation like rounded corners and blur effects. How to use it Just add CSS styles as you normally would, but include one new line: Issues and Workarounds You would expect URLs in behavior: url(...) to be relative to the current directory as they are in a background-image: url(...) style for example, but instead Microsoft decided to ignore standards here and make them relative to the docroot instead. You will probably run into issues with z-index, especially if embedding one IE-CSS3 enabled element inside of another. Set the z-index of the IE-CSS3 element to a number larger than its surrounding elements.
Coda Clips: HTML Fully Loaded Form Added to HTML by Jeremy Reid HTML Form With Legend <form action="<<**SelectionInsertionPlaceholder**>>" method="get"><fieldset><legend>Form Name</legend><p><label for="first">First Input: </label><input type="text" name="first" id="first" /></p></fieldset><p><input type="submit" /></p></form> Added to HTML by Stuart Sharpe SwfObject HTML <script type="text/javascript"> swfobject.registerObject("flash-ID", "9.0.0"); </script><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="590" height="370" id="flash-ID"><param name="movie" value="INSERT YOU FLASH HERE 1" /><param name="play" value="true" /><param name="menu" value="false" /><param name="swliveconnect" value="true" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><! Added to HTML by Buda Basic Page Structure HTML 5 Added to HTML by Sven Hofmann Basic Page Structure XHTML 1.1 Valid <! Added to HTML by Hans