Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Can you build a web app in less than 10 kilobytes.

Featured Replies

Some of you might like this, so i figured i'd bring it to you're attention.

 

Inspire the web with just 10K.

It's time to get back to basics — back to optimizing every little byte like your life depends on it. Your challenge? Build a web app in less than 10 kilobytes.

 

http://10k.aneventapart.com/

 

P.S Theirs quite a few fun, quirky and even some useful web apps in there!

  • Author

Theirs like 27.5 hours left, plenty of time! :)

probably not by tomorrow :(

 

Thats a shame, would be good if we had comps like that on here! maybe even group entrys! :)

One of our members, Rob, has submitted an app. If you could vote for him, I'm sure he'll appreciate it.

 

Done.

  • Author

Yeah i saw that the other day, He seems to pop up everywhere! o:

 

It's pretty cool, i'm in a big infographics fad atm, so i was just like omg omg..... ideas :)

Yeah he tends to get around ;) (not sure his girlfriend would like to hear that)

 

I've seen him working on it for a while and keeping track of his progress, the stuff he's done in so little code is awesome

I have voted and beside that why not try to put as many letters as possible on 1 line.

This way you save space. Next is to use code names so less letters as possible to save it up.

 

Anyway there are sure some nice apps there.

I have voted and beside that why not try to put as many letters as possible on 1 line.

This way you save space. Next is to use code names so less letters as possible to save it up.

 

Anyway there are sure some nice apps there.

I have voted and beside that why not try to put as many letters as possible on 1 line.

This way you save space. Next is to use code names so less letters as possible to save it up.

 

Anyway there are sure some nice apps there.

Hm... So an APP in 10kb or less yet the size of javascript frameworks isn't included??? Compressed jQuery is 24KB so it's actually "build an app in 32KB" which isn't exactly difficult as jQuery itself is 6,000 lines.

  • Author

Hm... So an APP in 10kb or less yet the size of javascript frameworks isn't included??? Compressed jQuery is 24KB so it's actually "build an app in 32KB" which isn't exactly difficult as jQuery itself is 6,000 lines.

 

There are many plugins for jQuery that are over 10kb.

 

jQuery is actually around the 70kb mark without gzipping; gzipping was not permitted in this contest.

 

10. Why can't I use the gzipped size of my files? My server can be configured to send gzipped content to all modern browsers, and it's the wire size that should count.

We want this contest to be purely about craftsmanship of markup and code, so we're using the unzipped file size. That just means your 10k unzipped app will be that much smaller on the wire. You are welcome to minify like crazy, though.

There are many plugins for jQuery that are over 10kb.

 

jQuery is actually around the 70kb mark without gzipping; gzipping was not permitted in this contest.

 

 

Either way jQuery is on the whitelist of libraries, therefore it doesn't count at all towards the size; so regardless of the size you're allowed to use jQuery which is 155kb uncompressed. There may be many plugins for jQuery that are over 10kb however, those plugins are developed to be versatile, not to serve one purpose.

 

While I like the idea of this competition I personally think you shouldn't be allowed to use a library.

  • Author

Well originally they weren't going to permit libraries, but they are pretty much a standard foundation now, with the majority of users having the Google hosted ones cached.

 

Initially, we were not planning to allow libraries at all. However, to encourage more beginners and reflect modern Web development practices, we decided to allow three very popular libraries. We still want to keep things simple, though, which is why we're keeping the list very small.

 

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.