Kelvin Ling (@klingus) Atlanta-based Senior Technical Yahoo; have a passion for all things mobile, FEDish (Front End Development), and sexy code (aka beautiful code).
Google HTML and CSS style guide. Nyan Cat, now in 3D – built in WebGL using Three.js Tetris in 73 lines of Python. Understanding Model View View Model, a guide for JavaScript developers. How to cook a complete Windows 8 application with HTML5, CSS3 and JavaScript in a week. UX Myths, debunking user experience misconceptions. [...]
Gamification and UX, where users win or lose. Nook and Emscripten: A technical look at C++ gamedev in the browser. Cube, a game about Google maps. How to turn any site into a responsive site. gzipWTF, the easiest way to check for gzip and more. An awesome WebGL demo of the famous game Jenga. What [...]
Semicolona, a language of only semicolons. Notebook lined paper in pure CSS. HTML5 drag and drop tutorial, sorting photos into albums. Nickelodeon iOS app case study, How Fi and Nickelodeon Brought the Choice to the Kids. An extensive tutorial on how to create interesting QR codes. Real-time games using HTML5, WebSockets, nodejs and socket.io. Tips, [...]
An article on HTML5 async, Thinking Async. Sanity check your JavaScript with TypedJS. Daft Punk music with WebGL effects. A beginners guide to HTML & CSS. iPhone and Android web based simulator. HTML5 game collection site. The Milky Way in HTML5. Boulder Dash in JavaScript. 7 Facts and Myths of HTML5. Introduction to OAuth in [...]
How to avoid the common pitfalls of Mobile App Development. An introduction to parallax scrolling. How to develop scalable and maintainable CSS. What happens in an internet minute? Create an interactive liquid metal ball with WebGL. A (very entertaining) history of Unicode. User Experience tools from Nokia. Pretty cool Tower Defence game on Google Maps. [...]
How HTML5 will support cross-platform development. JavaScript game of Tron in 219 bytes. Mozilla’s BrowserQuest, a massively multiplayer HTML5 (WebSocket + Canvas) game experiment. These CSS3D clouds really are quite awesome. JavaScript pattern and antipattern collection. Inception Explained, a nice scrolling animation of the plot of the movie. This jQuery plugin turns any HTML element [...]
With SpritePad you can create CSS sprites simply by drag & drop your images. Available on Firefox and Chrome at the moment. 8 crazy animations with WebGL and HTML5 canvas. Responsinator, a simple & effective way to test your site design on a range of popular screen sizes. StyleDocco generates documentation and style guide documents [...]
A collection of inspirational websites using media queries and responsive web design. A/B test your e-commerce site in 6 easy steps. 16 boilerplates to start your projects quickly. Infographic on the current state of HTML5. Gamification and User Experience. 7 awesome HTML5 interactive websites. How to optimize your CSS. A simple WebGL example to help [...]
Why you may be a bad PHP programmer. The principles of color and the Color Wheel. If PHP were British. Morris.js is a lightweight library that uses jQuery and Raphael to make drawing time-series graphs easy. Introduction to PhoneGap. Best of VIM tips. 10 most common misconceptions about User Experience design. OMG, Mario!, a 2D [...]
Skewing web page elements using CSS3. 15 best HTML5 video player of all time. 16 tutorials for new HTML5/CSS3 techniques. PhoneGap vs Appcelerator Titanium comparison. The top 25 browser tools for web designers and developers. Apple releases guide to help you write your first App. 60 examples of responsive website design. Peanutty, a web site [...]
An infographic on “to build or not to build a website”. Use WPFunction.Me to quickly build all the functionality you need for a WordPress project. Getting started with IndexedDB. 15 tools for profiling your websites speed. Rapid and responsive UI development with Knockout.js, tutorial by @mattbrailsford. HTML5 Rocks, a resource for open web HTML5 developers. [...]
3 breakthrough ways to visualize HTML5 audio. Ruby Trick Shots, a video of 24 Ruby tips and tricks. HTML5 Please, lookup HTML5 and CSS3 features. CSS border-image generator. CSS linear gradients syntax generator. Loadtimer, a tool to measure page load times on mobile devices. Pears are common patterns of markup & style. 3D rose in [...]
A Photoshop PSD file parser in JavaScript for browsers and NodeJS. An introduction to jQuery for designers. So you found something cool on the Internet. Web designers, what to look for in a CMS. Infographic on hosting decisions. Create ZIP files in JavaScript. jQuery UI vs Kendo UI. PHP vs. Python vs. Ruby, infographic. Website [...]
The Proxority principle in web design. Mac OS X Lion emulated in your browser using CSS3. Happy Fun Coding, a site to learn to program games in JavaScript. The wonderful calc() function in CSS. Pretty Loaded, a gallery of preloaders. Graphical calculator in HTML5. 10 jQuery Mobile features. Vogar, a command line tool that attempts [...]
Internet 2011 the year in numbers, nearly every possible Internet stat you could ever want. Command and Conquer, recreation of the real time strategy game in HTML5 and Javascript. Overview of CSS3 features and the basics of how to use them. 10 super useful PHP code snippets. A good HTML5/JavaScript/CSS reference site. Sketch in 3D [...]
