Name: Alexander Erlandsson
Type: User
Company: @ourstudio-se
Bio: Front-end developer driven by the pursuit of pushing CSS to its limits. I'm equally passionate about crafting seamless user experiences and championing a11y.
Location: Gothenburg, Sweden
Blog: https://alexerlandsson.com
Alexander Erlandsson's Projects
This is the repository for my personal website hosted wit GitHub Pages.
GitHub Profile README
Repository for uploaded assets used all over the world wide web.
Syntax theme for Atom
This JavaScript will trigger a function if the click frequency on a button is not high enough.
Collection of useful one-element CSS components
This is a fadeshow (slideshow with fade effect) made in CSS only. The slideshow is built in SCSS which provides customization and easy adaption to your site.
Rotating CSS dice in 3D using jQuery. Based on my old snippet on CodePen.
Flag Icons is a CSS framework to use flag icons in web projects.
Launchpad SCSS is a boilerplate for Sass (scss) used in projects to maintain a well structured and scalable CSS. Comes with basic functions, mixins and coding standards.
Atom syntax theme to resemble the macOS dark mode design.
Node application to automatically generate base64 css icons from svg files.
Rocket SCSS is a component library built on Launchpad SCSS. Containing minimal styled basic components useful in any project.
Extends sass built-in functions with many useful functions.
SCSS mixin used to generate breakpoint specific classes from a selector
This is a SCSS mixin used to create CSS locks for responsive typography. To make in convenient to use it allows you to use both px and em as units and if anything goes wrong, it will let you know during the compile using scss @warn and also print an error message on top of the text in the application or website.
Stylelint and Prettier settings I use for scss.
This is a lightweight filter function to filter items on search with minimal setup
Collection of useful html, css and js snippets.
Experimental stack component used to stack elements horizontally and vertically.
SVG to CSS icons generator. This is a node.js application that will generate a css icons file from a folder containing SVG icons.
My take on a pure CSS tic-tac-toe game.
This is a lightweight CSS grid framework used to build responsive websites and applications. With just a size of 4KB minified (< 1KB gzipped), it is hard to find a smaller framework with the same possibilities.