W3C validators

Posted by admin at April 10, 2020

For over 15 years, the W3C has been developing and hosting free and open source tools used every day by millions of Web developers and Web designers. All the tools listed below are Web-based, and are available as downloadable sources or as free services on the W3C Developers tools site. W3C Validator The W3C validator checks the markup validity of various Web document formats, such as HTML. […]

Continue

An abundance of Web editors

Posted by admin at

While any text editor, like NotePad or TextEdit, can be used to create Web pages, they don’t necessarily offer a lot of help towards that end. Other options offer more facilities for error checking, syntax coloring and saving some typing by filling things out for you. One caveat, you need to make sure that whatever […]

Continue

CSS Grid System.

Posted by admin at April 4, 2020

Turn any HTML element into a grid container by setting its display property to grid. This gives you the ability to use all the other properties associated with CSS Grid. Note: In CSS Grid, the parent element is referred to as the container and its children are called items. Add Columns with grid-template-columns Simply creating a grid element doesn’t get you very […]

Continue

Media query Device Breakpoints

Posted by admin at March 22, 2020

Breakpoints are the design element cutoff points you specify in your website design that provide the most effective visual layout for your site’s content. Breakpoints can be divided into two different types; major and minor. Major breakpoints are usually based on the most classic device sizes being used by people, and minor are breakpoints are used […]

Continue

Media Queries

Posted by admin at

Media Queries Media queries are simple filters that you can apply to CSS styles, which enables you to create a responsive experience. A key concept behind responsive design is fluidity and proportionality, as opposed to fixed-width layouts. In the following example we will use a media query to target devices with a screen width of […]

Continue

Introduction to Basic CSS

Posted by admin at

CSS Overview Initially, websites were written primarily with HTML, before web designers adopted CSS. The W3C (The World Wide Web Consortium) invented CSS in 1996 to complement the content function of HTML. CSS started to become popular around 2000 with users looking for more style in the websites they were visiting. Up to this point, web […]

Continue

Introduction to the CSS Flexbox.

Posted by admin at March 11, 2020

A website’s User Interface (“UI”) has two components. First, there are the visual elements, such as colors, fonts, and images. Second, there is the placement or positioning of those elements. In Responsive Web Design, a UI layout must accommodate many different browsers and devices accessing the content. CSS3 introduced Flexible Boxes, or flexbox, to create […]

Continue

Responsive Web Design Principles:

Posted by admin at March 7, 2020

Create a Media Query Media Queries are a new technique introduced in CSS3 that change the presentation of content based on different viewport sizes. The viewport is a user’s visible area of a web page, and is different depending on the device used to access the site. Media Queries consist of a media type, and […]

Continue

Bootstrap Billing form

Posted by admin at January 14, 2020

Bootstrap provides three types of form layouts: Vertical form (this is default) Horizontal form Inline form Standard rules for all three form layouts: Wrap labels and form controls in <div class=”form-group”> (needed for optimum spacing) Add class .form-control to all textual <input>, <textarea>, and <select> elements Billing and Payment Details Full Name Address Country ChooseIndiaPakistanAmericaIraq State ChooseUttar PradeshBiharDelhiMaharastra State Shopping address is same […]

Continue

How to use the position property in CSS to align elements

Posted by admin at December 29, 2019

Situating components with CSS in web improvement isn’t as simple as it appears. Things can get immediately entangled as your undertaking gets greater and without having a decent comprehension of how CSS manages adjusting HTML components, you won’t have the option to fix your arrangement issues. There are various ways/strategies for situating components with unadulterated […]

Continue