The Customize Windows

Technology Journal

You are here: Home » CSS

By Updated on

CSS Unit Guide (px, em, rem, vh, vw etc)

If you’re a web developer or designing your WordPress theme, then it’s important to have a good understanding of the different available CSS units. These units allow you to control the size and spacing of elements on a webpage. In this guide, we will explore the different CSS units and how they work. We will also discuss when and where to use each one. By the end of this guide, you should have a … [Read more...]

By Updated on

External Link Icon With Hover With Base64 Data URI and CSS

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...]

By Updated on

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...]

By Updated on

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...]

By Updated on

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...]

By Updated on

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...]

By Updated on

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...]

By Updated on

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...]

By Updated on

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...]

By Updated on

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...]

By Updated on

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...]