Category Archives: internet
Mega Collection Of Cheatsheets for Designers & Developers
Mega Collection Of Cheatsheets for Designers & 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:
CSS
CSS3 Cheat Sheet ↓
CSS2 Visual Cheat Sheet ↓
CSS Cheat Sheet (V2) ↓
Css Property Index ↓
BluePrint CSS ↓
HTML
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 ↓
Prototype Cheat Sheet ↓
PHP
PHP & MySQL for dummies ↓
PHP 5 Online Cheat Sheet v1.3 ↓
PHP5 Cheat sheet ↓
PHP Manual Quick Reference ↓
Printable PHP Security Checklist ↓
PHP Functions to work with MySQL ↓
MySQL
MySQL Cheat Sheet ↓
Handy Cheat Sheet of MySQL Commands ↓
Color/Fonts/SEO
HTML Colors Cheat Sheet ↓
RGB Hex Colour Chart ↓
Web Safe Color Chart ↓
The Browser-Safe Colors ↓
Megapixels Chart (and print size) ↓
Points to pixels conversion ↓
Web Safe Fonts v2 (including Google API) ↓
25-point Website Usability Checklist ↓
Webdesign for dummies ↓
The Web Developer’s SEO Cheat Sheet ↓
SEO for dummies ↓
Will the browser apply the rule(s)? ↓
When can I use? Compatibility tables (html5, css3 + +) ↓
CMS
WordPress Help Sheet ↓
The Advanced WordPress Help Sheet ↓
WordPress Theme Development Checklist ↓
WordPress Template Tags ↓
WordPress Optimization Cheat Sheet ↓
SEO for WordPress ↓
Drupal 7: The database ↓
Drupal 6 API Cheat Sheet ↓
Drupal for dummies ↓
Joomla 1.5 Basic Template Cheat Sheet ↓
Joomla for dummies ↓
Softwares
ActionScript 3.0 ↓
Adobe Flex3 ↓
Adobe Air Cheat Sheet ↓
Adobe Acrobat 9 Shortcuts ↓
Adobe Acrobat 8 Quick Reference ↓
Adobe Flash CS5 & Flash Catalyst for dummies ↓
Adobe Flash CS4 Shortcuts ↓
Adobe Dreamweaver CS5 – all in one for dummies ↓
Dreamweaver CS4 shortcuts ↓
DreamWeaver CS3 Reference Card ↓
Adobe Fireworks CS3 Quick Reference ↓
Adobe After Effects CS4 Cheat Sheet ↓
Adobe Illustrator CS4 Shortcuts ↓
Adobe Photoshop CS5 – all in one for dummies ↓
Adobe Photoshop Shortcuts ↓
Photoshop Elements8 For Dummies ↓
Adobe Lightroom 2.0 Shortcuts ↓
Adobe Indesign CS5 for dummies ↓
Adobe InDesign CS4 Tools and shortcuts ↓
GIMP Quick reference ↓
Apple Final Cut Pro 5 ↓
QuarkXpress 8 ↓
3DS max 9 ↓
Blender for dummies ↓
AutoCAD 2011 for dummies ↓
Google Sketchup 7 for dummies ↓
OpenOffice.org for dummies ↓
Office 2010 – all in one for dummies ↓
Browsers & OS
Mozilla Firefox Cheat Sheet ↓
Google Chrome Keyboard Shortcuts ↓
Internet Explorer 8 – quick reference card ↓
Windows 7 Cheat Sheet ↓
Windows Alt Codes ↓
Ultimate Switcher Guide: PC to MAC ↓
Mac OS X Keyboard Cheat Sheet ↓
Mac OS X Leopard – 200 productivity boosters ↓
Macs All-in-one for dummies ↓
Linux for dummies ↓
Ubuntu reference ↓
Others/Miscellaneous
Ruby on Rails Cheat Sheet ↓
Python Cheat Sheet ↓
ASP/VBScript Cheat Sheet ↓
ASP.net ↓
Regular Expression Cheat Sheet (.NET) ↓
Core C# and .NET Quick Reference ↓
960 Grid System Cheat Sheet ↓
Firebug Cheat Sheet ↓
Tcp Ports List ↓
VOIP Basics ↓
VI (Linux Terminal) Cheat sheet ↓
Mathematica Keyboard Shortcuts ↓
Country Codes – quick reference ↓
User Centred Design ↓
The Social Landscape (social media) ↓
Your Turn To Talk
I hope you found my list of cheatsheets/quick references useful. If I missed any or you have other feedback, please leave a comment. Also remember to share this post if you found it useful! 😉
How HTML5 Will Change The Way You Use The Web
What is HTML5? Some kind of really fancy link tag?
HTML5 is a specification for how the web’s core language, HTML, should be formatted and utilized to deliver text, images, multimedia, web apps, search forms, and anything else you see in your browser. In some ways, it’s mostly a core set of standards that only web developers really need to know. In other ways, it’s a major revision to how the web is put together. Not every web site will use it, but those that do will have better support across modern desktop and mobile browsers (that is, everything except Internet Explorer).
What Awesomeness ca I expect from HTML5?
The big, marquee changes in HTML5 have already made some headlines, thanks to browser makers like Google, Apple, Mozilla, and others picking them up and implementing them. The shortlist:
- Offline storage: Kind of like “Super Cookies,” but with much more space to store both one-time data and persistent app databases, like email. Actually, you can think of offline storage as something a lot like Google Gears—you just won’t need to install a plug-in to reap the benefits.
- Canvas drawing: Sites can mark off a space on a page where interactive pictures, charts and graphs, game components, and whatever else imagination allows can be drawn directly by programming code and user interaction—no Flash or other plug-ins required.
- Native video and audio streaming support: It’s in the very early stages and subject to format disruption, but sites like YouTube and Pandora could one day skip Flash entirely to bring you streaming audio and video, with timed playback and other neat features.
- Geo-location: Just what it sounds like, but not limited to a single provider’s API or browser tool. HTML5 can find your location and use it to tailor things like search results, tag your Twitter updates, and more.
- Smarter forms: Search boxes, text inputs, and other you-type-here fields get better controls for focusing, validating data, interacting with other page elements, sending through email, and more. It may not sound that sexy, but it could mean less annoyance as a user, and that’s always a good thing.
- Web application focus: Without breaking down the hundreds of nuts and bolts, it’s fair to say that HTML5 is aimed at making it easier to build wikis, drag-and-drop tools, discussion boards, real-time chat, search front-ends, and other modern web elements into any site, and have them work the same across browsers.
Where can I see HTML5 in action?
Ooh, good question!
From this page right here, with a soon-to-be-optional-maybe-Flash, you can check out these video demonstrations:
Google I/O 2009 Keynote, pt. 1
Firefox 3.5 Treats Videos Like Web Pages:
If you’re running an up-to-date version of Firefox, Safari, Chrome, or Opera—or, basically, any regularly updated browser besides Internet Explorer—give these links a shot.
HTML5 Demos: Huge list of capability demonstrations, gracefully compiled by Remy Sharp.
Welcome to Safari: Written entirely with HTML5 and CSS 3.
YouTube in HTML5: No Flash required at all (for Chrome and Safari only, at this point).
Canvas drawing and audio
Neat interactive site that shows tweets from folks who are digging on HTML5, with streaming background audio and interactive data pieces.
Why is it being pushed? Don’t Flash and JavaScript already work?
Make no mistake, HTML5 has much love for JavaScript and its many relatives—in fact, the new markup standards make it easier for JavaScript-type code to point at, and pull from, pieces of each web page. As for Flash, and Silverlight, and other browser plug-ins, well, they are artificial solutions for a natural problem that HTML5 is trying to fix: Placing and managing interactive elements on a web page.
Besides being a major source of browser memory leaks and crashes, Flash and its brethren also doesn’t work on every platform, and has to be re-written and adapted for every new one. If you’re looking to make a clever application available to as many people as possible, a write once, use everywhere system is ideal. When more browsers and developers support HTML5′s audio, video, and interaction standards, the idea of the web as the universal app store—for smartphones, for desktops and laptops, Windows, Mac, and Linux—gets closer to reality.
Apple tried to pitch this mentality to developers with their first iPhone release. That pronouncement was, to put it mildly, roundly mocked. Since then, webapps have become a lot more powerful and respectable as mainstays of productivity, and enthusiasm for the walled garden model of application markets has waned quite a bit in the minds of an increasing number of developers.
That’s not to say that HTML5-powered web applications, with their lack of serious local storage, hardware access, and serious offline capabilities, are going to make the iPhone App Store, the Android Market, or the desktop software we’re all used to obsolete. But look at how Chrome is positioning its Chrome OS for netbooks, which relies on HTML5 for offline storage: A secondary computer, in terms of hard-and-fast capabilities, but one you might use just as often, if not more, for the web-connected convenience.
How will HTML5 makes its way onto my web?
HTML5 isn’t a software release, or a web development law. It’s a voted-upon and group-edited standard, written in broad fashion to accommodate different styles of development and the different thinking among web browser makers.
Put more simply, it depends on what you’re using to surf. And what standards your web makers are following.
Firefox, Safari and Chrome on the desktop support a few of the styles and features outlined in HTML5′s draft specifications, like offline storage, canvas drawing, and, most intriguingly, tags for audio and video that allow sites to stream multimedia files directly into a browser. Apple’s Safari for iPhone and the Android browser also support elements of HTML5, as does Opera Mobile. Want to know the nitty-gritty of where your browser stands on HTML5? Web geeks have put in the time to put it all in a Wikipedia chart.
Those audio and video tags aren’t quite as liberating as they may seem. The writers of the HTML5 standard—Ian Hickson of Google and Davd Hyatt of Apple—wanted to define a single, standardized format for video streaming, but while their employers favour the H.264/MPEG-4 standard, open-source firms like Mozilla can’t abide by its patent “encumbrance”, and Opera and other web firms don’t particularly love the licensing costs. Their alternative is Theora, better known (relatively) as Ogg Theora. As it stands, HTML5 simply doesn’t require or suggest a single container format or codec to use, which could mean browser-by-browser differences down the road. Ars Technica has a good explainer on the HTML5 video codec debate.
17 Essential Linux Resources That You Shouldn’t Miss
Linux is one of my favorite topics… Today, I will be covering a A Wide Collection of Linux Apps which include Image Viewers, Video Editors, News Aggregators, Backup Tools & Guides etc. Credit goes to all the people who have put maximum effort to gather these various application in their own specific categories. You may also want to check out our “Linux” Category for more awesome stuff.
Top 10 Free Video Editors for Ubuntu Linux
20 Must Read HOWTOs and Guides for Linux
10 Free Linux Ebooks For Beginners
21 of the Best Free Linux Backup Tools
Top 5 Gmail Notifiers for Linux
11 Free Windows Programs Alternatives For Linux
10 Best Image Viewers for Linux
10 Must-Have Linux Web-Based tools
7 Awesome 3D Graphic Design Applications for Linux
13 Of the Best Linux Tutorials and OpenCourseWare on the Web
12 of the Best Free Linux News Aggregators
23 Useful System Applications for Linux
Turn Your Home Router Into a Super-Powered Router with DD-WRT
Wireless is everywhere and routers are the force that makes it happen, so why not supercharge yours to take proper advantage of it? DD-WRT will let you boost your router’s range, add features, and more.
DD-WRT has a ton of features—more than we can cover in this guide, which is focused on helping you get your router upgraded. Stay tuned, as we’ll go into more depth in a couple more days on all the great things you can do with it, but even if you don’t use the additional features, DD-WRT is worth installing to make your router work better.
What Is DD-WRT?
Here’s our router. Behold: the Netgear WNR2000, revision 2. It’s a mighty fine one, too, but it’s still not the best. Why, exactly? Your router is only as good as its firmware, the software that makes it tick. When you buy a router from Linksys/Cisco, Netgear, D-Link, or others, you’re bound to their software. It’s a nice arrangement; you respect their limitations, and they promise to help with your problems. But what if your warranty’s expired, or you want to shuck their limitations? Maybe you want to take your hardware and push it to its most extreme limits. That’s where DD-WRT steps in.
DD-WRT is an open-source alternative firmware for routers. Its software unlocks features that aren’t present on all routers: static routing, VPN, repeating functions, the list goes on. It also unlocks settings that aren’t accessible normally, like antenna power and overclocking.
Router Support
Turning your home router into an almost professional-level tool is a great project that has one major caveat: support. Not all routers are built or designed the same way. Even two of the same model can have different revision numbers with very different internal components. Because of this, the first step is doing plenty of research. It’s best to have a router that’s fully supported, so if you end up buying one, be sure to check the DD-WRT Supported Routers page first. Also make use of their Router Database, which will help you find particular instructions for your model and revision. Most devices have model and revision numbers on the back panel, and if there’s no revision number, it’s safe to assume that it’s 1.0.
For our purposes, the important spec to consider is NVROM, or ROM. This is where the firmware is kept, so even if your router has 16MB of RAM, it won’t work with a 4MB image of DD-WRT without at least that much ROM. Because of this, there are a few different versions of DD-WRT available at varying file sizes. Some are trimmed down to fit in smaller ROM configurations. Others are built with specific features in mind, like VPN, SD card support, or a Samba client. For more information, check out the File Versions table.
Preparation
The most important thing in any project is research. Do all of your homework for this one, because (here it comes):
DISCLAIMER: Changing your router’s firmware can result in unintentional consequences, such as “bricking.” It’s unlikely, and we’ve never had a device that couldn’t be fixed in some way, but it’s important to understand that it’s a very real possibility. Just to be clear: you assume all responsibility for anything you do; we’re not liable for anything that should go wrong.
As mentioned above, start with the Supported Devices page to see if you’ve got a DD-WRT-friendly router. If you don’t see anything specific, or even if you do, check into the Router Database. Here, you’ll find links to forum pages of those who’ve completed the process for specific models/revisions, as well as the setbacks and workarounds they’ve found. Most importantly, you’ll find links to compatible versions of firmware.
The friendly forum gave us some useful info for our particular model. Our router, the Netgear WNR2000 is revision 2, which means it’s compatible (revision 1 is not). It’s only got 4MB of ROM, so we had to stick to the mini version. We followed the download links and read up on what to do to complete the procedure in full detail.
Almost all sources unanimously recommend three specific things:
- Do a hard reset on your router before you update. This usually requires a 30/30/30 procedure.
- Hard wire your router when you update the firmware. NEVER over wireless.
- Use Internet Explorer (or Safari) unless specifically stated that other browsers are okay.
There’s a ton of reasons which the documentation will reveal to you, but the first two are written in stone, and the last has held true for almost any router, and it won’t hurt either.
Most routers have a pinhole on their back with you need to push and hold to perform a hard reset. The 30/30/30 procedure is primarily directed for devices with DD-WRT already on them, but it’s also required for some other models and won’t hurt to do anyway. It deletes the Non-Volatile RAM. From the DD-WRT website, the procedure is as follows:
- With the unit powered on, press and hold the reset button on back of unit for 30 seconds
- Without releasing the reset button, unplug the unit and hold reset for another 30 seconds
- Plug the unit back in STILL holding the reset button a final 30 seconds (please note that this step can put Asus devices into recovery mode…see note below!) [Note]
This procedure should be done BEFORE and AFTER every firmware upgrade/downgrade.
Do not use configuration restore if you change firmware builds (different svn build numbers).
The Process
Hard reset, as outlined above, or per the instructions for your specific router.
So after our hard reset, we waited for the lights to return to normal, and we hard-wired the router to our laptop. During this phase, we turned off the wireless connection so that just the wired connection to our WRN2000 was active. This prevents any mishaps and makes it simple to connect to the web-interface through the defaults.
Next, fire up Internet Explorer and go to your router’s default page, and log in.
Use the default username and password, usually printed on your device’s back panel or easily found on the internet.
Click on the Router Upgrade link.
Browse to the correct image and click Upload, and wait patiently. Very patiently. You’ll see the loading screen tell you to wait while the router reboots, and you’ll see the lights flash on and off for a while. Wait about five minutes, and err on the longer side. When you’re ready, log in to your router. DD-WRT’s IP address is 192.168.1.1, the username is ‘root’, and the password is ‘admin’.
You’ll be greeted with your brand new interface.
UPDATE: Fellow How-To Geek writer, Aviad, pointed out that at this point, we need to do another hard reset/restore to factory default settings. This will solidify your DD-WRT installation and will prevent any issues that would come up otherwise. It’s mentioned in the block quote above, but to reiterate: perform another hard reset NOW.
If things didn’t work out, you may have had a “bad” flash. Your router may be bricked, but odds are you can recover from it in some fashion. The first place to check out is How to Recover From a Bad Flash, and the second is the DD-WRT Forum. As long as your do your homework and be precise with the instructions, you’ll be fine.
Now that you have DD-WRT on your router, here are a few other things you might find interesting:
How To Remove Advertisements with Pixelserv on DD-WRT
How To Setup a VPN Server Using a DD-WRT Router
And there’s more to come!
Xi3’s super TINY computer cluster
Isaac Asimov on Science and Creativity in Education
Map of the World Drawn Entirely Using Facebook Connections
Thomas W the walmart computer technician .
How do I get rid of this annoying pop-up?
Every time I start up my (PC) computer, this “RebateInformer” window opens. It looks like this:http://www.flickr.com/photos/39887657@N02/3875388264/. I’ve already uninstalled the program using the “Add or Remove Programs” utility in the control panel. When I did that it told me not all of the program’s features were deleted and that they could be removed manually. How do I get rid of this thing?
Domestic…
start button>>programs>>startup
remove stuff related to it if it exists there!!!
run “msconfig” (without quotes)
goto startup tab, uncheck boxes related to the app!
Wow. Try reading your download/install before clicking the yes button. What good is a alarm on your house if you let the thief in ?Delete
By the way, for anyone who doesn’t know, in order to “run” something you must go to the start menu and click run. It’s usually at the bottom of the left column next to an icon of a zooming window.Report Abuse
Really ? Run? WOW!!! Just throw your computer off a bridge and do us all a favor .
Yes Really ! I didn’t know where run was . The computer didn’t come with instructions and Walmart didn’t have any spares .
Free Internet across the globe from space.
The charity group A Human Right said it was planning to purchase a satellite that would provide free basic Internet access to developing countries around the world.
The group, which was founded by 25-year-old Kosta Grammatis, is currently raising money to buy the TerreStar-1, the largest commercial communications satellite ever built. TerreStar, the company that owns the satellite, filed for chapter-11 bankruptcy protection in October 2010, opening the possibility that the satellite may be up for sale.
The group hopes to raise $150,000 to finalize a business plan, investigate the legal and business aspects of submitting a bid for the satellite, and hire engineers to turn the plan into a reality. After this initial phase, the group plans to development an open source low cost modem that could be used to connect to the satellite and finalize plans with partner governments.
“We believe that Internet access is a tool that allows people to help themselves – a tool so vital that it should be considered a universal human right,” the website for Buy This Satellite stated. “Imagine your digital life disconnected. Without access to the 100 million man-hours that have been put into Wikipedia, how much do you actually know?”
Nearly 5 billion out of the world’s 6.9 billion people don’t have access to the Internet.
A Human Right plans to finance their satellite by allowing telecommunication companies to purchase bandwidth, while providing basic service for free to everyone. “Our goal is to not only get everyone online, but also facilitate the growth of an industry,” their website said.
The group has already managed to raise $44,781.
“The idea for global connectivity was born in Berlin, Germany in an innovation ‘Do-Tank’ called Palomar 5,” according to the group. “Thirty people under the age of thirty came together to innovate on what the future might look like, and how to address some of the worlds problems.”
“In Egypt we’ve watched as the government, in an unprecedented way, shutoff Internet access for the entire country,” Grammatis told TIME. “We’re building a system that can’t be shutoff–it’s as decentralized as possible. You could jam the signal somewhat, but to do that at the scale of a country is a very very difficult task.”
“Big ideas, that can improve our society as a whole, are worth doing, and this one will be done,” he added. “It’s the logical next step in communications: a network available to anyone everywhere for minimal cost.”
Similarly, President Obama announced Thursday his plan to get 98 percent of the United States connected to the Internet in five years.