CSS Grid helps you easily build complex web designs. It works by turning an HTML element into a grid container with rows and columns for you to place children elements where you want within the grid. Create Your First CSS Grid Turn any HTML element into a grid container by setting its display property to grid. This gives … Continue reading CSS Grid
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 reading CSS Flexbox
Today, there are many types of devices that can access the web. They range from large desktop computers to small mobile phones. These devices have different screen sizes, resolutions, and processing power. Responsive Web Design is an approach to designing web content that responds to the constraints of different devices. The page structure and CSS … Continue reading Responsive Web Design Principles
“Accessibility” generally means having web content and a user interface that can be understood, navigated, and interacted with by a broad audience. This includes people with visual, auditory, mobility, or cognitive disabilities. Websites should be open and accessible to everyone, regardless of a user’s abilities or resources. Some users rely on assistive technology such as … Continue reading Applied Accessibility
Visual Design in web development is a broad topic. It combines typography, color theory, graphics, animation, and page layout to help deliver a site’s message. At a basic level, most web content provides a user with information. The visual design of the page can influence its presentation and a user’s experience. In web development, HTML … Continue reading Applied Visual Design
Cascading Style Sheets (CSS) tell the browser how to display the text and other content that you write in HTML. Note that CSS is case-sensitive so be careful with your capitalization. There are three main ways to apply CSS styling. You can apply inline styles directly to HTML elements with the style attribute. Alternatively, you can place … Continue reading Basic CSS
Headline h1 elements are often used for main headings, while h2 elements are generally used for subheadings. There are also h3, h4, h5 and h6 elements to indicate different levels of subheadings. Paragraph p elements are the preferred element for paragraph text on websites. p is short for “paragraph”. Comments Comments in HTML start with <!– and end with a –> HTML5 Elements HTML5 introduces more descriptive HTML tags. These … Continue reading Basic HTML and HTML5
Dang's blog 
You must be logged in to post a comment.