JavaScript, CSS, HTML and Random Technical Stuff…

Using Delicious to build a collection of frontend engineering resources

I was reading an article by Chris Heilman about how he used delicious to aggregate interesting links he used to post on Yahoo Developer Network Blog. Based on the similar idea I decided to build a collection of cool stuff I encounter on the web related to frontend engineering and web development in general. I usually save interesting links, and articles on delicious. I used one of the delicious feeds to get a list of articles saved with certain tags. Using php I extracted the description, first paragraph text and an image from the article page and presented it with a nice template from styleshout. I used YUI3 to populate an article image and description after the page is loaded. Putting it all together there is now a page with collection of web development stuff I liked. This can be really helpful resource for anybody who wants to learn and read about frontend engineering.

UPDATE: This demo stopped working since I lost all my delicious bookmarks in the migration process from Yahoo! to new Delicious.

Searching specific sites with Yahoo! BOSS API

Using BOSS you can search only those web sites that you want. This script uses YUI GET utility to append script tag dynamically to the DOM. It also passes in a javascript callback function to be executed when api returns results. This is a very handy script to search for reference material about javascript, css and accessiblity from reliable sources.

See it Working

Facebook App – What’s Cooking Today?

Developed a Facebook application using recipes data from flavorwise.com. This app shows a different recipe everyday along with four similar recipes displayed in carousel. After the application is added to the profile, user can invite friends to use the application.

Apartments on Y! Map

I put together this hack I using Y! Maps, Y! Pipes, Y! Answers and craigslist apartment listings. The way it works is — after user selects a city; script pulls apartment listings RSS feed from craigslist. This RSS feed is ran through Y! Pipes to extract the location information. Once I have the location information, I am plotting every apartment location on Y! Map using Maps API. This hack also uses answers API to query real-estate and apartments related questions asked by Yahoo users.

See it Working

Google Maps & Yelp Reviews

This mashup shows breweries and restaurants plotted on Google map for a given city. After user clicks on a restaurant marker on a map, window pops up showing Yelp reviews for that restaurant. It also has functionality to show driving directions to that restaurant from the center of the city.

See it Working

Y! Maps & Traffic Mash-up

This hack shows live traffic conditions on a map. At the time, showing live traffic conditions on a map was not one of the standard features in maps application. This script is developed using Traffic Web Services and Y! Maps API. Interface enables you to find the real-time traffic information for a given location.

See it Working

Article on AJAX

This is the article I wrote when I learned AJAX. It explains basics of AJAX and it also has one cool example of business card creator.

Read full article