UFO MUFFIN - Web development, jquery, javascript, html5, css3, tools and hacker startup usefull links http://ufomuffin.com links, articles, web development, startup tools, educational, inspirational Sat, 25 Feb 2012 05:04:52 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Designing Web Applications http://ufomuffin.com/designing-web-applications/ http://ufomuffin.com/designing-web-applications/#comments Sat, 25 Feb 2012 05:04:52 +0000 admin http://ufomuffin.com/?p=1080 The demand for apps is strong, and it’s coming from everywhere! This comprehensive guide provides an introduction to many of the skills and best practices you need to build modern web apps. This field guide is designed to help you create great user experiences in your web apps. Whether you’re building your first web app, or are just looking for ways to improve existing experiences, there’s something here for you!

]]> http://ufomuffin.com/designing-web-applications/feed/ 0 11 Mobile Tutorials http://ufomuffin.com/11-mobile-tutorials/ http://ufomuffin.com/11-mobile-tutorials/#comments Thu, 16 Feb 2012 08:24:44 +0000 admin http://ufomuffin.com/?p=1062 Iterested in mobile development?. In this post you will find 11 Mobile Development Tutorials.
From HTML5 & Javascript using Jquery Mobile, to building WordPress theme for mobile.

]]> http://ufomuffin.com/11-mobile-tutorials/feed/ 0 Getting started with CoffeeScript http://ufomuffin.com/getting-started-with-coffeescript/ http://ufomuffin.com/getting-started-with-coffeescript/#comments Wed, 15 Feb 2012 07:43:12 +0000 admin http://ufomuffin.com/?p=1050 CoffeeScript is a small programming language that compiles into JavaScript. It seeks to make writing JavaScript code better by providing you with a more consistent and succinct syntax, as well as by avoiding the “bad parts” and quirky/irregular nature of the JavaScript language.

]]> http://ufomuffin.com/getting-started-with-coffeescript/feed/ 0 Save Coding Time by Using Pear http://ufomuffin.com/save-coding-time-by-using-pear/ http://ufomuffin.com/save-coding-time-by-using-pear/#comments Tue, 14 Feb 2012 20:57:59 +0000 admin http://ufomuffin.com/?p=1065 Pears are common patterns of markup and style.
Avoid rewriting the same CSS blocks over and over, just use PEARS and save time.
Collect, test, and experiment with interface pattern pairings of CSS & HTML. Pears is an open source WordPress theme, enabling people like you to get your own pattern library up and running quickly.

]]> http://ufomuffin.com/save-coding-time-by-using-pear/feed/ 0 Want People to Return Your Emails? Avoid These Words http://ufomuffin.com/want-people-to-return-your-emails-avoid-these-words/ http://ufomuffin.com/want-people-to-return-your-emails-avoid-these-words/#comments Mon, 13 Feb 2012 21:23:51 +0000 admin http://ufomuffin.com/?p=1071 The guys at Boomeranggmail.com analyzed their database with over five million user messages, and found really helpful stats and trends that might be very handy for you to consider next time you’re planning your email sending.

]]> http://ufomuffin.com/want-people-to-return-your-emails-avoid-these-words/feed/ 0 Live changes to your CSS, CoffeeScript, SASS and more. http://ufomuffin.com/live-changes-to-your-css-coffeescript-sass-and-more/ http://ufomuffin.com/live-changes-to-your-css-coffeescript-sass-and-more/#comments Mon, 13 Feb 2012 07:55:10 +0000 admin http://ufomuffin.com/?p=1053 LiveReload monitors changes in the file system. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed.

Even cooler, when you change a CSS file or an image, the browser is updated instantly without reloading the page.

They even have a version for Windows

]]> http://ufomuffin.com/live-changes-to-your-css-coffeescript-sass-and-more/feed/ 0 A cool library to use SQL with HTML5 http://ufomuffin.com/a-cool-library-to-use-sql-with-html5/ http://ufomuffin.com/a-cool-library-to-use-sql-with-html5/#comments Sun, 12 Feb 2012 07:19:19 +0000 admin http://ufomuffin.com/?p=1044 html5sql is a light JavaScript module that makes working with the HTML5 Web Database a whole lot easier. Its primary function is to provides a structure for the SEQUENTIAL processing of SQL statements within a single transaction. This alone greatly simplifies the interaction with the database however it doesn’t stop there. Many other smaller features have been included to make things easier, more natural and more convenient for the programmer.

(Demo) http://html5sql.com/demo.html
(Documentation) http://html5sql.com/guide.html

]]> http://ufomuffin.com/a-cool-library-to-use-sql-with-html5/feed/ 0 Backbone.js vs the other frameworks (audio) http://ufomuffin.com/backbone-js-vs-the-other-frameworks/ http://ufomuffin.com/backbone-js-vs-the-other-frameworks/#comments Sat, 11 Feb 2012 01:37:51 +0000 admin http://ufomuffin.com/?p=1040 I wanted to share this great interview where Derick Bailey defines the most prominent differences between Backbone.js and other popular frameworks like Knockout and Spine. He also explains how Backbone compares to a regular MVC framework.

]]> http://ufomuffin.com/backbone-js-vs-the-other-frameworks/feed/ 0 Page Flipping with HTML5 http://ufomuffin.com/page-flipping-with-html5/ http://ufomuffin.com/page-flipping-with-html5/#comments Fri, 10 Feb 2012 20:35:44 +0000 admin http://ufomuffin.com/?p=1037 Turn.js is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine for HTML5.

+ Uses Hardware acceleration
+ Works on tablets and smartphones
+ Easy to manipulate
+ Lightweight, only 15K

]]> http://ufomuffin.com/page-flipping-with-html5/feed/ 0 Manage Aspect Ratio with CSS3 http://ufomuffin.com/manage-aspect-ratio-with-css3/ http://ufomuffin.com/manage-aspect-ratio-with-css3/#comments Fri, 10 Feb 2012 00:42:15 +0000 admin http://ufomuffin.com/?p=1031 Chris Mills shows you how to use “object-fit” and “object-position” to control your aspect ratio in CSS3.

]]> http://ufomuffin.com/manage-aspect-ratio-with-css3/feed/ 0 How to create vector art http://ufomuffin.com/creating-vector-art/ http://ufomuffin.com/creating-vector-art/#comments Thu, 09 Feb 2012 07:57:39 +0000 admin http://ufomuffin.com/?p=1024 Very detailed tutorial for creating vector shapes using Adobe Illustrator. I love the methods & tricks used to bend the bezier curves, which is the hard part in creating these graphics.

]]> http://ufomuffin.com/creating-vector-art/feed/ 0 HTML5 Element Flowchart http://ufomuffin.com/html5-element-flowchart/ http://ufomuffin.com/html5-element-flowchart/#comments Tue, 07 Feb 2012 19:12:09 +0000 admin http://ufomuffin.com/?p=1019 Handy diagram for sectioning content elements in your HTML5 document.

]]> http://ufomuffin.com/html5-element-flowchart/feed/ 0 Learn HTML and CSS. Well designed tutorial http://ufomuffin.com/learn-html-css-a-well-designed-tutorial/ http://ufomuffin.com/learn-html-css-a-well-designed-tutorial/#comments Tue, 31 Jan 2012 01:40:36 +0000 admin http://ufomuffin.com/?p=1012 Really liked the way this HTML5/CSS3 tutorial is heading. Everything is super clear with corresponding examples.

]]> http://ufomuffin.com/learn-html-css-a-well-designed-tutorial/feed/ 0 Javascript Microframeworks http://ufomuffin.com/microframeworks/ http://ufomuffin.com/microframeworks/#comments Sun, 29 Jan 2012 09:19:41 +0000 admin http://ufomuffin.com/?p=1007 Micro-frameworks are definitely the pocketknives of the JavaScript
library world: short, sweet, to the point. And at 5k and under,
micro-frameworks are very very portable. A micro-framework does one
thing and one thing only — and does it well. No cruft, no featuritis,
no feature creep, no excess anywhere.

]]> http://ufomuffin.com/microframeworks/feed/ 0 HTML Kickstart – If you know how to type HTML & CSS This is for You http://ufomuffin.com/html-kickstart/ http://ufomuffin.com/html-kickstart/#comments Sun, 29 Jan 2012 08:25:11 +0000 admin http://ufomuffin.com/?p=1001 HTML KickStart includes everything you need to rapidly create website layouts – things like slideshows, menus, flexible grids, image placeholders, buttons, and more – saving you a ton of time so you can produce faster and make more money.

]]> http://ufomuffin.com/html-kickstart/feed/ 0