Screencast shows the same web-dashboard displayed on three different devices – MacBook, iPad, and iPhone See in Action
The dashboard contains several distinct widgets:
1.) Multiple carousels (swiping of data) responds to both mouse and touch gestures to swipe the card to view additional sets of data.
2.) A slider to select the date and time range. The slider transforms into the standard iPhone time picker when the web-dashboard is viewed on an iPhone.
3.) Sophisticated charts embedded inside of other charts.
4.) Grids to display data
5.) Persistent Web Design techniques to retain user’s viewing settings
- Bryntum Scheduler and Gantt Charts
- Sencha EXTJS 4.0
- jQuery.ContentCarousel plugin
- Developr theming
- jQuery.blockUI plugin
View the Web Dashboard
I have been buying a lot of apps from the AppStore and Google Play Market for my toddler. And then I thought, “Hey, why don’t I make my own app?!”
In my limited spare time, I made an app that teaches my 2-year old son the names of his family and favorite cartoon characters.
There are apps to teach your toddler animal names, colors, shapes, vehicles… but what about apps to teach your toddler the names of friends and loved ones? This app can teach your toddler the names of his/her family and friends in a fun and easy to play game.
Download the game from Google Play or Play the game online
Normal people think of trees as those green living things with branches and leaves. Computer Programmers think of trees as something completely different. (although computer programmers should be considered normal people too).
I made this mult-tree webpage for using jQuery and the plugin treeTable. Using JSON data from a webservice, I generate a table using the old <table><tr><td> tags with their corresponding parent ids. Then I plug in the treeTable — and POOOOOF — the tree appears. It’s that easy.
(actual data has been removed and replaced with fake data)
If you’re familiar with programming and doing a code-difference on the changes you’ve made to your code, you’ll probably notice some similarities to this web-based tool. This tool basically shows the difference between two sets of data and allows you to copy one set of data to the other. There’s more to it, but let’s not bore you too much.
And oh! If you resize your browser, the web app will resize itself to use the most space as possible… because I just hate white empty space.
It’s been awhile since I posted something I’ve done. I’ve been doing amazing things at Apple Inc, which has kept me busy. Awhile back, I did begin a project to help me learn all of HTML5 features. I decided to make a Jeremy Lin app that incorporates all of the new and cool HTML5 features. I also wanted this app/website to be responsive. This app should work and look nice on all devices – desktop, smartphone, tablet. Here is my excerpt from the Google Play store,
This is the Jeremy Lin Linsanity Video Game. You decide which play to make and watch your stats increase. Watch hundreds with highlight clips of Jeremy Lin’s NBA career. This app also includes Jeremy Lin’s twitter feed, real-time stats, youtube highlight clips, the Houston Rocket’s schedule, fan photos, news, biography, etc.
Play the Jeremy Lin video game from your desktop, smartphone, or tablet here
Download the Jeremy Lin video game from the Google Play store
List of technologies used in this App
jQuery Mobile – the framework to lay out the pages and dialog box
CSS3 – renders the elements to fit into the various devices
HTML5 Video – no plugins required to view the Jeremy Lin videos and is supported on most platforms with the latest browsers
jPlayerPlaylist – a playlist plugin to watch html 5 videos
Canvas – plots the shots taken by Lin onto the basketball court
Localstorage – keeps track of the player’s stats and saves the stats even after the browser is closed
jQueryTweet plugin – displays the twitter feed from Jeremy Lin’s twitter page
Google News – rss feed of the latest news on Jeremy Lin
jQueryWowSlider – plugin to display the sliding images of JLin fans.
Youtube – video site to watch JLin videos
Have you ever wanted to learn how to invest in stocks? If yes, you’ll need to learn chinese 🙂
So a couple months ago, a former work colleague and friend asked me to start the development of a website for him. He’s taken a successful English-based website and created a website for Chinese-speaking investors. His website is now live at www.5168options.com
His website is basically a free and paid membership-based content management system. Users who pay for the membership are given access to highly informative and frequently updated content. He needed a quick, yet working mock-up of the site to present to his inner circle.
update: due to time contraints I have relieved myself from the day-to-day maintenance of the site.
This is a test
Everything you need for the delicious Vietnamese noodle soup, Phở, is in this app. Quickly get a list of all the Pho restaurants near you and plot them all on a map. Or enter in a city name to get all the Pho places in that city. Also included is a recipe to make your own Pho. View the photo gallery of all the Pho toppings you usually get in a restaurant – brisket, steak, fatty brisket, tai, chin, gau, pho ga, etc. Finally, an app my parents would use.
For Google Android users, download the app in the Google Play store here and install for free,
For Apple iPhone users, use the Safari browser to access the web app here,
update: There are some pros and cons to using Sencha Touch over other mobile-specific frameworks like jQueryMobile. I’m currently working on another smartphone app using jQuery Mobile and will have it available soon.