background preloader

When can I use...

Mega Collection Of Cheatsheets for Designers And Developers Cheatsheets and various quick reference guides are available for almost any type of software and language these days. Unfortunately they’re not always easy to find when you actually need them. This is why I decided to take some time to gather up as many as possible and share them with you here! Hopefully this can be a timesaver for you, along with teaching you a new trick or two. The resources have been divided into various categories to make them easier to find. Below are more than 100 cheat sheets and reference cards for the following topics: CSS3 Cheat Sheet ↓ CSS2 Visual Cheat Sheet ↓ CSS Cheat Sheet (V2) ↓ Css Property Index ↓ BluePrint CSS ↓ HTML 5 Cheat Sheet ↓ HTML5 Canvas Cheat Sheet ↓ HTML5 Glossary ↓ HTML Character Entities Cheat Sheet ↓ Color Codes Matching Chart HTML (Convert CMYK, RGB Hex) ↓ Javascript JavaScript Cheat Sheet ↓ Javascript DOM ↓ JavaScript Reference Card ↓ jQuery 1.4 API Cheat Sheet ↓ jQuery selectors ↓ jQuery 1.3.2 ↓ jQuery 1.3 ↓ jQuery 1.2 ↓ Mootools 1.2 Cheat Sheet ↓ MySQL

15 sites web developers and designers should know - CatsWhoCode.com Creating a good website isn't an easy task, but there's a few tools that can definitely make your developer or designer life easier. In this article, I have compiled 15 extremely useful website that any web developer or web designer should have bookmarked. ColorCombos When designing a website, one of the firsts (and most important) steps of the process is to choose a color scheme. LIpsum Who doesn’t know the extremely popular Lorem Ipsum text? What the font? You just saw a logo or website using a particular font and you enjoyed it. ConvertIcon Favicons are a must have for any website, mostly because on modern browsers as such as Firefox, it is displayed along with the site name in tabs. BgPatterns background Patterns is definitely one of the current webdesign trends. HTML Encoder Do you display code on your website? Test Everything Sprite Generator CSS Sprites is definitely a great technique to use, mainly because it reduces the number of HTTP requests. Load Impact IconFinder TypeTester CSS Tidy

The BIGGEST ever list of design resources! : : ProofHQ - Product Blog - StumbleUpon Following the huge success of last year’s “World’s Biggest Ever List of Graphic Design Blogs”, we’ve decided that we should turn it into an annual event – after all, more people than ever before are blogging and the talent pool continues to grow. This year, we’ve added in some additional categories including typography and image sourcing sites to help you along your way. The list is at least 40% larger than last year and is the one stop shop for all that you could need in terms of inspiration, reference material or tools for you to use. So, without further ado, ladies and gentlemen…. drum-roll please! Graphic Design 1stwebdesigner Blog by Dainis Graveris in Latvia covering all things design and freelance. 2expertsdesign A blog filled with tips – whether it’s graphic design, logo design, web design, advertising, branding or typography. 456 Berea Street Blog from Roger Johansson containing articles and tutorials on web standards, accessibility and usability. 72dpi Graphic design inspiration.

The Top 15 Google Products for People Who Build Websites - StumbleUpon Google’s strategy of empowering site developers and owners with free and valuable tools has proven to be effective in garnering a fair bit of geek love for the company. But this affinity to Google by technology enthusiasts is not without warrant—they really do make excellent products that can be instrumental in building, maintaining, and improving websites. What’s more, they’re all usually free. Check out some of the best Google products for developing, analyzing, maintaining and tinkering with websites. 1. Google Chrome Developer Tools Most developers know the advantages and convenience of testing and debugging in a web browser. Google Chrome, the latest major entry in the web browser market, has a robust, capable, intuitive, and downright helpful suite of tools geared for developers comparable to—and some might even argue, better than— web development tools such as Firebug. 2. 3. Google Web Toolkit is a development framework for web application developers. 4. 5. 6. 7. 8. 9. 10. 11. 12.

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

50 Fresh and Inspiring Dark Web Designs 1164 shares 20 Fresh Examples of Color Usage in Web Design Colors are very important to print, graphic and web design. Read More 1908 shares 30 Excellent Examples of Color Usage in Web Design Choosing the right color scheme for a web design is extremely important. 40 Useful Online Generators For Web Designers - Noupe Design Blog Oct 11 2010 Generators 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. Below are some useful generators to help you speed up your web design process. There’s everything from color scheme tools to complete layout generators included. If you know of other useful generators out there, please share in the comments! Color Schemes A good color scheme is the cornerstone of a good website design. Color Scheme Designer 3Color Scheme Designer 3 has a really fantastic user interface that’s both attractive and easy to use. ColorSchemer Online V2ColorSchemer lets you create color palettes around RGB or HEX values, or using a color selector tool. KulerAdobe’s Kuler is one of the best color scheme tools available, with multiple options for both creating and finding color schemes. Layouts There are CSS generators for almost everything.

Related: