Previously, we talked about how to deliver Javascript in blocking way and Defer Parsing of Javascript in WordPress. CSS part on that guide was probably not optimal. Here is How to Load CSS Without Blocking Rendering in WordPress & Others. Render Blocking CSS is Common Error on Google PageSpeed Insights. In this guide, we will remove the rest of the blocking CSS. How to Load CSS … [Read more...]
Hide AdSense Unit on Mobile Devices (Responsive Design)
If you are using responsive design, you may be unknowingly violating Google AdSense policy's fine prints. Here is How to Hide AdSense Unit on Mobile Devices on Websites With Responsive Design in Google Recommended Way to Remain Compliant With AdSense Policy. Why We Need to Hide AdSense Unit on Mobile Devices on Websites With Responsive Design When your website has responsive … [Read more...]
CSS Animation on Scrolling Down With WOW
Google Recommends to Use Animations on Landing Pages to Increase the Engagement. With WOW Library You Can Build CSS Animation on Scrolling Down. Lately, Google has released lot of Icons, Icon-Fonts and Page Speed Friendly HTML5 Templates. WOW is not of Google, but is fully free. WOW has two parts - CSS and JS. Injecting them conditionally and using proper div class can give you excellent Landing … [Read more...]
Scalable Vector Graphics (SVG) and image/svg+xml
Scalable Vector Graphics (SVG) is a W3C specification for describing two-dimensional vector graphics. image/svg+xml is the Internet media type. Except up to Internet Explorer version 8, no plugin is required to display Scalable Vector Graphics (SVG). Animations can be done by means of SVG SMIL. Manipulation of the SVG DOM is possible via scripting in XML language. Table of Contents 1 … [Read more...]
CSS3 Webkit Blink Animation
We can use CSS3 Webkit blink animation to emphasize a phrase or sentence to draw attention or can use on pure CSS logo. No Javascript needed. RedHat OpenShift has an effect - we gave some idea in our older guide on creating Spinning Logo for WordPress Genesis Framework and Other Themes. Spinning logo required a library, but blink animation will not require anything more than CSS. CSS3 … [Read more...]
Drop Caps in WordPress Without Plugin
Typography matters. While there are many ways to implement Drop Caps, it is possible to use Drop Caps in WordPress without using any plugin. Drop Caps is the larger initial letter effect at the beginning of a word, a chapter, or a paragraph. Without HTML markup, we can add Drop Caps effect in WordPress and even without touching the main CSS file. You can read our Typography related guides like How … [Read more...]
WordPress and Paid GNU GPL Themes
WordPress and Paid GNU GPL Themes combination is always a matter of debate. Here is some clarification about the Paid Themes and Paid GNU GPL Themes as a whole. The question arose as one visitor from WordPress dot org Forum bounced from the forum and hit us a direct email asking for clarifying the practical part as we on that thread declined to provide any support/help for a paid theme. It was … [Read more...]
WebRTC or Web Real-Time Communication
WebRTC or Web Real-Time Communication is a programming interface which is currently at the stage of draft in the W3C for voice call, video chat, file sharing. Programming interface here means API which was discussed before.WebRTC or Web Real-Time Communication is a dedicated list, which was created in April 2011 and a working group within the IETF created in May 2011. It is an example of software … [Read more...]
Icon-Font : Using with WordPress
Icon-Font is Icons but is in Font format - that simply means, what you used commonly as image and increased your page loading time can be reduced and made cool. Icon-Font is nothing new - with the introduction of Twitter Bootstrap, we all know about Icon-Font - may be the terminology was not known to you, but you have seen them. In this article, we are giving some great idea, resources for using … [Read more...]
Base64 Encoding and Font CSS
Base64 Encoding Data URI can be used for Font Face in CSS Files, this is basically a good practice as we are decreasing four HTTP requests per font face. Redmond's Browser (read Internet Explorer, if you never heard the terminology) can not be taken as a standard web browser, unfortunately. More unfortunately, it is still used and we still need to add the CSS, Javascript etc. fix for each … [Read more...]
WordPress Optimization Tricks : The PHP Files
WordPress optimization tricks offers you some uncommon and common hacks to optimize the Page Loading speed specific to WordPress files only. As basically only few (versus the need) are interested and fully active in WordPress core development, some features actually reflects the need of one developer as a human plus some are not possible to deliver as customized version for your website or domain, … [Read more...]