I have came up with this method recently while thinking of a nice effect to create for my blog’s main menu.
“It should be cool” I thought. Then I remembered my old days of flash, when I used to create menu items which vertically roll and change to different text style when hovered on. The point was to make it with only using only with CSS and minimal DOM as possible.
validation, styling & semantics of forms
This post is about web forms and how they should be coded, validated, and styled (the proper way). The javascript validation code is based on jQuery, but in the future will be non-library dependent. The Validator is cross-browser and will give you the power to use future-proof input types such as ‘tel’, ‘email’, ‘number’, ‘date’, and ‘url’. I can sum this as a ‘template’ for creating web forms.
Getting started with Notepad++
Notepad++ is my favorite editor, and no doubt by many others. It’s extremely light on memory usage, but at the same time provides massive power to us coders with lots of tools, plug-ins, manipulations and keyboard shortcuts that really makes work easier and more fun.
In the past I used to work with Dreamweaver (ages ago), Eclipse, Aptana, netBeans, visual studio, whatever. Most are heavy and also cost money. It’s not for me to remedy your ways of coding, and I would even make a recommendation for the exquisite VIM editor which is the best out there.
Sticky floating box
This is a jQuery plugin I wrote back in 2009. It's highly useful for side menus that you wish to float or to be "stuck" on screen as the user scrolls around your website. It's funny because I still get fan mail for making this plugin, so I recently re-released it with extra features, so check it out.
iPhone-like iOS5 toggle buttons
I love the buttons on the iPhone iOS-5, they are so cool, with their round trigger instead of the blocky older one introduced on the previous versions. I thought these toggle buttons would work nice as a checkbox, and with some CSS3 magic it can look pretty much identical to the iOS ones. although with a severe Chrome bug, I wouldn’t think the implementation would work on Chrome for while
Client-side apps statistics
So you have your own application now, you’re a big important person with lots traffic and eye balls directed on your web application everyday. Statistics are crucial for you.
Read more…Sudoku game in Javascript & HTML5
This Sudoku game was started as a personal project to bring me back on track with web development after spending months traveling and not using a computer all this time. I thought I forgot most, but it seems getting back to business took less time than I thought, and was also fun process.
I wanted to build a Sudoku game in pure JS, after playing lots of Sudoku on my iPhone. At the beginning the game was simple, I managed to create a board with random numbers which followed the rules of the game:
connect-four game in javascript
I always wanted to created a connect4 (some call it connect-four) game in javascript. As always, performance are vital in the design of this game (for me at least). Its never about getting stuff to work, that is boring. It’s only about how to make stuff THE BEST you can. Quality if of the essence.
CSS3 peppered bullets
One day I was coding an un-ordered list, which was supposed to have a “classic” look & feel, with round default disc bullets, and then a thought accrued to me. why are bullets not interacting with the user? it would be cool if a bullet would look bigger when the user hover over a list item, but only on the text itself.