Tag: mariap

Hugo Giraudel explains clearly the differences between Sass and SCSS and offers an overview of the two syntaxes, a bit of history, and his recommendations.

Darren Wood offers an overview of Sass (Syntactically Awesome Style Sheets), where you'll learn why you need it and how to get started with it right now.

In Part 2 of her GreenSock (GSAP) tutorial for beginners, Maria Antonietta Perna shows how GSAP timeline makes coding complex animations easier and faster.

Giannis Konstantinidis lists some great Material Design CSS frameworks and compares them to make it easier for you to choose what best fits your needs.

Maria Antonietta Perna introduces GreenSock in a multi-part article for the Beyond CSS: Dynamic DOM Animation Libraries series. Ready for some cool effects?

Reggie Dawson goes in depth and shows how to use the Sass mixin directive to write better organized and maintainable CSS code.

Maria Antonietta Perna discusses why flexibility can clash with performance in public WordPress themes and what you can do to find a middle ground solution.

Gajendar Singh shows how the AOS library (Animate On Scroll) works and how you can quickly animate your site to life with stunning effects on scroll.

Maria Antonietta Perna discusses writing safe code in WordPress themes and shows some built-in functions you can plug into your code for added security.

Maria Antonietta Perna shows how to use conditional tags in WordPress themes to load styles and scripts only when needed for better website performance.

Simon Codrington illustrates some stunning UI design ideas using CSS animation and gradients to inspire your creativity for your next website project.

Asha Laxmi walks you through the CSS length units you have at your disposal to size fonts like a pro: from pixels to ems, rems, viewport units and more.

Maria Antonietta Perna discusses three ways in which you can use SVGO to optimize SVG graphics to be used on your website.

Maria Antonietta Perna discusses CSS as being on the critical rendering path and points out a few solutions you can try out in your development work.

Maria Antonietta Perna highlights the advantages and a few downsides of prefetching resources to speed up website performance and improve user experience.

In this quick tip Jon Persson illustrates how you can quickly integrate the popular e-commerce services provided by Gumroad with your Jekyll website.

Maria Antonietta Perna digs into performance issues when loading custom web fonts. She discusses file size and FOIT and shows some cutting-edge solutions.

In this quick tip, Jelena Jovanovic shows how to customize the Telescope Nova theme, both markup and stylesheet with these easy-to-follow steps.

Maria Antonietta Perna introduces Velocity JS, a super featured JavaScript library for DOM animation, and shows how to use it without jQuery dependency.

Maria Antonietta Perna introduces five image formats for the web: JPG, GIF, PNG, SVG and WebP and explains how to choose the right image format for the web.

In this quick tip, Jon Persson shows how to build a customizable HTML widget for the static website generator Jekyll in a few simple steps.

Maria Antonietta Perna introduces BEM, SMACSS and eCSS, three CSS architecture methodologies to help you write clean and maintainable CSS code.

Maria Antonietta Perna shows why SVG images can be great for website performance, provided you follow a few simple steps when you design and export them

Maria Antonietta Perna highlights the importance of a fast-loading website and introduces five CSS performance tools to help you optimize your stylesheets.

Maria Antonietta Perna introduces three HTML minification tools to automate optimization of your markup for a faster website and better user experience.

Nitish Kumar shows seven ways in which CSS Grid Layout lets front-end developers quickly and intuitively place content on the web.

Gajendar Singh walks you through HTML5 custom data attributes, why they're useful, how to style them with CSS and manipulate them with JavaScript and jQuery

Nitish Kumar shows how you can quickly order and align content using the shiny new CSS Grid Layout module.

Maria Antonietta Perna presents some front-end learning resources and the new SitePoint Premium's CSS Animation course by Donovan Hutchinson

CSS animations are fast becoming an essential design tool and tap into a more engaged audience through micro interactions and visual validation.