Many of the webmasters and bloggers want to add a Wikipedia style external link icon to some of the external links. It is obvious matter that using a transparent image for this kind of external link icon increases one HTTP request. We have an old guide on how to use a transparent image to add an icon beside the external links for the effect. In short, the method for it was using a CSS like below … [Read more...]
Frameworks For Creating Serverless Apps
Unlike 10 years back, developing web applications and mobile applications no longer easy. There are too many things to maintain these days which made hand coding CSS quite difficult. Developing HTML pages with CSS, PHP, Flash, and JavaScript (aka FrontEnd development) changed too much. When JavaScript became a server-side language, most developers fall in love with the idea of using JS for every … [Read more...]
How To Use WordPress Crayon Syntax Highlighter Theme Editor To Match Theme
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 the 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...]
- 1
- 2
- 3
- …
- 19
- Next Page »