Tags: demo
35
React Isomorphic Demo
It is possible to use React without relying completely on client-side JavaScript to render all your content—though it’s certainly not the default way most tutorials teach React. This ongoing tutorial aims to redress that imbalance.
Besides the main benefit of server rendering giving faster page loads, it also enables large amounts of the site to run without JavaScript. There are many reasons why you would want this, but my personal reasons are that it allows you to completely drop support JavaScript in older browsers, but still have the site function.
Democratize the Internet Now! | New Republic
It is a sad and beautiful world wide web:
The technology that let people make web sites never went away. You can still set up a site as if it were 1995. But culture changes, as do expectations. It takes a certain set of skills to create your own web site, populate it with cool stuff, set up a web server, and publish your own cool-stuff web pages. I would argue that those skills should be a basic part of living in a transparent and open culture where individuals are able to communicate on an equal field of play. Some fellow nerds would argue the same. But most everyone else, statistically, just uses Facebook and plays along.
Paul Ford shines a light on the solution:
Standing against this tide of centralization is the indie web movement. Perhaps “movement” is too strong—it’s more an aesthetic of independence and decentralization. The IndieWebCamp web page states: “When you post something on the web, it should belong to you, not a corporation.” You should own your information and profit from it. You should have your own servers. Your destiny, which you signed over to Facebook in order to avoid learning a few lines of code, would once again be your own.
Beautiful, beautiful writing:
We could still live in that decentralized world, if we wanted to. Despite the rise of the all-seeing database, the core of the internet remains profoundly open. I can host it from my apartment, on a machine that costs $35. You can link to me from your site. Just the two of us. This is an age of great enterprise, no time to think small. Yet whatever enormous explosion tears through our digital world next will come from exactly that: an individual recognizing the potential of the small, where others see only scale.
Richard Dawkins, Mount Improbable: Play With Evolution
A lovely interactive demonstration of evolution, based on the original code Richard Dawkins used for Climbing Mount Improbable.
Flex Layout Attribute (FLA)
The markup here (with proprietary inline attributes for styling) is a terrible idea but the demo that accompanies is great at showing how flexbox works …I just wish it didn’t try to abstract away the CSS. This is so close to being a really good learning tool for flexbox.
Science Hack Day San Francisco 2014 Demos - YouTube
All the marvellous hacks from Science Hack Day San Francisco being demoed at the end of the event.
Mine is the first one up, five minutes in.
AurelioDeRosa/HTML5-API-demos
A collection of device APIs—which, despite the title, are all JavaScript, not HTML. Each API in the list has a link to its spec, an explanatory article, a demo, and the current level of support.
simpl.info
A handy reference for HTML, CSS, and JavaScript features. Each feature has a bare-bones demo at a nice guessable URL e.g. http://simpl.info/datalist/
Edible Geography
I’m not sure how I managed to miss this site up until now, but it’s right up my alley: equal parts urban planning, ethnography, and food science.
They’re Using It At Coffee Shops
You can’t demo a digital product without a cup of coffee on a wooden table.
RIP, Change.gov
This is why the Internet Archive matters. It is now the public record of Obama’s broken promise to protect whistleblowers.
I feel very bad for the smart, passionate, talented people who worked their asses off on change.gov, only to see their ideals betrayed.
taskrabbitsinlove
Dan is collecting all of those product demo videos aimed squarely at young white single males with iPhones.
Responsive typography demo
This is a pretty wacky experiment in altering font size based on the user’s distance from the screen (allow the page to access your camera and enable the “realtime” option for some real fun). I don’t know how much real-world application this has, but it’s a cute’n’fun exercise.
Responsive Sausage Dog
The Boston Globe’s got nothing on this!
LukeW | Off Canvas Multi-Device Layouts
Luke and Jason have put together some demos of various “off-canvas” navigation patterns for responsive designs.
Paperfold CSS | Demo Studio | Mozilla Developer Network
In amongst all the shiny demos on this site, this one could actually be useful.
Clear for iPhone (Coming Soon!) on Vimeo
Nik demos the neat interactions in Realmac’s latest piece of iOS software in this cute little video.
Dot-dash-diss: The gentleman hacker’s 1903 lulz - tech - 27 December 2011 - New Scientist
Before there was phone phreaking there was …radio interception hacking?
A century ago, one of the world’s first hackers used Morse code insults to disrupt a public demo of Marconi’s wireless telegraph
The Goldilocks Approach to Responsive Web Design
A nice little demo of the “content out” approach to responsive design.
Madmanimation
Andy just debuted this at An Event Apart—lovely stuff.
Showcase: Pop-Up Book in HTML and CSS | eleqtriq
A cute’n’nifty demonstration of transforms and animations in CSS that works a treat in Webkit.
New Statesman - Inside the Parliament Square kettle
A well-written account of a disgraceful situation. "We all go down together, horses looming above us, baton blows still coming down on our heads and shoulders. I am genuinely afraid that I might be about to die, and begin to thumb in my parents' mobile numbers on my phone to send them a message of love."
Long Live the Web: Scientific American
An inspiring State Of The Web address by Tim Berners-Lee. He can't resist pitching linked data at the end, but it's mostly a stirring call to arms.
Deaxon's CSS playground
A very impressive collection of CSS demos using no JavaScript. I like the clever use of :target to create tab functionality.
HTML5 Video Destruction
Quite a stunning proof of concept that uses video and canvas.
A Democracy of Netbooks
The bottom-up appeal of netbooks in all their cheap, crappy glory.
Techno-utopian fail - The National Newspaper
Don't be too proud of this technological terror you have created.
Machinarium
Beautiful artwork in a fun puzzle game.
HTML5 Demos
Courtesy of Remy. Doesn't he ever sleep?
The Open Rights Group : Blog Archive » ORG verdict on London Elections: “Insufficient evidence� to declare confidence in results
The ORG have released their report into the London mayoral elections. “there is insufficient evidence available to allow independent observers to state reliably whether the results declared in the May 2008 elections for the Mayor of London and the…
Make me pulse - Making a better life for web developer since 2006 » Blog Archive » Alternativa 3D : a new awesome 3D engine for flash
Ridiculously impressive demo of a 3D engine in Flash.
Cheesophile : What a friend we have in Cheeses!
Jon's demo site for his talk at The Future of Web Design. It's all about cheese. I wish it were real.
John Logie Baird: the home of the inventor of the medium has been reduced to rubble - Independent Online Edition > Media
With a disgusting disregard for history, the Bexhill home of John Logie Baird has been demolished. Here's a potted biography of the proto-geek who steampunked his way into our living rooms.
Plan59 > Gallery of Demonic Tots and Deeply Disturbing Cuisine
Be afraid. Be very afraid.
Disposable urination funnel
This airtoons like animation demonstrates the correct usage of the magic cone.