In case anyone is interested in the code behind the images and animations on my new theme, I put it all in a new Pen on CodePen to make it easier to explore.
See the Pen Animated Space Images by Lauren Ashpole (@laurenashpole) on CodePen.
So I was in the middle of a futuristic sci-fi theme but I kept running across great flat space illustrations and couldn’t get that design style out of my head. Space Race is the result.
This theme is responsive and should work on at least the last two versions of all modern browsers (IE10 isn’t pixel perfect but it works). It also includes optional animated celestial objects like comets, meteors, satellites that are pure CSS and were partly inspired by my attempt to do the Daily CSS Images Challenge (work interfered with that pretty early on).
Fonts and colors are totally customizable and you can choose between a single or double column layout.
This theme supports:
And possibly other features that I’m forgetting. If you have any questions about getting the theme set up, let me know.
Beautiful and simple UI for generating web gradients....
If you want to generate some CSS gradients, boy is this handy.
Edited to add: If you’re looking for inspiration, might I recommend this Onextrapixel list or this Ceros post.
I missed a couple weeks but here’s a fantastic Sci-Fi style font (and an awesome font poster) by Kristian Koh. Hello Earth is free for personal use and commercial licensing is available at Creative Fabrica for just $6.
Download at dafont.
A responsive landscape (some elements are added / removed depending on the screen size) made with Pixi.js for the epic.net website menu.......
This is a very cool hover parallax example.
This week’s font recommendation is PW Fly Me to the Moon by Peax Webdesign. Really reminds me of A Trip to the Moon/Hugo/that one Smashing Pumpkins video (and based on the name, I assume that’s the point). Free for personal and commercial use.
Download it at dafont.
A couple of ideas for typography animations and letter (hover) effects for playful interactions. Powered by anime.js and charming.js....
A bunch of cool JavaScript animations for SVG letters.
There’s also a Part 2.
Barely getting this font rec in while it’s still Friday. Brewsky by Tup Wanders (couldn’t find a website for the designer). It’s very retro.
Get it at FontSpace.
