HTML5 Please - Use the new and shiny responsibly

Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are

Sisyphus.js, a library that helps save the state of your forms

Sisyphus.js it’s a library that helps save the state of your forms with the use of HTML5 Local Storage.

“Imagine you’re filling a complex form on site, or typing effervescent and extensive comment. And when you’re almost done with that browser is crashed, or you closed tab mistakenly, or electricity is turned off, or something else break your efforts. Disgusting, huh?

With Sisyphus on site you just reopen page in your modern (with HTML5 support) browser and see all your changes at that forms. It’s lightweight (3.5 KB) jQuery plugin uses Local Storage to prevent your work being lost. And Sisyphus is easy to use and needs you just to select forms to protect:

$(‘#form1, #form2’).sisyphus();

Javascript Best Practices

Table Of Contents

  1. Always Use ‘var’
  2. Feature-Detect Rather Than Browser-Detect
  3. Use Square Bracket Notation
  4. Avoid ‘eval’
  5. Reference Forms and Form Elements Correctly
  6. Avoid ‘with’ Statements
  7. Use onclick In Anchors Instead Of javascript: Pseudo-Protocol
  8. Use The Unary + Operator To TypeConvert To Number
  9. Avoid document.all
  10. Don’t Use HTML Comments In Script Blocks
  11. Avoid Cluttering The Global Namespace
  12. Avoid sync “Ajax” calls
  13. Use JSON
  14. Use Correct <script> Tags

jQuery UI Bootstrap 0.2 Released

Today I am happy to announce the release of jQuery UI Bootstrap 0.2. This release includes a number of bug fixes and new additions to the theme and can be downloaded from the release site now.


jQuery TextExt Plugin to provide functionality such as tag input and autocomplete.

TextExt is a plugin for jQuery which is designed to provide functionality such as tag input and autocomplete.

The core design principle behind TextExt is modularity and extensibility. Each piece of functionality is separated from the main core and can act individually or together with other plugins.

5 Crucial Points Before Becoming a Freelance Web Designer

A freelance career offers a plethora of opportunities and rewards for web designers like you, just itching to make it on your own. At the same time, it can lead to a lot of headache, even failure, if you don’t grasp a few basic skills that extend beyond your creative talents in graphic design. With a focus on the entrepreneurial spirit, let’s discuss the 5 critical points that you must know before becoming a freelance web designer.

  1. Grasp the Business End of Your Business
  2. Build Your Communication Skills
  3. Network, Network and Network
  4. Make Your Rules
  5. Consider Your Cash Flow
  6. Make a Decision

 

Perfection kills » Profiling CSS for fun and profit. Optimization notes.

Aside from looking into bottlenecks on Javascript/DOM side, I decided to step into the CSS land. I wanted to see the kind of impact these nice UI elements have on performance. The old version of the app — the one without all the fluff — was much snappier, even though the JS logic behind it hasn’t changed all that drastically. I could see by scrolling and animations that things are just not as quick as they should be.

Fbootstrapp by Clemens Krack, based on Bootstrap, from Twitter

Based on Bootstrap

Fbootstrap is based on Twitter’s excellent Bootstrap, as the name might indicate.

Fbootstrapp is a toolkit designed to kickstart development of facebook iframe apps in both relevant sizes. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more, styled in the typical facebook look and feel.

This is Your Year | Passive Panda

Google 2 Step Authentication Review — The Gadgeteer

Working in IT you’d think I’d know better; however, this got me thinking about all the information I have stored in my Google account. Access to my email alone would allow access to other sensitive information, which as a flow on from my emails gives them access to other websites indirectly. Password resets to the email address for other non-Google applications or sites could be performed, as well as the ability to gain access to applications that use your Google account as a “passthrough” login for that application. In addition if you’re part of the “Google-verse” (“luckily” my above friend had just a Hotmail email account ),  access to your Google account gives you access to email and all your other Google apps such as Google+, documents, photos, reader, YouTube, and other info. A bit scary really :(

Google 2 step authentication works on 2 things, something you know – your password – and something you have – your phone/tablet.

Keep reading…