15 sites web developers and designers should know 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. Color Combos allow you to browse thousand of different colors combinations for getting inspired for your upcomming design. 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 Load Impact IconFinder
MySQL Commands This is a list of handy MySQL commands that I use time and time again. At the bottom are statements, clauses, and functions you can use in MySQL. Below that are PHP and Perl API functions you can use to interface with MySQL. To use those you will need to build PHP with MySQL functionality. To use MySQL with Perl you will need to use the Perl modules DBI and DBD::mysql. Below when you see # it means from the unix shell. To login (from unix shell) use -h only if needed. # [mysql dir]/bin/mysql -h hostname -u root -p Create a database on the sql server. mysql> create database [databasename]; List all databases on the sql server. mysql> show databases; Switch to a database. mysql> use [db name]; To see all the tables in the db. mysql> show tables; To see database's field formats. mysql> describe [table name]; To delete a db. mysql> drop database [database name]; To delete a table. mysql> drop table [table name]; Show all data in a table. mysql> SELECT * FROM [table name]; Show unique records. Sum column. or
8 useful sites for web developers Min.us: The easiest way to upload images Any developer, designer or webmaster have to share images online with clients and co-workers. Min.us is an all new service that allow you to upload images extremely easily: Just drag and drop them into Min.us and the image will be saved on their servers. A short url will be automatically created so you can share it across the web.» Visit Min.us Wirify: Transform any web page into wireframes Wireframes are extremely useful when designing a website. CSS Resetr: View and compare CSS resets CSS resets are a must have in any stylesheet in order to render differences between browsers. Head JS: Speed up your site with 2.30 kb of Javascript Head JS is a simple and light (2.3 kb) script that will make your site faster by loading other scripts as images. Copy Paste Character: Use special characters with ease Special characters are often a pain to deal with, because they’re not on your keyboard, and because you don’t know the related ASCII code.
HTML5 Canvas Cheat Sheet There are cheat sheets for just about anything out there but I couldn't find one for the HTML5 canvas element, so I decided to do something about that, mostly for my own sake but if other people find it useful that's just all the better. The information is pretty much just a copy of what is found in the WHATWG specs, just condensed and hopefully a bit easier to read. There are virtually no explanations, however, and no examples other than some graphics for compositing values and a few other things (the appearance of which is very much inspired by those found in Mozilla's examples). So, it's basically just a listing of the attributes and methods of the canvas element and the 2d drawing context. Choose between a 2 page PDF document or a PNG file. Corrections and comments are welcome!
useful online code editors Amy Editor Created in 2007 by Petr Krontorád, Amy Editor is an advanced editor with a look and feel of a Mac. Amy Editor features lots of useful options, such as line numbers, syntax highlighting, snippets for more than 20 languages, collaboration, and more. Amy can edit, save and export files. It can also manage projects. » JSBin As you can guess, JSBin is an online text editor primarily focused on Javascript. » Bespin Using HTML5 quite intensively, Bespin is a new project from Mozilla Labs. » Kodingen Kodingen is another great online editor, probably one of the most powerful tool on this whole list. » EditPad Unlike the first few editors featured in this post, EditPad is simple and minimal. » TypeIt TypeIt isn’t a code editor and I hesitated to feature it in this post. » PractiCode PractiCode is a very basic code editor. 9ne »
Ubuntu Cheat Sheet With the Ubuntu 8.04 release a few days away, there comes a time when one needs an end-all reference to the system. The time is now, and if you're an Ubuntu user and liked the original cheat sheet, then do we have a surprise for you: Click the preview above to download your PDF copy. This sheet is free to modify and redistribute for your own needs; we just ask that you keep the FOSSwire logo on the page. License: Creative Commons Attribution-Share Alike 3.0 Unported. If you haven't seen the previous sheet or would like one with more general Linux and Unix commands, see the original. Translations: As always, we're open to more translations and fixes. Jacob Peddicord - Jacob is a web developer, student, and programmer from Ohio.
How to Encrypt Your Internet Traffic | OMNINOGGINOMNINOGGIN This is the coolest trick I learned while working at Blinkx. At the time, our management really hated when we go on any type of instant messaging applications. I also suspected that our messenger conversations and other internet activities were being monitored. I was pissed so this is what I did to combat their nosiness. Open an SSH Tunnel to a Remote Machine There are a couple ways you can do this (one through Putty and one through Cygwin). Download and install Cygwin. That’s it! There are two ways to get this done. If you want to pay to do it the easy way, you can use programs like ProxyCap to handle all of your traffic routing. Configuring Firefox to Use Your Tunnel Go to Tools > Options > Advanced (button) > Network (tab) > Connection > SettingsConfigure your Proxy settings like the image below: Click “OK” and you are set! Testing Firefox Proxy In the web browser, check that your IP is different from before you tunneled your traffic by using cmyip. Configuring AIM to Use Your Tunnel
The Freelancer’s Toolset: 100 Web Apps for Everything You Will Possibly Need Posted by nitzan on Thursday, May 10th, 2007 Running a business for yourself means you have to be inventive and always on the lookout for a new and better way to get things done. Innovation junkies, take note: the Internet has a lot to offer. From invoicing to marketing, these are tools that freelancers need to know about. Organization If you’re busy with lots of client work, it’s easy for things to get out of hand. Backpack: Get your projects organized by using Backpack. Calendars & To-Do Lists Client meetings, important events and a never-ending list of things to do can wear you down if you can’t make them manageable. Your Money Money is what keeps your freelance business going, but managing it can be tedious and time consuming. InstaCalc: InstaCalc is a web based calculator with lots of bells and whistles including spreadsheet capabilities, unit conversions and programming commands. Storage Do you have too many client files clogging up your hard drive? Project Management & Productivity
Play Caesar: Travel Ancient Rome with Stanford’s Interactive Map Scholars of ancient history and IT experts at Stanford University have collaborated to create a novel way to study Ancient Rome. ORBIS, a geospatial network model, allows visitors to experience the strategy behind travel in antiquity. (Find a handy tutorial for using the system on the Web and YouTube). Aside from the site’s interactivity, there’s enough discussion in ORBIS about ancient Roman transport to satisfy the biggest history buff but the real fun is in exploring how people and goods were moved across the empire.