Meta Refresh 2013
who it's for
frontend developers, web designers, UX designers, JavaScript developers, accessibility specialists, performance engineers, API developers, product managers
topics
BEM maintainable frontend methodology; web components and standards; responsive web design techniques; mobile accessibility best practices; secure web design practices; web API developer experience; JavaScript application development; frontend performance optimization; prototyping for web interfaces; graphical web and media integration
| title | author | length |
|---|---|---|
| Why the next big thing sucks | Benjamin Arthur Lupton | 41m |
Argues that chasing every new library wastes time and that steady focus plus a clear vision yields lasting success, showing concrete examples: history.js… | ||
| Questioning the "why" | Navjot Pawera | 52m |
The concrete claim: questioning goals matters more than mastering the latest toolset. Wireframes, whiteboard sketches and quick prototypes serve as wireframes… | ||
| Overexposed | Souvik Das Gupta | 41m |
Argues for hiding implementation details and shows concrete fixes: rewrite URLs to be readable and permanent instead of exposing .html or query IDs, replace… | ||
| Maintainable frontend development with BEM | Varvara Stepanova | 46m |
Yandex presents BEM as a concrete workflow: independent CSS blocks that avoid cascade so components can be moved or reused without breaking page layout, a… | ||
| HOW TO tell if you're designing an insecure site | Akash Mahajan | 48m |
Claim: visual design can make a site feel secure while leaking credentials and trust. Demonstrations include a Gmail favicon bookmark phishing proof of… | ||
| Web components and the future of web development | Varunkumar Nagarajan | 42m |
Describes concrete Web Components features and limits: native templates stop parsing and preloading until cloning, Shadow DOM hides implementation and scopes… | ||
| Inclusive design challenges with UI widgets | Prem Nawaz Khan | 52m |
Step‑by‑step practical fixes for real widgets: how to make a drop down widget keyboard‑operable (tabindex, Enter/Space handlers, Escape to close, aria‑expanded… | ||
| Design by philosophy | Prateek Rungta | 45m |
Argues that design succeeds when decisions rest on explicit philosophies rather than fashions, and demonstrates concrete choices: swap a Javascript date picker… | ||
| User (developer) experience of your web API | Avinasha Shastry | 39m |
Design work for SupportBee’s API targets real friction points: a Backbone single‑page app backed by a JSON‑first API with XML optional, webhooks and web… | ||
| Mobile accessibility - challenges and best practices | Shyamala Prayaga | 46m |
Argues concrete fixes: add alt text / Android contentDescription and semantic markup, use platform APIs (iOS VoiceOver label hint trait), and test contrast… | ||
| How to defend the web | Shwetank Dixit | 48m |
Case study: a major Indian bank breaks in Opera because an old Dynamic Drive script blocks Opera with one line and the fix is literally to remove one line that… | ||
| Getting serious about Responsive Web Design | Arpan Chinta | 43m |
Responsive work starts from actual choices not slogans: build sites from the ground up, use CSS3 and icon fonts or SVG instead of image piles, and set… | ||
| Zeno Crivelli - SublimeVideo | Zeno Crivelli | 43m |
A demo becomes a product: SublimeVideo goes from viral demo to service with 1 million unique visitors and a cloud player that updates centrally — launched as a… | ||
| The quest for the graphical web | Vincent Hardy | 01h 08m |
An immersive slide deck built in the browser demonstrates inline SVG for scalable, accessible graphics; canvas for pixel‑level particle effects (a galaxy)… | ||
| Development of JavaScript applications | Dhaval | 04m |
Presents a concrete architecture: break UI into single responsibility modules that never call each other directly but communicate only through a sandboxed… | ||
| demo | Achrekar | 04m |
A concrete build story: a Web Engage interactive demo embeds on any site as a jQuery popup demo that walks users through lead generation surveys and other… | ||
| Prototyping | Kedar | 02m |
Shows rapid prototyping of around twelve common UI widgets, building live demos with plain CSS and HTML and minimal JS, and notes which techniques actually… | ||
| Parthiv - Focalus | Parthiv | 03m |
Focalus is a note manager that actually parses and acts on content: typing "do today" surfaces an item because its crude date parser finds "due Friday", and… | ||
| Barbara - Bangalore JS and JsFoo | Barbara | 01m |
Announces a community effort: Bangalore JS meetups run every other month, free and focused on keeping JavaScript enthusiasts connected between larger events… | ||
| Optimizing | Vladimir | 05m |
Claims that csso achieves structural CSS shrinking by using an actual CSS parser rather than just stripping whitespace, with concrete file‑size wins on… | ||
| App performance | Karthik | 39m |
Claims that following yslo recommendations and signing up for cloudflare one-click yields measurable speed wins, plus a concrete tooling pattern: download… | ||
| Internet people | Supreeth | 05m |
Claims that replying to Nigerian-style solicitation emails turns into real-world meetups in Bangalore, a woman who makes $350 a day (17,500 INR), and an… | ||
| Product demos | Pratul | 09m |
A personal book catalog called X libris launches 13 days ago, uses Open Library as its editable metadata source, limits the free trial to 50 books then charges… | ||
| Exercise | Benjamin Arthur Lupton | 05m |
A short role play uses King Arthur and Merlin as a guided exercise that names a specific chain of mental states as the mechanism to act on a task The claim is… | ||
| Tool demo | Rishav | 06m |
A web-based fiddler lets users write HTML/CSS/JS with a real-time preview and records every keystroke to a server so sessions can be record and playback with… | ||
| Photographic memoirs | Navjyot | 11m |
Photos from Munich, Italy, Oslo, Kiev and Russia show specific moments and captions: I'll be watching you (tower over flat tire), a couple mid-kiss turned… | ||
| Projects at | Kaustubh | 05m |
Shows two concrete projects: a me and my shadow interactive visualization that maps what a Facebook phone or computer interaction actually leaks, and a… | ||
| Project at | Sajjad | 02m |
A school-mapping portal for the Karnataka Learning Partnership gets rewritten from Google Maps to Leaflet.js, cutting load and improving display on slow… | ||
| nothing matches | ||