I AM LISTENING TO
|
WHAT I LIKE
  • en
  • de
BLOG FILTER

  1. Pixel-perfect
  2. Retina-ready
  3. Fast
  4. Consistent
  5. Hackable
  6. No tracking

Shield.IO

readmore

When loading web-fonts, we often see a brief un-styled moment before the browser applies the actual font. Gladly Typekit and also Google Web Fonts provide an option around that.

Both are using WebFont Loaders to help handle those brief moments.

TypeKit Webfont Loader Example

This adds a class name to the <html> element during loading

This is removed when loading is done. This allows us to hide content until all fonts are loaded.

Webfonts Loading

This also adds classes once the webfonts have been loaded, which allows us to add some transitions to reveal the content again.

Webfonts Loaded

One last thing. You should add the webfont loader early in your content, so that it can do its magic before anything else is being loaded.

readmore

Compressing your content saves bandwidth and improves render time, particular on devices with slow internet connections. Compression allows your web server to provide smaller file sizes that load faster for your visitors. Compression of your HTML and CSS files with gzip typically saves around 50 to 70 % of the file size.

Check if GZIP Compression is active on your website

  1. HTTP Compression test
  2. Check GZIP Compression

Adding GZIP Compression via your htaccess (Apache)

Adding GZIP Compression on NGINX

Adding GZIP Compression via a WordPress Plugin

A good candidate is the WP Far Future Expiration Plugin ,which not only activates GZIP compression but adds file expiration for various static file types.
Link

Check speed improvement before and after

  1. GTmetrix
  2. Google Pagespeed
  3. Pingdom Tools
  4. YSlow

readmore

Currently reading up on the IMAP protocol, as one of my customers is using a server without IMAP support compiled :)

RFC 3501

I will be using a simple INBOX check for failed email notifications (sockets are your best friend). That will allow me  to set a flag for every new user account that is still unconfirmed and used a broken email address for their registration. These accounts can than be verified manually :)

Happy socket = happy customer.

Btw, here is a nice piece of code to quickly parse the email header in PHP

 

readmore

web_rtc

IN A PERFECT WORLD

In a perfect world all current browsers would allow the usage of WebRTC natively, but that is as always not the case ;)

WHAT IS WEBRTC ?

“WebRTC (Web Real-Time Communication) is an API definition drafted by the World Wide Web Consortium (W3C) that supports browser-to-browser applications for voice calling, video chat, and P2P file sharing without the need of either internal or external plugins.” – Wikipedia

Continue reading Using Web RTC in your web application

readmore
29. October 2014

Angry IP Scanner

angry_ip_scanner

“Angry IP scanner is a very fast IP address and port scanner.
It can scan IP addresses in any range as well as any of their ports. It is cross-platform and lightweight.”

Nice tool for network administrators to monitor and manage their networks !

http://angryip.org/

readmore

cookiepedia

“Cookiepedia is all about cookies and online tracking. We categorise cookies and host domains to enable people to make informed online privacy choices.”

http://cookiepedia.co.uk/

readmore

gzip_rot

  1. Using WGET
  2. Using CURL

readmore

Doing Git / Bitbucket Deployment for most of my project these days. This is another compact solution, that should allow almost anyone to start using Git to distribute updates automatically.

Always nice to be able to go a step back fast ;)

Git Auto Deployment

His website is offline, but you can still reach it through the Web Archive: http://web.archive.org/web/20131209120053/http://wpcopilot.net/git-auto-deployment/

readmore

cdnjs

“Everyone loves the Google CDN right? Even Microsoft runs their own CDN. The problem is, they only host the most popular libraries. We host it all – JavaScript, CSS, SWF, images, etc!”

cdnjs

readmore