Drupal

Introduction to Gulp.js and Its Role in Drupal Theming

What is Gulp.js? Gulp.js is a powerful task runner that automates repetitive development tasks like compiling SASS, minifying files, and optimizing assets. It's especially useful for web development workflows, including Drupal theming. Why Use Gulp.js for Drupal Themes? Gulp.js enhances productivity by automating tasks, speeding up the...

by Eram Fatima
Tag: css
29-Sep-2024

Drupal

Responsive Web Design: A Comprehensive Guide

Mobile web design Before responsive web design became the norm, developers often focused on mobile web design or mobile-friendly design. These approaches aimed to ensure websites functioned effectively across diverse devices, accommodating varying screen sizes, resolutions, and performance capabilities. Essentially, they all shared the...

by Aakansha Tyagi
Tag: css
29-Jul-2024

JS

How to Create Aeroplane Animation to bring distinctive touch to your website

[caption id="attachment_62129" align="alignnone" width="322"] Demo of Aeroplane Animation[/caption] In the world of web design, CSS animations make websites look cool and interactive. CSS animations make boring web pages more attractive by adding small movements and fascinating effects. One of these effects is airplane animation. Now,...

by Deepali Bansal
Tag: css
07-Jun-2024

Front End Development

Sticky Ads with HTML and CSS.

Today, digital advertising is growing at a faster pace. Therefore, lots of clients want to sell ads on the website. What are sticky ads? Sticky ads are ads that stay visible while the user scrolls through the content of the web page. There are two types of sticky ads horizontal and vertical sticky ads. Horizontal ads: These ads have...

by Rajan
Tag: css
27-Feb-2024

Drupal, Front End Development

CSS FLEXBOX VS CSS GRID

CSS Flexbox and CSS Grid are layout systems. Flexbox, on the other hand, is for laying out a single row or column of elements. Flexbox is about positioning elements in a dimensional area so, in a row or a column. We can actually set up Flexbox to wrap its item into a new line, so if we get them set up in a row and they exceed the space of...

by Aakansha Tyagi
Tag: css
17-Sep-2023

Drupal, Front End Development

The Complete CSS Property Encyclopedia: Your Ultimate Reference (Part 2)

This blog is a continuation of the previous blog. CSS ─ PADDINGS The padding property in CSS is used to add space between the content of an element and its inner border. It is used to control the internal spacing. It only affects its size and layout and it does not affect the element's border or margins. This property can take one...

by Divyanshi Agarwal
Tag: css
16-Sep-2023

Drupal, Front End Development

The Complete CSS Property Encyclopedia: Your Ultimate Reference (Part 1)

CSS ─ MEASUREMENT UNITS CSS offers us various measurement units that we can use to define sizes and distances for various properties such as width, height, margins, padding, fonts, and more. Here's a list of commonly used CSS measurement units: ● Pixels (px): Pixels specify the size in CSS, and it is most commonly used. 1px...

by Divyanshi Agarwal
Tag: css
15-Sep-2023

Front End Development

EXPLORING FLEX BOX PROPERTY IN CSS

Flex is the value of the css display property. By using a flex in the parent, the child elements are automatically shaped like a line or column with their respective initial width and height. Properties of Flex Container 1.Display Flex: CSS Display property can have value flex or inline-flex. By using display flex or inline-flex to...

by Divyanshi Agarwal
Tag: css
21-Aug-2023

Connected TV, Experience Design

Top 6 Key Considerations When Developing Smart TV Application

We are living in a smart economy. Every passing day we witness a surge in smart and connected products may it be Smart Home, Smart Phones, Smart Watches or Smart TVs. The rise in digital technologies presents an opportunity to develop cutting-edge products that are both engaging and intuitive. Companies wanting to ride the smart bandwagon...

by Nidhi Choudhary
Tag: css
22-Aug-2017

Front End Development, Technology

10 Best Practices in CSS

If you are inquisitive about learning and implementing CSS, then you must do it the right way, the way professionals do. Sometimes it’s the result of sloppy committal to writing from the beginning, and thanks to various hacks and changes over time. CSS could be a language that is employed by almost each developer for some purpose....

by Amit Narayan
Tag: css
11-Jul-2017

AngularJS, Software development

Integration of Google Map APIs

Software engineers and organisations lookout for effective ways to create new applications that save time and money. We can easily do this by using third-party APIs and SDKs. This blog talks about a useful Google Map API. I am working on a project based on Routing and live tracking of a driver's vehicle. Consider a scenario where a...

by Mahima Agrawal
Tag: css
06-Jul-2017

Front End Development, Technology

CSS Custom Properties (CSS Variables)

CSS custom properties are the entities that are defined by CSS author themselves to obtain the feature of reusability of code all over the document. For example, A project may involve very complex CSS, and same color code may get repeated hundred times. So if we want to change that color, then we need to modify the color value hundred...

by Poonam Baveja
Tag: css
14-Jun-2017