background preloader

Web Forms

Web Forms
You are here: Home Dive Into HTML5 Diving In Everybody knows about web forms, right? Make a <form>, a few <input type="text"> elements, maybe an <input type="password">, finish it off with an <input type="submit"> button, and you’re done. You don’t know the half of it. HTML5 defines over a dozen new input types that you can use in your forms. Placeholder Text The first improvement HTML5 brings to web forms is the ability to set placeholder text in an input field. You’ve probably seen placeholder text before. When you click on (or tab to) the location bar, the placeholder text disappears: Here’s how you can include placeholder text in your own web forms: Browsers that don’t support the placeholder attribute will simply ignore it. Ask Professor Markup Q: Can I use HTML markup in the placeholder attribute? Autofocus Fields Web sites can use JavaScript to focus the first input field of a web form automatically. Here’s how you can set a form field to autofocus: What’s that? Autofocus with fallback

A Guide to the New HTML5 Form Input Types There’s a plethora of new HTML5 form input types (13 new ones to be exact) that make creating engaging and easy-to-use web forms much easier for web designers. The new HTML5 input types give us data validation, date picker controls, color picker controls, inline help text, and more in the web browsers that support them. Advantage of HTML5 Form Input Types The benefits of these new input types are tremendous for web designers. First, the new input types reduce our reliance on client-side- and server-side-scripting for validating common data types like dates, email addresses, and URLs. For mobile UI developers: You know that creating cross-platform web forms using HTML4 standards is a pain. For instance, a form written with HTML5 can utilize the mobile device’s native specialized keyboards depending on what the target input type is. Here’s an example of using HTML4 input types (on the left) for entering dates in a web form versus using the HTML5 date input type (on the right): url Input Type

free tutorials Have you ever read through a chapter in one of those Learn Such and Such in 21 Seconds books and realized that somewhere along the way you had started daydreaming about how you would spend a trillion dollars if you were Bill Gates? Well, it happens to me all the time. Computer books are boring. In fact, most technical writing out there bites the big one and there's no sign that the situation is going to get any better in the near future. The really unfortunate thing about this predicament is that now, more than any other period in the history of computing, is when we really need good, clear writing out there. Whether the established priesthood of computer science likes it or not, the web has opened the flood gates and computer science is being secularized post haste. Well, the fact is that most people learning how to make a living on the web are not morons and if given the proper instructions can do just about everything they want to with their web sites, if not more.

» 30 More Essential PDF Documents Every Designer Should Download Positive Space 30 More Essential PDF Documents Every Designer Should Download It has taken me almost an entire year to compile, but I have finally created a followup entry to the original “30 Essential PDF Documents Every Designer Should Download” Article. The original was the most popular article I have ever posted on this blog receiving well over 500,000 unique views – fueled by twitter referrals and stumble upon. Free eBooks & Manifestos Get a Design Job! Taking Your Talent to the Web – Jeffery Zeldman 279 Days to Overnight Success – Chris Guillebeau The Vignelli Cannon – Massimo Vignelli The Bootstrapper’s Bible – Seth Godin Testify: How Remarkable Organizations are Creating Customer Evangelists – Ben McConnell & Jackie Huba The Design Funnel: A Manifesto for Meaningful Design – Stephen Hay A Call to Arms: Twelve Proclamations of a Win Without Pitching Agency Ten Tests of Your Positioning Presentations Icon Design – Jon Hicks Design Control – Khoi Vinh Writing Maintainable CSS – Natalie Downe

8 Ways to Create a Secure Login Script in PHP and MySQL Edit Article Eight Parts:Configure Your ServerConfigure the MySQL DatabaseCreate Database Connection PageCreate the PHP FunctionsCreate Processing PagesCreate Javascript FilesCreate HTML PagesProtecting PagesCommunity Q&A Nowadays, with more and more stories of cracking in the news, developers are looking for the best ways of securing their sites. If your site has a member system, it could be at risk from being cracked and your users' data could be compromised. This guide will show you one attempt at making a secure login using PHP. Writing a login system is a complex topic and not something to be undertaken by those who are not intimately familiar with a wide variety of security topics. Following this guide will help guard against many types of attack that crackers can use to gain control of other users' accounts, delete accounts and/or change data. We're continually trying to improve this script. You may also notice that we do not close PHP tags in files containing only PHP code. Steps

12 Absolutely and Insanely Essential Utilities For Programmers In every era in recent times there has been one profession that for a short while you could enter without formal training. Autodidacts in the 19th century could read the law without recourse to formal education (see Abe Lincoln). In the early 20th century it was aviation. For a short while in the 1980s and early 1990s, it was computing, thanks to the release of the Apple IIe, the IBM PC and the Mac. Were it not for that Window® of opportunity, I hate to think what would have become of me. (Hey buddy, can you spare a dime?) As much as I continue to love to code 30 years later, there are a few aspects I hate: Doing a mundane task more than onceNot remembering how i fixed this problem in the pastLosing work to crashed disks or stupid irreversible revisionsNot being able to find subtle text differences in files. Hence, my 12 essential utilities…. Before We Begin I assume you have (and use)… If not, stop reading this list and go get em. # 1. That is, you type less and end up with better code.

120 Tips, Tricks, and Tuts from 2009 Worth your Time Now that we’re down to the end of 2009, what were some of the best web development and design tutorials and articles from the year? We’ll take a look at 120 of them! Jump to a Month January How to Build a Login System for a Simple Website In today’s video tutorial, we’ll be building a login system with PHP and MYSQL. Run Your Own TinyURL Service With Phurl Jan 13th, 2009 in Other by Thord Hedengren URL shortening services are a must if microblogging services like Twitter are to work. Slice and Dice that PSD In today’s video tutorial, we’ll be slicing up a PSD, dicing it for the web, and serving it on a warm hot plate. The Definitive Guide to Creating a Practical jQuery Plugin In this article weíre going to be building our very own jQuery plugin step-by-step from scratch; jQuery makes this task exceptionally easy for us, giving us a simple method of packaging up our scripts and exposing their functionality, and encouraging the use of scalable and reusable object-oriented techniques. February

Making A Cool Login System With PHP, MySQL & jQuery Martin Angelov Introduction Today we are making a cool & simple login / registration system. It is going to be PHP driven and store all the registrations into a MySQL database. To add the needed flair, we are using the amazing sliding jQuery panel, developed by Web-kreation. Step 1 – MySQL First we have to create the table that will hold all the registrations. table.sql CREATE TABLE `tz_members` ( `id` int(11) NOT NULL auto_increment, `usr` varchar(32) collate utf8_unicode_ci NOT NULL default '', `pass` varchar(32) collate utf8_unicode_ci NOT NULL default '', `email` varchar(255) collate utf8_unicode_ci NOT NULL default '', `regIP` varchar(15) collate utf8_unicode_ci NOT NULL default '', `dt` datetime NOT NULL default '0000-00-00 00:00:00', PRIMARY KEY (`id`), UNIQUE KEY `usr` (`usr`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci; Notice that we’ve defined the id as an integer with auto_increment – it is automatically assigned to every site member. Step 2 – XHTML demo.php

The Tao Of Programming Translated by Geoffrey James Transcribed by Duke Hillard Transmitted by Anupam Trivedi, Sajitha Tampi, and Meghshyam Jagannath Re-html-ized and edited by Kragen Sittler Last modified 1996-04-10 or earlier Table of Contents Book 1 - The Silent Void Thus spake the master programmer: ``When you have learned to snatch the error code from the trap frame, it will be time for you to leave.'' Something mysterious is formed, born in the silent void. If the Tao is great, then the operating system is great. The Tao of Programming flows far away and returns on the wind of morning. The Tao gave birth to machine language. The assembler gave birth to the compiler. Each language has its purpose, however humble. But do not program in COBOL if you can avoid it. In the beginning was the Tao. Programmers that do not comprehend the Tao are always running out of time and space for their programs. How could it be otherwise? The wise programmer is told about Tao and follows it. The highest sounds are hardest to hear.

10 CSS Snippets to Save Precious Time | Blog Oh Blog Today, I have compiled a set of 10 CSS snippets that can save you a lot of time and effort. These codes are needed frequently when developing CSS-based websites or themes. Just bookmark these codes (Ctrl + D) so that you don’t have to look for them on the Internet every time. 1. Through this code, you can have your own tooltips using just CSS. Now, use the tooltips like this :- [html] Easy TooltipThis is the crazy little Easy Tooltip Text.. 2. HTML tags on different browsers have their own formatting and styling. 3. This code will add different color borders around your assets depending on its level. 4. You can easily center a DIV by using margin:auto; property when you have mentioned its width in your CSS. 5. Instead of using any kind of JavaScript to add a loading icon before your large image is loaded, you can use this simple CSS technique. 6. In case you need to preload images before the loading of your page completes, use the following technique. 7. 8. 9. 10.

PHP Tutorials Examples Basic Login Authentication with PHP and MySQL Contents Abstract This tutorial is an attempt to show how to put together a basic user authentication system using PHP and MySQL. To begin with you will need to have the PDO MySQL drivers configured into your PHP build as we will be using this to interface with the database, rather than the old PHP MySQL extension. PDO provides a standard OO interface for databases. Where do I begin? Like all things, we begin with the basics. Whiteboard Create user databaseCreate login formValidation of form contentsConnect to databaseCompare login values to the database valuesSet a session variable if we are successful Create a user database Before we can do anything, we need to create a database to hold the user login username and password. Next, create user to use the database so you dont need to use root. mysql phpro_auth -u root -p When you have logged into the database, use this command to create a generic username and password. Adding Users <? /*** begin our session ***/session_start(); <? Logging In if(! ?

Free Books A lot of people keep asking about a good list of programming books. Hence, we are building this list to save your time and to spread the knowledge. Some of these books will definitely help us to evolve our coding skills and thought processes for developing better solutions. We will do our best to keep updating this list, hope you find this list useful, here we go. Meta-List Graphics Programming Language Agnostic: NerdDinner Walkthrough Assembly Language: Bash Advanced Bash-Scripting Guide See .NET below Django Emacs The Emacs manual Thanks Emacser (October 17, 2010) Forth Git Haskell Dive Into HTML5 Java JavaScript Linux Advanced Linux Programming Lisp Lua Programming In Lua (for v5 but still largely relevant) Maven Mercurial NoSQL CouchDB: The Definitive Guide Objective-C The Objective-C Programming Language Parrot / Perl 6 Perl 6 (Work in progress) Perl PowerShell Mastering PowerShell Prolog PostgreSQL Practical PostgreSQL Python Learn REBOL Thanks Nick (October 19, 2010) Ruby Scala Scheme Smalltalk Subversion Vim

Build Internet! | Web Design, Development, and Business