Posts Tagged ‘html’

How to Show/Hide HTML Elements by Only Using CSS

The ability to show/hide an HTML element should be simple enough, right? Well, we can use some HTML attributes and JavaScript functions if we want to, but what if we want to do perform this task without using JavaScript. Is it possible? Yes, it is possible. We can do it with just CSS. Yes, you […]

Freezing Row and Column in HTML Table Using CSS

An interactive and easy-to-use user interface always engages the user to work more. Whenever a grid/table structure is used to show the data a common scenario comes to show a scroll bar when data is more than a visual range. When the user scrolls the table using the scroll bar either the row header or […]

Close Up Software Developer Programming Code On Screen

CSS Transform Property: Four Common Uses

The CSS transform property allows a developer to perform a number of different actions on an element that changes how that element appears in the browser.  While the realm of possibilities for what you can do with one or more of the transform values is very large, here are some common uses to save time […]

Headphones

Landmark Your Way into Accessibility

HTML5 semantic sectioning elements are great for identifying page structure. Landmark elements such as <header> <nav> <main> <footer> <aside> <section> <article> and <form> are much easier to identify than a sea of <div>s, and provide accessible structure for screen reader users without having to add any ARIA attributes. Using these elements properly helps developers understand […]

Webp.net Resizeimage

Performance Optimization: Minify HTML in Znode 9.X Ecommerce Framework SDK

Speed is an important aspect of any website’s performance. Currently, there is a need for a solution to improve the upload speed of pages on ecommerce website. To address this, we created an elegant solution using asp.net MVC and C# language implemented (by removing the white space in our generated HTML) on the client of […]

Lee Campbell 6njoebtarec Unsplash

Creating Your First Custom AEM Component Using React – Part 1

Recently, I went through an article about integrating React JS and Angular JS with AEM. In this blog, I am going to show you how to create a custom component that includes a cq:dialog and one that does not include a cq:dialog. Before building the components, clone the repository, which is a sample project based […]

How to Customize Your Own HTML5 Audio Player

Introduction Web developers have wanted to use audio and video on the web for quite a long time. With the standardization of HTML5 and most modern browsers starting to implement HML5, it’s been a great surprise for us. In the past, implementing audio and video in a web application would be very tedious since we […]

Shooting Stars@1x

Crafting an Interactive Timeline with SCORE Components

With SCORE, one of our overriding goals is to minimize the complexity and development effort involved in building Sitecore websites. In most cases, you can use a series of SCORE components to build a complicated UI element, using advanced CSS and JavaScript techniques to completely transform them. One such situation that I recently tackled was […]

HTML Report Generation from Database in Unix

Now-a-days most of the organizations/corporations are still using legacy software which produces output in the form of flat files. Integrating these flat files and text files with other data formats such as HTML, XML, etc. in a modern computing environment is increasingly difficult. Many tools are available in the market to convert flat file to […]

Web Fonts – To Use, or Not to Use

Ever stumbled upon an article on social media that catches your interest? You click it. You are curious and anxious to read it. You are in the website – it loads, but at first, it seems empty. The site is there, but there is no text in it. You are probably annoyed. You are probably […]

Typing On Laptop@1x.jpg

Background to Foreground Image Solution for Responsive Web Development

Proper design plays a key role when it comes to the topic of responsive web design (RWD). But sometimes we don’t have the luxury of a flushed out design to begin with. We often have to manage and make practical use of the assets in hand, and in some cases, background images can become a […]

How to Generate and Personalize an Html Report for JMeter

When creating load testing projects, we usually integrate JMeter with Apache Ant to run JMeter scripts in a batch. The test result auto-generated by JMeter ONLY provides the data collected during the load testing run. To present a comprehensive test report, visualizing such data to charts or diagrams are required. One of the solutions for […]

Load More