Google Apps Scripts and Web Development Tutorials and Resources by Laurence Svekis
How to select page elements CSS HTML Page Element Selection Page element selection can be done by selecting elements by tag, by class name, or by the element id attribute. All elements can be selected using a wildcard. Element selection can also be grouped by comma separation of the selectors. When planning and designing your … Read more
Modern Responsive 3 column website template with CSS Grid Quick Layout design Use CSS grid for a modern fully responsive website that can be used as a template for more complex web design. Apply CSS Grid properties and values to create a 3 column website from scratch. Create a fully responsive navigation bar using CSS … Read more
Create a 3 column Website layout with CSS flexbox Simple Layout Design Explore how to create a 3 column website that is fully responsive and mobile ready. Create columns within the main content section, and set up the navigation bar that is responsive with CSS Flexbox. Modern web design and template with CSS Flexbox. How … Read more
How to create a simple template using CSS Float Layout with CSS Create a simple layout that can be used as a starting template. Three column website created quickly and easily with CSS float. Explore how you can create a CSS template for your website using CSS float. Create a web template in minutes with … Read more
Adding CSS to your HTML page from CSS file How to add CSS to your web pages. Create a separate CSS file and link it to your HTML page. Select page elements apply styling values to the style properties. Inline line style attribute, style tag and style CSS file. Get the Course here : … Read more
CSS is a crucial part of the web development process Learn how to bring your HTML to life applying CSS to your web code Quick Start Guide to CSS styling web pages for beginners Includes 35+ page PDF downloadable Guide Explore and learn how to design web pages with CSS styling. Apply CSS to bring … Read more
CSS setting Media Query with Final CSS style UpdatesResize and stack columns as rows on screen sizes less than 640px. Add the media query and make adjustments to the look and feel of the website on smaller screens. Test out the styling and preview how it adjusts to different size screens. Use the placeholder content … Read more
Adding Placeholder content and Web Design styling with CSSWhen creating web pages, often the final content is not ready. You can use placeholder content, like images and lorem ipsum text in place of content which can get added later. The placeholder or dummy content can be used while designing your website so that the pages … Read more
How to add a responsive CSS NavBar using CSS Grid styling blocksHow to set up a navigation bar using CSS Grid. Apply and set the display to the grid of the parent element. Set the column template to create separate columns for each navigation bar item. Update the list items, remove the default styling of … Read more
Modern Responsive Web Design Source Code CSS and HTML CSS Grid Design website Explore how you can create a website, apply CSS to HTML page elements for modern real world website design. Create a basic HTML CSS website template that you can use as a base structure for creating more websites. Setup the HTML page … Read more