Archive for the ‘CSS’ Category

Quick Tip: How to Style React Components with styled-components

Posted on: No Comments
[special]While many aspects of building applications with React have been standardized to some degree, styling is one area where there are still a lot of competing options. Each has its pros can cons, and there is no clear best choice.[/special] In thi...

Five Techniques to Lazy Load Images for Website Performance

Posted on: No Comments
This article is part of a series created in partnership with SiteGround. Thank you for supporting the partners who make SitePoint possible. With images making up a whopping 65% of all web content, page load time on websites can easily become an issue....

Quick Tip: How to Build Your Custom Theme for Telescope Nova

Posted on: No Comments
Telescope Nova is the perfect platform to use if you want to build your own social web app fast and easy. This is a free and open-source project created by Sacha Greif. The front-end development part of the app is built with the React library , while ...

Finally! CSS Triangles Without Ugly Hacks

Posted on: No Comments
Anyone who has tried to make HTML upvote arrows, speech bubbles or other pointy elements, knows that in order to create a CSS-only triangle you have to use some sort of hack. The two most popular solutions are to create your triangles out of borders,...

Front-End Tooling Trends for 2017

Posted on: No Comments
Do you have more than two years' development experience? Are your advanced CSS skills aided with Sass and Autoprefixer? Is your JavaScript knowledge reasonable and you're happy using Gulp, npm, and jQuery? If so, you're a typical developer, according ...

How to Build Your Own Progressive Image Loader

Posted on: No Comments
You may have encountered progressive images on Facebook and Medium. A blurred low-resolution image is replaced with a full-resolution version when the element is scrolled into view: The preview image is tiny - perhaps a 20px width highly-compressed J...