Category
Sort By
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...
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...
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...
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...
Connected TV, Experience Design
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...
Front End Development, Technology
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....
AngularJS, Software development
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...
Front End Development, Technology
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...
Front End Development, Product Engineering
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 task? (Make sure the code is...
Front End Development, Technology
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...
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...
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 animation....
