background preloader

Hatadu

Facebook Twitter

Duy Nguyen

CSS Transitions: A Simple Way To Delight Your Visitors. We all want our designs to be functional and usable.

CSS Transitions: A Simple Way To Delight Your Visitors

We want visitors to easily complete tasks and find what they want. Underscore.js. Php - Converting a unix time stamp to twitter/facebook style. Another variation on the "time ago" PHP function, use MySQL's datetime field type - PHP Programming - Web Development. I was recently looking at writing a function to format the comment post times in the ever trendy "time ago" style... such as; Matt posted 6 days 3 hours ago Naturally I first scoured the web for an appropriate existing PHP function, and I came across this one; (dead link).

Another variation on the "time ago" PHP function, use MySQL's datetime field type - PHP Programming - Web Development

Dates in PHP and MySQL. I see a lot of people on forums and on my training courses asking about the best way (or any way) to manage dates stored in a MySQL database and used in PHP.

Dates in PHP and MySQL

Three options follow, but first the problem. PHP uses unix timestamps for all its date functionality. It has methods to convert these timestamps into pretty much any text format you could want but internally it uses the timestamp format. A timestamp is simply an integer. Massive Compilation of Designer Tools. Web designers have a wealth of tools available to them, for doing everything from organizing their thoughts about a particular design to debugging the final design.

Massive Compilation of Designer Tools

But with so many tools out there, how do you ever determine which ones are really useful and which ones are just going to waste your time? We’ve compiled a massive list of some of the best and most useful tools out there for web designers. Purposely left off the list are common tools most designers are likely already using (like Dreamweaver or Panic’s Coda, Photoshop or GIMP, and similar common software programs that pretty much every designer already has in their toolkit). Lessons From A Review Of JavaScript Code - Smashing Coding.

Advertisement Before we start, I’d like to pose a question: when was the last time you asked someone to review your code?

Lessons From A Review Of JavaScript Code - Smashing Coding

Reviewing code is possibly the single best technique to improve the overall quality of your solutions, and if you’re not actively taking advantage of it, then you’re missing out on identifying bugs and hearing suggestions that could make your code better. None of us write 100% bug-free code all of the time, so don’t feel there’s a stigma attached to seeking help. Some of the most experienced developers in our industry, from framework authors to browser developers, regularly request reviews of their code from others; asking whether something could be tweaked should in no way be considered embarrassing. Periodic Table of the Elements - Josh Duck. Chrome Developer Tools: Overview - Google Chrome Developer Tools - Google Code.

Learning Javascript with Object Graphs. HEADS UP!

Learning Javascript with Object Graphs

This article was written for an older version of node. More up-to-date information may be available elsewhere. One of the secrets to being a super effective JavaScript developer is to truly understand the semantics of the language. This article will explain the basic elemental parts of JavaScript using easy to follow diagrams. References Everywhere A variable in JavaScript is simply a label that references a value in memory somewhere.

Local Variables. CSS Sprites: Image Slicing’s Kiss of Death. Back when video games were still fun (we’re talking about the 8-bit glory days here), graphics were a much simpler matter by necessity.

CSS Sprites: Image Slicing’s Kiss of Death

Bitmapped 2-dimensional character data and background scenery was individually drawn, much like today’s resurgent pixel art. Hundreds and later thousands of small graphics called sprites were the building blocks for all things visual in a game. Using the memcached telnet interface. This is a short summary of everything important that helps to inspect a running memcached instance.

Using the memcached telnet interface

You need to know that memcached requires you to connect to it via telnet. The following post describes the usage of this interface. Get To Know Linux: The /etc/init.d Directory. If you use Linux you most likely have heard of the init.d directory.

Get To Know Linux: The /etc/init.d Directory

But what exactly does this directory do? It ultimately does one thing but it does that one thing for your entire system, so init.d is very important. The init.d directory contains a number of start/stop scripts for various services on your system. Logo design tutorial. When a company starts, the image is often one of the things that can impulse the acknowledgment of the business existence around their area of influence.

Logo design tutorial

A company’s image primary consists of the logo, the stationery, presentation cards, mail templates and even digital signatures. Once the company starts to gain reconnaissance, other elements are developed, such as the website, social networks and others. On this tutorial we will be focusing our attention on one of the main elements of any company’s image, the logo.

Using Adobe Photoshop we are going to show you how to design a logo that works both in communication and aesthetic levels. 1. Responsive Web Design, The most complete Guide. Online Skin Builder for DHTMLX Component Library. How to use DHTMLX Skin Builder DHTMLX Skin Builder is a tool which helps you to define any color schema for the interface of your application based on DHTMLX components (both Professional and Standard editions). You can choose some preset color scheme from the available list or create your own. When editing skin colors you need to press Apply button to see the result. When you choose a preset, the preview will be reloaded with new settings automatically. To view the result in full screen mode, use the button on top right corner of the preview frame. Howto: Linux Add User To Group. How can I add a user to a group under Linux operating system using command line options?

How to add an existing user into a group in Linux using command line options? You can use the useradd or usermod commands to add a user to a group. The useradd command creates a new user or update default new user information. The usermod command modifies a user account and it is useful to add user to existing groups. There are two types of groups under Linux operating systems: Build seven good object-oriented habits in PHP. Make your PHP applications better with object orientation Nathan GoodPublished on October 28, 2008 In the early days of PHP programming, PHP code was limited to being procedural in nature. Procedural code is characterized by the use of procedures for the building blocks of the application. CSS input boxes and submit buttons. The days of bland web pages with ugly text and layout are long gone, but the parts that make up a form have largely remained unchanged. Awesome Free Design & Developer Resources.

Chapter 4. Branch Wizardry. Chapter 4. Branch Wizardry Instant branching and merging are the most lethal of Git’s killer features. Problem: External factors inevitably necessitate context switching. A severe bug manifests in the released version without warning. The deadline for a certain feature is moved closer. Git-SVN Low-Risk Practice. How can I make a redirect page in jQuery. jQuery history plugin. Fallr. Simple Rules To Make CSS More Readable. Solutions: Add InvalidHandler after jQuery validator initialization. If you have a problem where you need to add the option 'invalidHandler' to your jqueryValidate (jQuery Validation Plugin) after it has been initialized, this is how it can be done:$(document).ready(function(){ $("#contactForm").bind('invalid-form.validate', function(event, validator) { alert('validation failed!

'); } );}); Note: invalidHandler will be called when validation of form fails on submit (e.g. values for a field is missing or such). Web development - The Definitive Guide To Forms based Website Authentication. Wordnik/swagger-core - GitHub. Autocomplete Demos. Yii Framework: Best for Web 2.0 Development.

Taggable. Note: Latest release and documentation are available from extension GitHub page. This extension allows active record model to manage tags. Resources ¶ Discuss Documentation ¶ Taggable Behavior Allows active record model to manage tags. Installation and configuration ¶ CActiveRecord. Working with Databases: Query Builder. The Yii Query Builder provides an object-oriented way of writing SQL statements. 10 Must Read Free Ebooks for Web Designers. Web design trends are constantly changing and so is the way information is shared over the web. Help.

Prototyping