Rob O'Leary Rob is a solution architect, fullstack developer, technical writer, and educator. He is an active participant in non-profit organizations supporting the underprivileged and promoting equality. He is travel-obsessed (one bug he cannot fix). You can find him at roboleary.net.

Stories by Rob O'Leary

Dynamic CSS Animations With The Linear() Easing Function

Dynamic CSS animations with the linear() easing function

Dev

Implement more dynamic CSS animations with the `linear()` easing functions, and explore the role that other easing functions play in animations.

Rob O'Leary
Jul 4, 2024 ⋅ 7 min read
CSS Breakpoints For Responsive Design

CSS breakpoints for responsive design

Dev

We discuss the role of CSS breakpoints in responsive design, reviewing different methods of choosing breakpoints and some best practices.

Rob O'Leary
May 27, 2024 ⋅ 12 min read
How To Create Parallax Scrolling With CSS

How to create parallax scrolling with CSS

Dev

Implement parallax scrolling with CSS without compromising UX by using a variety of CSS properties and libraries.

Rob O'Leary
May 24, 2024 ⋅ 17 min read
Using Prettier And ESLint For JavaScript Formatting

Using Prettier and ESLint for JavaScript formatting

Dev

Learn how to use ESLint and Prettier together to automatically format and fix JavaScript code in your projects.

Rob O'Leary
Apr 18, 2024 ⋅ 9 min read
Using CSS Content-Visibility To Boost Your Rendering Performance

Using CSS content-visibility to boost your rendering performance

Dev

CSS content-visibility helps boost rendering performance by controlling whether or not an element renders its contents.

Rob O'Leary
Nov 8, 2023 ⋅ 12 min read
CSS Trigonometry Practical Applications

CSS trig functions: Practical applications

Dev

We use CSS trigonometry functions to make precise measurements and create shapes, layouts, animations, and creative designs.

Rob O'Leary
Jun 21, 2023 ⋅ 10 min read
Create Beautiful Stroked Text CSS

Can you create beautiful stroked text in CSS?

Dev

We explore several approaches for creating stroked text (or outline text) in CSS and with SVGs and look at many stroked text examples.

Rob O'Leary
Apr 5, 2023 ⋅ 11 min read
CSS Logo Over Lake Background

A deep dive into the CSS float property

Dev

Let’s discuss the history of CSS float and show how it can be used in modern web design to achieve creative text layouts.

Rob O'Leary
Aug 19, 2022 ⋅ 9 min read
Svelte Logo

Testing a Svelte app with Vitest

Dev

Vitest has become the first choice dev tool for Svelte. Learn about its features and integrations and how it compares to Jest.

Rob O'Leary
Jun 22, 2022 ⋅ 12 min read
Data Visualization in Svelte and d3

Data visualization with Svelte and D3

Dev

Let’s explore the advantages of the hybrid approach of using Svelte and D3 together for data visualization.

Rob O'Leary
Mar 22, 2022 ⋅ 11 min read
Using Stylelint To Improve And Lint CSS, SCSS, And Sass

Level up your CSS linting using Stylelint

Dev

Level up your CSS, SCSS, and Sass linting skills and improve your code quality using this advanced guide on Stylelint.

Rob O'Leary
Aug 17, 2021 ⋅ 7 min read
VS Code Extensions in JavaScript

Writing VS Code extensions in JavaScript

Dev

Learn how to set up a project and write your first VS code extension in JavaScript.

Rob O'Leary
Apr 1, 2021 ⋅ 11 min read