Giulio's articles
![Redesigning a Card-based Tumblr Layout with CSS Grid](https://uploads.sitepoint.com/wp-content/uploads/2018/08/1534384880grid-tumblr-300x187.jpg)
Giulio Mainardi shows how to retrofit a popular, card-based Tumblr layout with CSS grid, demonstrating how to plan for responsive behavior and utilize other cutting edge CSS features such as object-fit: cover, @supports and the :focus-within pseudo-class.
![Bootstrap Native: Using Bootstrap Components without jQuery](https://uploads.sitepoint.com/wp-content/uploads/2014/09/1411507969JavaScript-logo-300x300.png)
Giulio Mainardi introduces the Native JavaScript for Bootstrap project (Bootstrap Native), which provides vanilla JavaScript Bootstrap components.
![CSS font-display: The Future of Font Rendering on the Web](https://uploads.sitepoint.com/wp-content/uploads/2017/09/1506191784fontdisplay-300x100.png)
Giulio Mainardi explains the new font-display property and how it will help CSS developers improve rendering of fonts during page load.
Giulio Mainardi shows you how to build a Trello layout using CSS's new Grid Layout Module features and Flexbox, along with some Sass for efficiency.
![6 jQuery-inspired Native DOM Manipulation Methods You Should Know](https://uploads.sitepoint.com/wp-content/uploads/2017/07/15003807406_jQuery-inspired_DOM_Node_Manipulation_Methods-300x167.png)
Take a step along the path to library-free development & join Giulio Mainardi for look at six native DOM manipulation methods that were inspired by jQuery.
![Building a 3D Rotating Carousel with CSS and JavaScript](https://uploads.sitepoint.com/wp-content/uploads/2017/07/1500352854carousel-300x167.png)
Giulio Mainardi shows you how to build a 3D rotating carousel using CSS 3D transforms, with some nifty math tricks and some JavaScript to enhance.
![What Is Event Bubbling in JavaScript? Event Propagation Explained](https://uploads.sitepoint.com/wp-content/uploads/2017/05/1495536035bubbles-300x200.jpg)
Giulio Mainardi looks at event propagation in JavaScript. He examines event bubbling & capture and shows how they fit into the basic JavaScript event flow.
![Native Infinite Scrolling with the IntersectionObserver API](https://uploads.sitepoint.com/wp-content/uploads/2016/08/1472306048Fotolia_60343567_Subscription_Monthly_M-300x300.jpg)
Giulio Mainardi shows you how to observe the visibility of DOM elements with the IntersectionObserver API, and creates an infinite scrolling demo.
Forget jQuery plugins, Giulio Mainardi shows how do smooth scrolling in vanilla JavaScript, and refactors an ES6 library to ES5.