Sass stands for Syntactically Awesome Style Sheets. Sass is a stylesheet language that offers variables, loops, and many other features that Cascading Style Sheets (CSS). It simplifies the creation of CSS and also help to maintain large stylesheets. It is influenced by the YAML markup language. Sass is available in two syntaxes. The original syntax, called indented syntax which uses … [Read more...]
What is User Experience (UX) Design
User experience design describes the process of designing a purchase pre-decision phase of a user in a service or product interaction, for example with the help of digital graphical user interfaces, and forms part of the phenomenon of user experience. This interaction with a product is created through the interplay of usability, usability, visual design, interaction design, content strategy, user … [Read more...]
When Will We Have CSS4?
CSS never had versions such as CSS v1.0, CSS v2.0, CSS v3.0 and so on. CSS is not a programing language. HTML and CSS are markup languages. In computer science, markup languages represent a class of languages specialized in enriching textual information. They use tags, syntactic units that delimit a sequence of characters or mark a precise position within a stream of characters (for example, a … [Read more...]
How To Customize Inline Pre and Code Tags in WordPress Posts
Some years back, we discussed how to convert the backticks to inline code blocks in WordPress posts. You can copy the final PHP code from that article or copy from this GitHub gist. You can paste that code in your theme's functions.php file directly or use our simple WordPress plugin to paste that snippet. If you are using some WordPress syntax highlighting plugin, such as Urvanov/Crayon Syntax … [Read more...]
How to Add Auto Anchor to WordPress Headings
These days the search engine can understand the meaning of the headings within an article. Whether you add a table of content, anchor text etc or not, they may show the links on the search engine result page. This happens with the content of our site. If there is step 1, step 2, and step 3 headings; Google search engine adds links on the search engine result page. However, adding links to the … [Read more...]
Self-Hosted Fonts vs. Cloud-Hosted Fonts
In the year 2022, Munich Regional Court (Germany) concluded that embedding dynamic objects such as Google Fonts without the visitors' consent is a ground for the EU citizens to sue for injunctive relief. Thereafter some website operators with embedded Google Fonts are receiving fines. The administrative fine can be 100 to 250,000 euros or, worse decisions. Using Adobe Fonts may put you in a … [Read more...]
Web Design Cookbook: Typography
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...]