-
CSS Shape-Outside
CSS Shape-Outside is a property that allows text to wrap around a specified shape. This can be used to create unique and interesting layouts on a webpage. With careful consideration of the guidelines and limitations, it can be used to great effect. CSS Shape-Outside is supported by most modern browsers, including Chrome, Firefox, and Safari. […]
-
CSS – Container Queries
CSS Container Queries: The Future of Responsive Web Development Responsive web design has become a crucial aspect of modern web development. With the increasing variety of devices that people use to access the internet, it’s essential to design websites that can adapt to different screen sizes. Media queries have been the go-to solution for a […]
-
Flexbox Cheatsheet
Flexbox Cheatsheet: The Ultimate CSS Flex Cheatsheet CSS Flexbox is one of the most powerful and popular tools in modern web development for creating flexible and responsive layouts. However, the syntax and properties of Flexbox can be difficult to remember, especially for beginners. That’s why the Flexbox Cheatsheet from FreeCodeCamp.org is an essential resource for […]
-
Flexyboxes: A Flexible Solution for Web Designers
As a web designer, you’re likely familiar with the challenges of creating responsive layouts that work across a range of devices. One solution that can make your life easier is Flexyboxes, a lightweight CSS library that simplifies the process of building flexible, grid-based designs. Simplified Layouts Flexyboxes uses a flexbox layout, which allows you to […]
-
Learn CSS Grid with Interactive Game: Grid Garden
Grid Garden is an interactive game that teaches you how to use CSS Grid. With its fun user interface and engaging gameplay, it is perfect for anyone who wants to learn CSS Grid in a fun and interactive way. The game is available on the website cssgridgarden.com and can be accessed for free. It consists […]
-
SVG Resources
How to Use SVGOMG for SVG Files SVGOMG is a web-based tool that can help you optimize your SVG files. Here are the steps to use SVGOMG: That’s it! You now have an optimized SVG file that you can use on your website or in your projects. Square Circle Pac-Man Rectangle Oval Egg Triangle Up […]
-
HTTP and REST
As a Full Stack Developer how much do you really need to know about HTTP and Rest? In this blog, I will discuss my experience with HTTP and REST so that you can have a better understanding of the role of HTTP and REST. We all use HTTP and REST services every day, often without […]
-
Google Search Console – Page indexing issues detected
What to do with the Page indexing issues detected notice from Google Console. DAY 1 – Search Console – Reports the following URL https://betterworldwithdesign.com/?s={search_term_string}. – indexing error. Last Crawl. DAY 10 – A URL that is not available on the my website. From my research Yoast Plugin may have some impact. Yoast has been active […]
-
CSS – Font-family
Browsers will access the font from the Computer or Device font library. The font-family property should include a fallback option. This is a paragraph shown in serif font. This is a paragraph shown in sans-serif font. This is a paragraph shown in monospace font. This is a paragraph shown in cursive font. This is a […]
-
CSS – 05 HTML Lists
I do love to create and format a good list. No Two Lists are ever the same. Unordered Lists BULLET – Solid Circle Solid Circle Solid Circle Solid Circle BULLET – Outline Circle Outline Circle Outline Circle Outline Circle BULLET – Solid Square Square Square Square UNORDERED LIST – The Basic Unordered List is an […]