10 Ways to Format Time and Date Using JavaScript

10 Ways to Format Time and Date Using JavaScript

I was thinking that this it's the time. How to get date info with JavaScript?

Simple Book Inventory List with jQuery on my Android Phone

This is the practical part of this story.

Basically, it's just a simple HTML page that I copied to my Android phone, so, because I'm carrying my phone with me all the time, I have access to my book list everywhere I'm going, ready to check if I already have a book in collection, to avoid buying duplicates.

Keeping Track of Books with a HTML Page on Android - Book Inventory with JavaScript

I just want to keep track of my book collection. Recently I've started a new book collection of very old books, the collection is famous in Romania (where I live) and it's called "Biblioteca pentru toti" ("Library for all", literally). There are thousands and thousands of books (lucky me, because they are old, I can find them at very cheap prices, practically, the cheapest items from an antique store, but the cultural value is enormous, all the books are top-known world-wide! I believe that this is a treasure that's worth adventuring for it.

Sortable and Editable To-do List using HTML5′s localStorage

Great article on localStorage right here: Sortable and Editable To-do List using HTML5′s localStorage.

30 Incredibly Useful & Fun HTML5 Mobile Apps

30 Incredibly Useful & Fun HTML5 Mobile Apps
Let's have some fun. Please do not try to check for code. Just play with the apps.

PhoneGap - a Bridge from JavaScript to Native Apps

Oh, yeah. You probably heard of PhoneGap but not really know what is it. Well... explained for idiots: write HTML+CSS+JavaScript and then hit Enter and magically turns in a native app. The app can be even submitted to the respective app store.

Currently, iPhone, Android, BlackBerry, Palm, Symbian and Windows Mobile are supported. I mean, everything.

 Learn more on PhoneGap dot com.

I believe this is the first childish try (like every first tries) for JavaScript to take over the world. But... soon. There will be more versions of PhoneGap and many more such services, there will be probably even on-line service for converting HTML page to native app. And the phones, tablets and other devices and gadgets producers and inventors will take count of JavaScript.

What do you say?

43,439 Reasons to Use append( ) Correctly

Enjoy. Why U not know 'bout those 43,439 reasons to use append() correctly?

The JavaScript Show - Episode 49: jQuery 1.8.3

Brand new episode!!! The JavaScript Show - Episode 49: jQuery 1.8.3

JavaScript as Desk Apps

JavaScript on the Desktop!
One step closer to the future imagined by me: all around JavaScript.

Why JavaScript is a toy language

Here is an article on why JavaScript is not really a solid language.

Understanding not only the pros, but also the cons of this language will offer you a different and larger perspective.

If  you worried too much: most of the cons are related to security and code exposure. I only want to say that this doesn't crumble my future world imagined with houses full of glass screens (or holograms, whateva) that would put you in the middle of the informational world with web apps run on JavaScript. Because in that world code stealing and thievery whouldn't exist.

Design Patterns for JavaScript Web Apps

As title say, enjoy:

Simple Links List - Rectangle Design

I wanted a link list for the upcoming JavaScript scripts (I will scan the internet for the best of them), so I wanted something catchy. (You will be soon able to acces JavaScript scripts selecting 'Scripts' from 'Categories' in the left side of the blog.

 Inspired by Windows 8, I guess, but it seems to me that had choose a bad color scheme. Changing it will be to much at this hour.

Scripts Menu

Links do not work yet. It's under construction.

• Clock, Calendar and Timers
Calculator
Text Effects
Visual Scripts
Development
Form Scripts
Frame Scripts
Game Software
Graph and Chart
Image Effect
Navigation Scripts
Search Scripts
Security Scripts
Miscellaneous

35+ Best jQuery Social bookmark plugins

As the title says, I've found a list of best jQuery plugins for social bookmarks. It will incredibly simplify your work with the list of social sharing buttons on your web site. And the best thing is that they are explained. Have a go:

35+ Best jQuery Social bookmark tutorials and bookmark plugins.

Comparison of Javascript Syntax Highlighter

Running a blog, a site or a forum will eventual lead to code snippet highlighting. But which one is the best?

You have here a completely unfair comparison of Javascript syntax highlighter.

 JavaScript highlighters comparison.

How to Create a Keyboard with CSS and jQuery

Cool tutorial on nettuts creating a virtual keyboard with CSS and jQuery.

It's pretty neat, and this is the simplest code you can have. You can adapt the code and style it as you like, and put it on your web site!

If you want more complex keyboards, with language support, you should google for. This is the actual first result found: JavaScript Graphical / Virtual Keyboard Interface. I believe it's worth taking a peek.

Actually, you will find a lot of virtual keyboards on the google, and most of them are based on list, each key being a list item. I sat and thought of another structure, but no way: lists are way easier to work with and easier to style. I then thought of divs, using, of course, jQuerry appendTo() function. So the divs will be dynamically loaded, and their content too. Easy.

And then came in my mind tables. So I did my own version (very simple) of virtual keyboard, check it here: Virtual Keyboard. It's not perfect, but for now, it's done, and that's what really matters.

The Difference Between an Array and an Object

An array is a actually an object in JavaScript, and the same, an object might be indexed the same as an array. However, there are some things you want might know.

Discussion on stackoverflow.

Why using associative arrays is considered harmful, here.

A Simple JavaScript Keyboard

See the article about the virtual keyboard with CSS and jQuery. I have been dwelling my own keyboard, not based on lists or divs, which have very simple and tiny code, and very easy to work with. Probably the HTML lists are the best choice in order to build a JavaScript virtual keyboard.

However, I have built my keyboard with tables (why? dunno... In some point, I imagined table rows containing table cells like eggs in their box and I believed it was more suitable. (No way, I had a lot of gotchas with the tables; indeed, the list version, or even a div one would be easier)

Test your JavaScript Code Online with jsFiddle

Did you knew that is an on-line HTML + CSS + Javascript interpreter? No need to download, install and open tons of IDEs, now, you can test your snippet and lines of code (not so large, though) with a simple site. The screen is split in four windows: one for HTML code, one for CSS, one for Javascript and the result window. Just copy and paste your code accordingly and press ‘Run’ button.

Go jsfiddle.net.

It’s a great tool of testing. Actually, on tech IRC channles (i.e. irc.freenode.net > #jquery), when you want to ask for help, people just ask you to create a working new fiddle and give them the link so they can read easily the code an try help you.

Other neat options: supports libraries like MooTools, jQuery, Prototype and YUI and you can even choose version! Now that’s a great thing for checking compatibility issues. And, in the end, JSLint comes in action with a simple click of a button, making sure your ideas are correct.

Creating a new account will give you the possibility of listing your fiddles (accessible world wide – think of sharing your HTML, CSS and Javascript code with only one link sent to your folks!), testing under various browsers and some access on advanced versioning, and that’s all free!

Happy coding!

Get Instant Help on mIRC

Having a hobby, working on a project or just simple making something (activity), well, that implies the entourage. Without one, your motivation will drain up, learning ability will decrease exponentially, patience will be playing  harsh games with you. The entourage will create an informational system with you in the midst of it, interacting with people by exchanging data, and getting the information required.

You need an entourage. A society, a group of people with same interests like you and you in the midst of it. Loneliness will vanish, team work will improve, competition instinct will make you go stronger. And it is fun, too!

Go mIRC, connect to the irc.freenode.net server and use the /list command to see the desired channel. There are a lot of channels, but the one that interests us most is the #jquery channel and #javascript channels. There a lot of people online looking for answers and a lot of people answer the questions, so you will get help instantly!

Digg in and happy chatting!

HTML5 vs Android

A movie about HTML 5 awesomeness. Awesomeness that resides in universality.

I belive that in one day human race will have houses with walls consisting of glass panels (or halograms, it's all about tastes, I think), houses in where people will evolve, grow, learn, play, make sport, travel, live and work. Chambers imbued of augmented reality.

Reality that will put the person in connection with the all other persons, creating a single earth-sized macro-organism. This will give us, the humans, an incredible intelligence power. This augmented reality will have as blood... what else? The internet. The internet built with JavaScript.

A video on JavaScript

I have found a video! JavaScript power, key aspects, tips and what is behavioral programming. Love to learn JavaScript!

Top comments:

A must see video for every javascript developer.

Yes, love of javascript must be learned.

I try to learn javascript since two years, this video feel the AHA! moment of the javascript. A must must see.

Look up the channel to find other cool things.

jQuery Debugging Tutorial

We all now how it’s like having an issue in javascript/jquery. It’s really frustrating, it might be a time-consumer, and only after hours you realize that you forgot to add an extra [0] or a surplus var to actually make it work. If you are new, or even intermediate in jquery, maybe you need to pick an eye on structured troubleshooting or debugging. Read and learn how jquery is debugging. ‘Nough talk, go:

http://fixingthesejquery.com

Hint: You probably didn’t read the instructions, you just skipped the info. Well, use the arrow keys from your keyboard. Just press them, alright?

Hint 2: You probably wander how many slides are there left. Dunno, I didn’t actually finished reading, but, God, are there many?

Why ++[[]][+[]]+[+[]] evaluates to “10″ in JavaScript

Yes, you got it right. What the heck am I writing about? Did my cat just walked on the keyboard? No.

It’s just a particular thing, a curiosity. Here it is on stackoverflow. It’s about this ++[[]][+[]]+[+[]] line. Nothing special about it, except it doesn’t generate any errors, it’s valid, and much more, it returns “10″ in JavaScript!

Article here. Check out the comment. It’s funny. Yeah, we see what you mean there…

11 Mistakes You Make in JavaScript

Another great tutorial on the 11 most popular mistakes in JavaScript, pretty good stuff.

JavaScript is relatively easy to learn. However, gotchas abound in this tricky language. Are you sure that you’re not following any bad practices? Today, I’ll point out ten big mistakes you could be making.

Mistake 1 – You’re Using Global Variables
Mistake 2 – You’re Not Using Semicolons
Mistake 3 – You’re Using ==
Mistake 4 – You’re using Type Wrapper Objects
Mistake 5 – You’re not Property-Checking when Using For-In
Mistake 6 – You’re Using with or eval
Mistake 7 – You’re Not Using a Radix When Using parseInt
Mistake 8 – You’re Not Using Braces on if and while statements
Mistake 9 – You’re Adding Elements to the DOM Individually
Mistake 10 – You’re Not Learning JavaScript
Mistake 11 – You’re Following all the Rules

Original article on nettuts.

What is the JavaScript Closure

Closures Are Not Magic! We used, but... what exactly are them?

Right here: http://web.archive.org/web/20080209105120/http://blog.morrisjohns.com/javascript_closures_for_dummies

Design Better JavaScript APIs

Here’s another great article on JavaScript designing!

At some point or another, you will find yourself writing JavaScript code that exceeds the couple of lines from a jQuery plugin. Your code will do a whole lot of things; it will (ideally) be used by many people who will approach your code differently. They have different needs, knowledge and expectations.

Read all about it here, on http://coding.smashingmagazine.com site!

15 Pure CSS3 Games

No JavaScript! And that makes the games so incredible built!

• CSS Panic – Don’t Kill the Innocent Snakes.
• CSS3 Of the Dead – Shoot the zombies disguised as Policemen.
• Noughts and Crosses
• Baseball – Your very own favourite Baseball.
• Car Racing – Make sure you don’t bash against the obstacles.
  (Source on Github)
• Cow Click Shooting
  (Source on Github) – Cows are innocent.
• Tic Tac Toe
• Simple Puzzling CSS – This game might be confusing at first, make sure you read the description . The idea is just fantastic!
• Yet Another Tic Tac Toe
• Maze Puzzle – Simple Maze Puzzle.
• Dark Maze Puzzle – I dare you to complete the maze in darkness.
• Crossing Over the Bridge – Cross over the river via a bridge and save yourself from sharks!
• Pure CSS3 Bitmap Graphics – OK, this is not a game, but maybe someone could make use of it to develop Super Mario in CSS someday!

We’ll be seeing you in Workshop, time to put CSS3 to the test!

Original article here.

Top SVG JavaScript Libraries

I’ve been looking into SVG thinggies and I was wondering… sure there are some javascript libraries. With a simple google search, I’ve found an excellent article with top SVG javascript libraries. Here they are. Look into them if interested. And I promise you a project using one of these cool stuff.

• Raphaël 
• svgweb 
• Processing.js
•  dojox.gfx
•  ExplorerCanvas
•  SVGKit
•  PlotKit
•  JSDrawing
•  VectorGraphics
•  jQuery SVG
•  PERGOLA

Original article here.

How To Learn

How about learning something… the easy way? There is an easy way, isn’t it? When books are becoming dull, text phrases melt in each other giving you a black and white soup of confusion and non-reality, perhaps you want to try a different approach. Approach based on a brain curiosity.

Scientist often find a lot of differences and similarities between human race and apes. One of the up most difference was about sharing information. While apes mimic, human talk. While is this up most difference? Because this information exchanging method, we were able to change information much faster than apes, we develop a language, that actually defined us as specie, and contribute becoming… humans.

So, in other words, we actually learn faster by communicating and not by mimic in silence. Communicating and hearing explains will activate the part of the brain responsible with "catching things", if you know what I mean to say. When can’t concentrate on reading, that’s no biggie, really. You can use audio / video files.

As a beginner in JavaScript or any other programming language, maybe you will be interested in some video tutorials. Well, I will recommend to search on youtube some learning channels, ie. "the new boston". The channel has various tutorials, you will find them very basic. The one on HTML/CSS and JavaScript worth watching.

Start learning today!