Steve Papadopoulos A blog about Software Development and Network Architecture.
Front end web dev at Yellloh.

Hiding Apache and PHP version information from your server http response headers

January 4, 2014

Whenever you make a http request, you send a request header to the server containing details on what the browser wants and will accept from the server. The server in turn responds with a response header. Apache servers share more information than you may like in your http response headers.

While it's not sensitive information it does by default share your Apache version. This applies to PHP as well.

The problem arises when exploits are found specific to build versions. Making this information so easily available makes it more likely you will be identified and targeted than if the information is not shared. As an example this page shows a breakdown of Apache Vulnerabilities by each version.

Read More

Avoiding the dreaded Flash of Unstyled Content (FOUC) and unwanted visual loading glitches

January 4, 2014

You may visit websites from time to time where part of the page loads but it doesn’t look quite right or is not styled properly. Then in a split second after more of it has loaded it snaps into the expected form with full styling and looks fine.

Most developers get this right and avoid the problem without knowing why when building a site, then pull hairs out when they can’t figure out why that one page they are building keeps popping when it’s loading.

What causes Flash of Unstyled Content

Read More

How to load images beautifully on your website using jQuery and 9 lines of code

January 4, 2014

One of the questions I get asked frequently by developers who visit Yellloh is about how we achieve the beautiful fade-in effect on our images. With design and ease of use being a central focus I wanted to make sure that images fade in gracefully and in a reliable manner with cross browser support. In developing a solution I didn’t want to use external scripts and wanted to keep the solution as small and efficient as possible.

The Ideal Outcome

With any page load I wanted each image to fade in as soon as it had finished loading, independent of any other event occurring on the page. This produces the beautiful effect where images fade in independent of each other. The solution I was looking for also had to be compatible with dynamic elements  as we are using infinite scroll to add new elements to the DOM and have cross-browser compatibility.

Read More