Category Archives: LambdaTest Experiments

LambdaTest ExperimentsTutorial

Mastering CSS Responsive Media Queries For Optimal Responsive Design

CSS responsiveness is one of the fundamental pillars in web development and design. While CSS started as something that can change the style of a web page, every CSS responsive specification iteration now brings more to the table, precisely when it comes to cross browser compatibility.

July 5, 2022

view count82688 Views

Read time4 Min Read

CSS Toggle Switches

LambdaTest ExperimentsTutorial

Top 20 CSS Toggle Switches [With Examples]

When it comes to building a responsive design, web designers face different challenges. One such challenge is choosing between toggle switches, checkboxes, or radio buttons.

November 29, 2021

view count48818 Views

Read time8 Min Read

CSS font-size-adjust

Web DevelopmentLambdaTest ExperimentsTutorial

How To Auto Adjust Your Font Size With CSS font-size-adjust?

Many developers use multiple font families and font size to have a better representation of a web page. For example, a developer might use the Bold Comic Sans font for titles and Roboto font for the body.

September 25, 2020

view count159351 Views

Read time7 Min Read

LambdaTest ExperimentsTutorialWeb Development

CSS Scroll Snap Property: Complete Guide with Practical Examples

Have you ever noticed that, while scrolling on some website on your mobile devices, scrolling ends up abruptly on some, and on other websites it’s perfect? Isn’t it annoying when you scroll down on a page, and it finishes in the middle of a paragraph or image?

June 17, 2020

view count188722 Views

Read time19 Min Read

Browser Compatible Smooth Scrolling

LambdaTest ExperimentsWeb Development

How To Create Smooth Scrolling With CSS, JavaScript, And jQuery

Have you ever noticed how a scroll works on a webpage? What if you are not allowed to touch the mouse or the arrow keys on the keyboard. How would you scroll then?

June 11, 2020

view count156304 Views

Read time11 Min Read

Guide To CSS Writing Modes

LambdaTest ExperimentsTutorial

Cross Browser Compatibility Guide To CSS Writing Modes

I was recently working on a freelance web development project where I had to develop a website in Mandarin. The unique style of Mandarin blew me away. Mandarin is written vertically and read from right to left.

March 5, 2020

view count81477 Views

Read time11 Min Read

Variable Fonts vs Static Fonts & Cross browser Compatibility

Cross Browser TestingLambdaTest ExperimentsTutorialWeb Development

What Are Variable Fonts: A Complete Tutorial With Examples

One of the key cornerstones of Modern web design is Typography. For those who are aware of the eminence of typography in web experience, no explanation is necessary. For those who don’t, no explanation would suffice. While the web is entering a new, exciting and uncharted domain,

June 6, 2019

view count171924 Views

Read time18 Min Read

Complete Guide To Cross Browser Compatible CSS Gradients

LambdaTest ExperimentsTutorialWeb Development

Complete Guide To Cross Browser Compatible CSS Gradients

CSS gradients for background have become an indispensable aspect UI/UX design and have a massive impact on a website’s design. It plays a fundamental role in setting the design hierarchy, capturing user attention and focus, and finally defining website usability and appearance.

April 29, 2019

view count84160 Views

Read time20 Min Read

Fixing Browser Compatibility Issues With CSS Opacity & RGBA

LambdaTest ExperimentsTutorialWeb Development

Fixing Browser Compatibility Issues With CSS Opacity & RGBA

Very often web designers encounter the need to spice of their websites by playing with CSS opacity for backgrounds, texts and images to build modern subdued styling effects.

March 8, 2019

view count70038 Views

Read time8 Min Read

Are Your HTML5 Input Fields Cross Browser Compatible?

Cross Browser TestingLambdaTest ExperimentsWeb Development

Are Your HTML5 Input Fields Cross Browser Compatible?

Forms are integral part of your online business. Being the primary source of data collection for your visitors, their appearance on the internet matters more than you can think of!

March 6, 2019

view count77122 Views

Read time18 Min Read