CSS tutorials

How to Target Design Elements with the CSS :not Pseudo-Class

1Jun

By Eric KarkovackNo Comments

building website, creating a website, CSS, CSS Layouts, CSS Snippets, CSS tutorials, google web designer, internet design, Learn Web Design, web design, web design company, web designer, web page design, website builder, website design

How to Target Design Elements with the CSS :not Pseudo-Class

Consistency is good practice in all areas of web design. On the front end, it makes for a better user experience. Under the hood, maintenance becomes more efficient. Yet there are times when a specific part of a design doesn’t quite fit the mold. It may be a one-off design feature that is utilized on a single page or area of a site. For example, home pages often include elements that don’t carry over to secondary pages. Individual blog posts might also require a certain formatting of their own. The trouble is that the HTML markup may be same throughout the website. Think of a WordPress theme that has the same structure for every page. How can you target only specific instances of an element? This is where the CSS :not pseudo-class comes in handy. It allows you to target elements that do no...

27Dec

By Milan SavovNo Comments

building website, Code, creating a website, CSS tutorials, google web designer, how to write sass, internet design, Sass tips, Sass tutorials, using Sass, web design, web design company, web designer, web page design, website builder, website design

2 Smartest Ways to Structure Sass

Depending on the size of the project you are working on, you can structure your Sass code in two ways: a simple one for smaller projects and a more complex one for bigger projects. Read on to find out how. Sass – the extended arm of CSS; the power factor that brings elegance to your code. With Sass, it is all about variables, nesting, mixins, functions, partials, imports, inheritance, and control directives. Sass makes your code more maintainable and reusable. And now, I will show you how to make your code more structured and organized. The organization of files and folders is crucial when projects expand. Modularizing the directory is necessary as the file structure increases significantly. This means structuring is in order. Here is a way to do it. Divide the stylesheets into separate ...