Typography aims to present texts in a readable and understandable way (orthographic) as well as visually appealing (calligraphic). This article is the third article in this series (the second being the article on Planning) thus stands for the transition between the substantive work and the design decisions. Typography for electronically stored texts initially adopts all the usual rules of … [Read more...]
Web Design Cookbook: Design Challenges
The medium of the web behaves quite differently than, for example, paper or film. It works frameless, it adapts. In principle, it is available on any device and in any operating system. It is neutral, does not want anything, and does not pretend anything. The structure you need to give your website and code is only for the rendering software, the browser. The browser has become the most important … [Read more...]
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...]
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...]
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...]