Potentially new UI design pattern: Expandable Mobile Search Form
The Purpose: On mobile display, every pixel counts. To minimize the space required to display the search form, it is displayed in a compact form and then expand to full width on :focus. This way more...
View ArticleClik here to view.
CSS3+jQuery Animated Steps Indicator for Mobile
I wanted to try and create an animated steps indicator. This was primary for mobile. The code is a bit messy =). This could be replicated with just using jQuery, but i wanted to leverage CSS3.View Demo...
View ArticleGoogle I/O Presentations and Slides
Here are some interesting presentations and slides that came out of this years 2012 Google I/O.Fast user interfaces for the cross-device web – SlidesThe Web Can Do That!? Adventures Into HTML5 – Slides...
View ArticleA Simple Backbone.js View
This is our html which includes a template within script tags. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>A Simple Backbone.js View</title>...
View ArticleA List of HTML5 Features for the Mobile Web
This will be an on going list of HTML5 features that can be used on the mobile web today!.Meta TagsNote: some of these are iPhone specific, but it wont break your page on Android or Windows devices. //...
View ArticleDynamic Link Tag Injection
Using jquery to inject a style sheet seems to break IE7/8. The scenario was when a user passed in a custom param via the URL the code would inject that particular css. Ideally I should have gone with...
View ArticleClik here to view.
Adding Git Bash In Console2
Adding Git bash into console2 is pretty easy as you will see.First you need to get the path to git bash you can get this in the properties tab in the “target” field. Below is a screenshot of my setup....
View ArticleFront end Engineer’s Manifesto
In the fast paced world of Front End Engineering, change reigns supreme. Dormant for years, the Browser Wars are back and have broken web development wide open. Led by competing vendors championing...
View ArticleMy new addiction Coderwall.com
I ran into this awesome social service via a tweet. Its called coderwall.com and I spend some time browsing their “pro tips”. A pro tip is just a snippet of code you can share with the community. They...
View ArticleClik here to view.
Using guard-livereload to reload your browser when files are modified
We all do it when building a website, we hit the refresh button to reload our latest changes. This process of saving and reloading the browser can be eased using a plugin called Guard-LiveReload. This...
View ArticleTitanium mobile app to look up local taco joints
You can download this titanium app over at github. View Github Repo
View ArticleUsing Geo Location in Titanium Mobile
searchBtn.addEventListener("click", function(e) { if (Ti.Geolocation.locationServicesEnabled) { Titanium.Geolocation.purpose = 'Get Current Location';...
View ArticleRecent project – DMagazine.com
Months in the making, but finally live. The all new dmagazine.com website. Below is a link to a more detailed description of the new site. Introducing the new dmagazine.com
View ArticleNew logo
I have been in need of a new personal logo for awhile. My good buddy @ghostforhire hooked it up. I am still debating which one to go with.
View ArticleUsing XDomainRequest object with jQuery
This primairly to work with IE9 and below. IE10+ will just use the jQuery.Ajax method.var leadDataObj = { "firstname": "Darth", "lastname": "Vader", "age": "78", "email": "amyourfather@hotmail.com" };...
View ArticleRun grunt tasks from child directories
module.exports = function(grunt) { grunt.initConfig({ concat: { options: { banner: '', separator: ';' }, dist: { src: ["js/libs/script-1.js", "js/libs/script-2.js"], dest: 'js/libs/build.js' } },...
View ArticleUsing SpinKit-ObjC
I was looking to create a custom activity indicator, but adding additional time to a project was not possible. I found this cool project SpinKit-ObjC that provides ready made indicators. Below is a...
View ArticleIOS Resources
Cocoapods CocoaPods is the dependency manager for Cocoa projects. It has thousands of libraries and can help you scale your projects elegantly. Cocoa Controls Cocoa Controls lists custom controls and...
View ArticleFriendly dates with MongoDB and Moment.js
I’m working on a project where any new comment posted gets tagged with a timestamp in milliseconds (local time). My issue was when I display the comments but I want to compare the saved timestamp with...
View ArticleCreating a POST request body in Swift
// createRequestBody() func createRequestBody(photo:NSData){ var boundary:String = "------WebKitFormBoundaryasdas543wfsdfs5453533d3sdfsf3" var contentType = "multipart/form-data; boundary=\(boundary)"...
View Article
