Front End DevelopmentTechnology

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 […]

AngularJSSoftware developmentTechnology

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 […]

Front End DevelopmentTechnology

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 […]

Front End DevelopmentProduct EngineeringSoftware development

An Introduction to BEM – “DO Less Get More” CSS Approach

Front end development and Coding is an art. Efficiency of code increases if it is organized in a right way. Certain questions that you need to address are: a) How long it takes for you to write code? (Consider efficiency while writing the code) b) How much code you will have to re-write for similar […]

Poonam Baveja
Poonam Baveja
Read

Front End DevelopmentTechnology

How to Make a Progress Scheduler?

Have you heard about Progress Schedulers? You might have often seen Progress Schedulers on websites and applications these days. These schedulers can display a whole lot of information in a sleek and confined way. They can be seen as schedulers to depict a day’s schedule and as status tracking systems like tracking packages on e-commerce sites. Let […]

Himanshi Gera
Himanshi Gera
Read

Technology

Fall back to use a jQuery file on your web server, if it can’t be loaded from CDN

Content Delivery Network is a system of distributed servers that hosts various resources such as CSS, images, JavaScript files etc. Companies like Google, Microsoft, Yahoo etc. provides a free public CDN to download resources instead of hosting it on your own server. Advantages of using a CDN:- 1. Distributed CDN servers : The jQuery file […]

Technology

Moving Background image using CSS

CSS describes how html elements should be render on screen. We can move the background image using CSS3 animation property that gives an illusion of running video. CSS3 animation is supported by all modern browsers. An animation lets an html element gradually change from one style to other. You need to specify keyframe to use […]

Technology

Drop Shadow without using images

Cascading Style Sheet, the base for front-end development are used to describe the presentation of a document written in a markup language. CSS3 is the latest standard for Cascading Style Sheet. CSS3 provides us capability to generate drop shadows in different views like raised box, perspective, lifted corner, vertical curves and horizontal curves etc. as […]

Technology

Deep dive into CSS Pseudo Elements.

We all are familiar with the Pseudo classes that css provides us to target certain elements that matches up certain criteria or state. And they are signified by a single colon followed by the pseudo class. Syntax for pseudo class: [code]selector:pseudo-class { property:value; }[/code] Some of the basic examples of pseudo class, commonly used are: […]