Omg it’s been so long since I’ve written an article like this. The last was May 2016, and the one before that was September 2015, (if you don’t count the article about things I learned in 2016). Continue reading Things I’ve worked on in 2018
Category: Web dev
CSS tricks that I keep having to remind myself about
I work with HTML & CSS daily, creating and amending websites. CSS gets a lot of hate from developers who don’t understand it, although imo it’s a very decent solution. However there are some things that catch me out & I’ve written down some solution here for future reference. I’ll probably add to this list over time. Continue reading CSS tricks that I keep having to remind myself about
Added interactivity to my SVG animation
I’ve been doing some more simple experiments with SVG animation using GSAP, and amended my chicken-in-a-fokker scene on Codepen that I wrote about in the last article. Continue reading Added interactivity to my SVG animation
Subtle parallax effect on scroll – client website
I worked on a new website recently that uses a subtle parallax scroll effect on the homepage, so I wanted to briefly explain how the effect was achieved. Continue reading Subtle parallax effect on scroll – client website
Optimising my clouds CSS animation
I recently created an animation of a plane dropping bombs and clouds whizzing past which you can see on Codepen here, and see my article about it here.
I used a mixture of animation types, including GSAP and CSS animation. I was doing some investigation into how much memory is required to run these animations (because it made my laptop’s fan come on all the time!) and found that the way I was animating the clouds in the background really wasn’t efficient. Continue reading Optimising my clouds CSS animation
Creating animation with SVGs, CSS animations, spritesheets & GSAP
I’ve created an animation using a few different methods that runs in a browser and is responsive (works on both mobiles, tablets and desktop). Continue reading Creating animation with SVGs, CSS animations, spritesheets & GSAP
The difference between expoting SVG from Adobe animate and Illustrator
I normally create my vector graphics in Adobe Animate, just because since University (back when it was called Flash) it’s what I’ve used the most, even though I know Illustrator is the more popular tool for vector graphics. Continue reading The difference between expoting SVG from Adobe animate and Illustrator
Forcing a div to retain aspect ratio, but also expand if there’s more content
I’ve just been stuck on a problem for ages, and that’s to keep at a specific aspect ratio (on mobile, tablet and desktop), but also to allow it to expand if there’s more content inside it. Continue reading Forcing a div to retain aspect ratio, but also expand if there’s more content
Adding new breakpoints to Foundation’s XY grid
I just added some new breakpoints to Foundation 6’s new XY grid, and found it surprisingly simple. Continue reading Adding new breakpoints to Foundation’s XY grid
Should generated CSS be included in a repo? – I say yes
We’ve had this discussion at work a while back and there’s different trains of thought for whether you should commit your generated CSS file (if you’re compiling it from SASS/SCSS/LESS etc). Continue reading Should generated CSS be included in a repo? – I say yes