Probably most of the Crayon Syntax Highlighter plugin users know that it has a Theme Editor. Here is How To Use WordPress Crayon Syntax Highlighter Theme Editor To Match WordPress Theme. I believe that very few ever tried it. I had a misconception that how much a WordPress plugin's syntax highlight can have powerful editor. Curiously I opened the link of the editor and it was a surprise. The theme … [Read more...]
Retweetable Blockquote in WordPress Posts With CSS, Js
In our previous article, we demonstrated how to create retweetable hyperlink within WordPress posts with Twitter icon, like this one - Tweet this real working link . We Can Create Retweetable Blockquote in WordPress Posts With CSS, Js For Special Articles Too. Embedding the CSS and Javascript in Post Will Do the Job. Below is screenshot after hover for post decoration (real working thing is after … [Read more...]
WordPress Genesis Homepage : Semi-Static, Customizable
Most of us need widgets below navigation on homepage, followed by regular blog posts. That thing is semi-static. We need semi-static homepage which is customizable, SEO Friendly, has manual control with automatic functions. Here is PHP snippets, HTML, CSS to create WordPress Genesis Homepage. What I saw for HTML old version to HTML5 upgrade, if we use manual codes more than PHP snippets, it is … [Read more...]
Inline Nested Highlighting In WordPress With CSS & HTML5 samp
There are some situations where to write a technical article, we need to draw attention of the reader of the reader. HTML code element, pre are designed to serve specific purposes. Sometime we need to highlight code with more colours than code than our good syntax highlighter plugin like Crayon Syntax Highlighter for WordPress can do. Here is a guide on nested highlighting in WordPress post with … [Read more...]
How To Hide AdSense Units On Selected WordPress Post
Usually we need to hide AdSense unit for policy compliance or for control of keywords to AdWord users. Here is how to hide AdSense units on selected WordPress post. There is CSS, PHP, Javascript or simply ready to use WordPress Plugin to do it. Previously we actually talked about some solutions for 404 pages like pages. We will link those old mentioned ways under proper sub-headers in this guide. … [Read more...]
Drop Caps CSS Update : W3C Draft, Oct 2016
It May Appear Odd to Read to an Unused as W3C is Known to Be Too Much Serious. W3C CSS Working Group Has an Updated W3C Draft on Oct 2016 Around Drop Caps CSS For Rules Across Various Devices, Style & Responsiveness. Because CSS part is also of W3C. In this article, we are going to discuss about the basic styling rules, methods we previously described since 2010 and some information from … [Read more...]
How to Load CSS Without Blocking Rendering (WordPress & Others)
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...]
- 1
- 2
- 3
- …
- 21
- Next Page »