Making A Cool Login System With PHP, MySQL Martin Angelov Introduction Today we are making a cool & simple login / registration system. It will give you the ability to easily create a member-only area on your site and provide an easy registration process. 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; Step 2 – XHTML demo.php demo.css
Free Printable Sketching, Wireframing and Note-Taking PDF Templates - Smashing Magazine Advertisement Sketching and wireframing are a specialized style of drawing, used for fleshing out preliminary complex ideas, group brain-storming, a lo-fi method for evaluating interaction concepts, and as a way of roughly perfecting a design technique. Sketch and wireframe paper is essentially drawing paper that is designed specifically for this purpose. You could use it for web page design, web app design, architectural or structural design, graphic design, movie direction, animation… basically any type of design that needs a physical creative outlet or group collaboration. Not all sketch and wireframe sheets are universal, most are specialized for a particular medium, such as storyboards and specialized grid paper (axonometric perspective templates). Below you will find a concise collection of ready to print sketching, wireframing and note-taking templates. You may be interested in the following related posts: Wireframing and Sketching Paper Wireframe Print and Sketch Template17 Calendars
70 Professional Fonts For All Design Life Situations Choosing the right fonts for your design is very important. This gives your viewers an impression on what you promote or convey. Choosing of fonts can also be an art, and fonts can also be in style. In this article, I will give you the best fonts you can download and use to make your designs look clean, professional but stylish. The fonts you will see below are the fonts we can consider as clean, professional but stylish. 1. by: Shawn Griswold To download Gris font, click here. 2. by: Lauren Thompson To download Champagne & Limousines font, click here. 3. by: haef To download Capsuula font, click here. 4. by: Gabriel Mark Perida To download Gabriel Serif font, click here. 5. by: eM-Vii aka Manuel Viergutz To download Hand Times font, click here. 6. by: The League of Moveable Type To download League Gothic font, click here. 7. by: Fresko Design To download Fresko font, click here. 8. by: arro To download Vegur font, click here. 9. by: Tension Type To download Leander font, click here. 10. 11. by: Jan Paul
50 Powerful Time-Savers For Web Designers - Smashing Magazine Being a web designer is not easy. Not only do we need to have a good understanding about visual design, typography, information architecture, psychology and a plethora of other disciplines; in our work, we need to take care of so many details, so that our job becomes more and more time-consuming, requiring dozens of tools, attention span and an effective workflow for beautiful, timely and functional results. And this is where small time-savers become handy. Be it a handy checklist, batch installer, dummy image generator or converter from Excel spreadsheet to HTML — all these things can save us a couple of minutes every day, making our work easier and more efficient. You may want to subcribe to Smashing Magazine’s E-Mail Newsletter1 (32,600 subscribers) to keep updated about new useful tools, techniques and resources. Time-Savers For Web Designers Link LaunchList2This tool helps you review important items before the big launch. Bounce11A fun and easy way to share ideas on a website.
Ninja UI Freebies | Web Design Ledger 599 shares 8 Must Have Free Fonts for your Designs Need some fresh fonts for your new projects? We got your back. We are always searching for good resources for our readers, and fonts are our top priority. Read More 441 shares 9 Free Icon Sets to Diversify your Library Every designer needs to be ready to go wherever their projects take them. 960 shares 10 Best New Free Fonts We’ve been on the prowl for some new free fonts to share with you. 301 shares Spring Up your Designs with Some Free Flower Textures Textures are a good way to add personality, depth and interest to a design. 501 shares 30 Free Vintage Logo Templates Looking for some high quality vintage logos or insignias? 433 shares Exclusive Free Download: Vintage Infographic Elements Infographics are great for displaying information in a way that is easier to digest. 1149 shares 9 Free & Useful Fonts for your Designs Whether it’s PSD’s or icons, we love finding high quality free files and sharing them with our readers. 464 shares 773 shares
40 Online Generators for Web Designers Should Bookmark Online Generators for Web Designers can be a great way to save time in your web design projects. High-quality generators can create graphics or code or even layouts in a matter of seconds or minutes, things that might take an hour or more if done by hand. Online generator are those tools that help us to create those popular “XHTML valid” CSS banners, micro buttons or css website templates in seconds. In such cases online generators can be of great help which do the necessary job and some tools don’t have to be downloaded also. We all know that backgrounds play a crucial role in a design. Advertisement 1. XML /SWF charts are used to create attractive graphs and charts from XML data, Create a source either manually or generate dynamically then pass it to the XML chart’s flash file. 2. The web form generator from Web Form Factory automatically generates he necessary backend code to tie your form to a database. 3. 4. 256 Pixels 5. 80 x 15 brilliant Button Maker 6. 7. 8. 9. 10. 11. 12. 13. pForm
50+ Handpicked Free Photoshop Actions and Installation Guide Today I’m sharing a big collection of ready-made Adobe Photoshop Actions. If you don’t know what actions do in Adobe Photoshop, here’s its description. An action is a set of recorded commands that you may use on several images for a particular purpose. For example, you are getting a photo album ready for a website, and you have to sharpen, resize and add a few effects on every image. This article has a tutorial in the start which will teach how to add these actions into your Adobe Photoshop. To be honest, I should say that I haven’t checked all of these actions myself; but they all seem to be working. This is also an untouched topic at Designzzz. Tutorial Don’t know how to load actions into Photoshop?? Open the Actions palette. Click on Load Actions and browse to the ATN file. There you go, that’s all you need to do. Download All Actions Together Download this Freebie Simply enter your email address and the download link will be sent right to your inbox. Polaroid GENERATOR V1 by rawimage
15 Handpicked Fresh and Useful jQuery Tutorials jQuery has really simplified the work flow for web designers. Even someone with basic javascript understanding can use it. These tutorials are proof of that. In this post you will find 15 really useful jQuery tutorials that has been published in the previous month or so. Hope the readers learns something new with these tutorials . 1. Demo This tutorials shows how to create a slide out menu that stays on the left of the webpage. 2. Demo We have seen some sliding background with jQuery before. 3. jQuery AJAX Tabs Demo A neat, simple, fast jQuery tabs tutorial. 4. Demo This menu tutorial is in two parts and really an awesome menu tutorial. 5. Demo An easy to understand jQuery Pagination tutorial. 6. DemoIf you are thinking why would anyone one want to do this, here is an example: if you are running a music website, need people to vote for albums or lets say a wallpaper website, you can use the technique for this tutorial. 7. Demo Make getting back to top of the page fun and cool with this tutorial.
Make Better Websites - Inspiration & Showcase for Quality Design and CSS Websites Amazingly Creative Drawing Vs Photography This wonderful work has done by a very talented Belgian painter, illustrator, portraitist, caricaturist and photographer Ben Heine. This creative artist was born in Abidjan, Ivory Coast. He Studied graphic arts and sculpture and I also have a degree in journalism.