CSS1K champions CSS efficiency
Designers challenged with styling a page using only 1024 bytes
As web connections have sped up, many designers have become a little too relaxed when it comes to optimising work. In the 1990s, it was common for every image and file to be finely tuned to save the odd kilobyte. Today, even some style sheets can weigh in at over a megabyte. To show just what can be done with a little, Jacob Rask has unveiled CSS1K, which the site describes as "a demonstration of what can be accomplished with only 1K [1024 bytes] of CSS". The contest follows the success of similar competitions such as Happy Cog's 10K Apart and JS1K.
Rask told .net that when he first started using CSS seriously, CSS Zen Garden was a huge inspiration; today, he says you can do almost anything with CSS, which has resulted in many galleries and example pages for designers to use as the foundation for their work. "But as you use more complex CSS, keeping your code lean and clean is a growing challenge," he says. "Though CSS1K is mostly meant as a fun experiment, it also helps you practise the difficult art of 'kill your darlings'."
Although Rask is clearly pitching efficiency, he's nonetheless keen to argue against stripping things back just for the sake of it. "It's important to not limit your creativity by prematurely optimising or crippling yourself," he says. “It's always a trade-off, with many factors to consider, the most important, of course, being your audience." He hopes in the near future that CSS and browsers will evolve to assist designers, with better support for selectors such as ':matches()', aka ':any()') and ':not()', which "will let us dramatically reduce the code needed to do advanced targeting of elements, especially in dynamic documents".
Visit CSS1K and find out how to contribute at css1k.com. As a first port of call, Rask suggests checking out the Notepad design ("an example that most developers would instinctively believe they would need images for, yet it's made in only CSS") and Bbubles ("I love the interactivity").
Get top Black Friday deals sent straight to your inbox: Sign up now!
We curate the best offers on creative kit and give our expert recommendations to save you time this Black Friday. Upgrade your setup for less with Creative Bloq.
Thank you for reading 5 articles this month* Join now for unlimited access
Enjoy your first month for just £1 / $1 / €1
*Read 5 free articles per month without a subscription
Join now for unlimited access
Try first month for just £1 / $1 / €1
The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of eight full-time members of staff: Editor Georgia Coggan, Deputy Editor Rosie Hilder, Ecommerce Editor Beren Neale, Senior News Editor Daniel Piper, Editor, Digital Art and 3D Ian Dean, Tech Reviews Editor Erlingur Einarsson and Ecommerce Writer Beth Nicholls and Staff Writer Natalie Fear, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.