Last Rose Studios Dev Blog
Development Blog for Last Rose Studios
-
No More jQuery
No More jQuery For around a decade and a half we’ve been using jQuery to make javascript easier, and more consistant. It’s time has come to an end though. For the past few years development on jQuery has slowed, and developers have been moving away from jQuery. A few of...
-
Break Out Of Containers
Have you ever been working with a CSS framework and needed a full-width block, but where stuck in a container that you couldn’t close? You can break out of that container using the following code .full-width { //or whatever your class is width: 100vw; position: relative; left: 50%; right: 50%;...
-
Faster Page Loading with Preloading
With the introduction of preload, you can now tell the browser to start loading resources without blocking the document’s onload event. It loads the resource into cache and holds it there until the document requests it. There is also prefetch, which differs from preload in the priority it’s given. Preload...
-
Pan a background image using CSS
If you have ever had a background image that you wanted to show more of, consider panning through it using this technique. First we create a simple header - you could mark it up however you wish, however to keep things simple I did <header> <h1>Content</h1> </header> Next for the...
-
Shopify Filter by Sub-Collection
If you want to have a sub-collection in shopify, there are a few different ways of tackling this. You could use a linkgroup, which has it’s benefits, or you could use the method described here. Step 1. Creating the Collections First you need to have the main collection. In my...