Archive for the ‘How To/Tutorials’ Category

Free Color Tools & Resources

FREE Color Palette/Scheme Generators,
Tools & Resources for Designers

Adobe Color CC ~ Colour CC lets you try out, create and save various colour schemes, each of which consists of a set of five colours. You can also explore themes.

CheckMyColours ~ A tool for checking foreground and background color combinations of all DOM elements and determining if they provide sufficient contrast when viewed by someone having color deficits.

Color Hunter ~ Color Hunter is a place to find and make color palettes created from images.

TinEye Labs ~ We extracted the colors from 20 million Creative Commons images on Flickr to make the images searchable by color. Enjoy! MulticolorEngine is addictive and very likely the best color search engine in the world*!

HailPixel ~ Hover your mouse anywhere across the screen to nail down your chosen colour, scroll to set your saturation, and the site will give you that all-important hex code for your projects. is a free service that provides information about any color, including conversions to many color models (RGB, CMYK, & many more). Schemes (harmonies) can be found on each color page.

Designspiration is a resource to help you discover and share great design.

ColorExplorer is an online toolbox for working with color palettes

COLOURlovers is a creative community where people from around the world create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles. ~ Color scheme designer

COPASO is an advanced color palette tool that helps you create the perfect color palette. allows you to see the range of colours available within an image, and pick those that appeal to you to form the basis for a theme.

GrayBit is an online accessibility testing tool designed to convert a full-color web page into a grayscale rendition to help visually test the page’s perceived contrast. Experience color wearing shades of gray. ~ Discover colour palettes generated by its users, as well as patterns, gradients and images.

Colllor ~ Color Palette Generator – Create consistent color palettes.

Hex Color Tool ~ Dan’s Tools – Color Picking Tool

Color Equivilents Table ~ Keyword, Decimal RGB, Percentge RGB, HSL, Hex, and Short

Color Blender ~ Shows midpoint colors between two colors.

Pictaculous ~ A Color Palette Generator

Color Zilla ~ Color Picker, Eye Dropper, Gradient Generator

Color Chart ~ 256 colors – Wikimedia

Ultimate CSS Gradient Generator ~ A powerful Photoshop-like CSS gradient editor from ColorZilla.


Free Web Development Curriculums, Courses, & Training

FREE Web Design & Development Education
Client-Side (Front-End)/Server-Side (Back-End)/Full-Stack
Online Classes ~ Complete College Curriculums, Courses,
Training Resources, & Interactive Learning

MIT OpenCourseWare (OCW) is a web-based publication of virtually all MIT course content. Massachusetts Institute of Technology OCW is open and available to the world and is a permanent MIT activity.

MITx on edX Massachusetts Institute of Technology — a coeducational, privately endowed research university founded in 1861 — is dedicated to advancing knowledge and educating students in science, technology, and other areas of scholarship that will best serve the nation and the world in the 21st century. Through MITx, the Institute furthers its commitment to improving education worldwide.

Introduction to Computer Science – CS50x is Harvard University’s introduction to the intellectual enterprises of computer science and the art of programming for majors and non-majors alike, with or without prior programming experience. An entry-level course taught by David J. Malan, CS50x teaches students how to think algorithmically and solve problems efficiently. Topics include abstraction, algorithms, data structures, encapsulation, resource management, security, software engineering, and web development. Languages include C, PHP, and JavaScript plus SQL, CSS, and HTML. Problem sets inspired by real-world domains of biology, cryptography, finance, forensics, and gaming. As of Fall 2015, the on-campus version of CS50x, CS50, was Harvard’s largest course.

This course is free; however, an optional verified certificate is $90.00. Students who earn a satisfactory score on 9 problem sets (i.e., programming assignments that are about 10 – 20 hours each) and a final project will receive a certificate from HarvardX. This is a self-paced course–you may take CS50x on your own schedule.

Codecademy ~ Learn to Code Interactively ~ HTML & CSS, JavaScript, jQuery, PHP, Python and Ruby

Khan Academy ~ JavaScript, Processing JS, HTML, CSS, SQL… ~ Computer Science & Coding ~ All Ages & Skill Levels

Harvard University ~ Extensive Programming in C, PHP, & JavaScript

The Odin Project ~ Courses: Web Development, Ruby, Ruby on Rails, HTML5 & CSS3, Javascript & jQuery, & Getting Hired as a Web Developer

LCodeTHW ~ Learn Code the Hard (and free) Way ~ Ruby, Python, C, & More

HTML Dog ~ Everything HTML, CSS, & Javascript

Code Avengers ~ Learn to Build Websites, Apps, & Games

MOOC List ~ Massive Open Online Courses ~ FREE Online Courses for Everyone ~ ALL Subjects

MDN ~ Mozilla Developer Network ~ Tools,Platforms and Resources for Developers

Google Developers ~ Tools, Platforms, and Resources for Developers

Google’s Women Techmakers program provides visibility, community, and resources for women in technology.

edX ~ Online learning destination and MOOC provider ~ Over 90 Global Partners Including Harvard, MIT… ALL Subjects ~ Earn Verified Certificates

Learn Ruby with the EdgeCase Ruby Koans

Code School is an online learning destination for existing and aspiring developers. Not all courses are free.

Try Python ~ Explore the Basics of Python

CodingCombat – The most engaging game for learning programming.

CodingBat ~ Java & Python

Udemy ~ More than 40,000 courses ~ Not all are free.

CoderDojo ~ The global network of free computer programming clubs for young people.

Scratch is a free project of the MIT Media Lab ~ young people can program their own interactive stories, games, and animations — and share their creations…

Google’s HTML5 Rocks ~ Open Source ~ Tutorials, resources and the latest HTML5 updates

aGupieWare ~ A Bachelor’s Level Computer Science Program Curriculum

GitHub – More than 500 free programming books that cover more than 80 different programming languages

Platzi – Livestreamed classes on programming, design, business and marketing. Learn from industry leaders.

Free Code Camp ~ HTML5, CSS3, JavaScript, Databases, DevTools, Node.js, Angular.js & Agile

openHPI ~ ICT, computer science and IT systems engineering – Earn Record of Achievement on course completion.

FutureLearn ~ Free online courses from top universities and specialist organizations.

Hobart & William Smith Colleges Free Textbook ~ Introduction to Programming Using Java, Seventh Edition

Microsoft Virtual Academy Web Development Courses

Saylor Academy’s mission is to open education to all. Earn up to a full year of tuition-free credit transferable to leading partner colleges and universities.

Open Education Consortium ~ The Global Network for Open Education ~ educational institutions, individuals and organizations ~ ALL subjects.

Java™ Platform, Standard Edition 6 API Specification

Academic Earth Free Online Lectures and Courses for Computer Science

Berkeley University of California free courses through Spring 2015. Free Berkeley courses posted after Spring 2015 can be found on

Utah State University Instructional Technology & Learning Sciences Web development tutorials, examples, exercises, quizzes, reference, and more

National Programme on Technology Enhanced Learning (NPTEL)
~ A Project funded by MHRD, Govt. of India

is a free, online e-learning library for computer programming. You can quickly learn how to use many popular programming languages through both text and video tutorials.

~ A global online learning community that is eight million strong and offers over 750 free courses from the world’s top publishers at both the certificate and diploma level.



Linked OpenCourseWare Data Faceted Search

My favorite quote is, “Where there is a will, there is a way.” I recite this quote more than any other. Why? To convince others that they can do anything, because, they can! I despise the words “I can’t”. “I can’t” is the short version of an excuse.

Neon sign: "Anythings Possible"A simple way to decide if something is impossible is to ask yourself if any human has EVER done it. If someone else has done it then it’s NOT impossible. If someone else hasn’t done it before, that still doesn’t mean it’s impossible. Take a look at Thomas Edison. Thomas Edison tested over 3000 filaments before he came up with his version of the incandescent light bulb.

“I have not failed, I’ve just found 10,000 ways that won’t work.” Thomas Edison

How do you do the “impossible”?

First, you must have an intense desire. If you don’t have a strong desire to achieve your goal, you won’t! Do you really want it? Why? Write down all the reasons that you want to achieve your goal. How will you and others benefit from you achieving your goal?

Second, you need to believe that you can reach your goal. We’ve already covered that above. If someone else has EVER done it then YOU CAN TOO! To say that you can’t is just an excuse. Believe in yourself!

Third, put your goal in WRITING!!! This is very important. Be very specific. Include the who, what, why, when, where and how. Make sure you set a deadline; a goal without a deadline is merely a dream.

Fourth, make a list of EVERY ACTION that you need to perform to achieve your goal. This list should be written in priority order and each action should have a deadline.

Fifth, make a list of all the possible obstacles that you may encounter while performing these actions. Decide how you will overcome these obstacles. Include any knowledge and skills that you might need to acquire. Add additional actions to your action list where applicable.

Sixth, identify your support system. Make a list of family, friends, groups and organizations that can support you in reaching your goal. Ask for their support and/or join a group or organization.

Seventh, TAKE ACTION! Your action steps are the only things that stand between you and your goal. It’s simple, complete your action list,  and you have reached your goal!

“There is only one thing that makes a dream impossible to achieve: the fear of failure.” – Paulo Coelho

What if someone tells you it’s impossible? I love a challenge. When someone tells me something is impossible, I will prove them wrong. That is exactly what Arthur did. Watch this inspirational video. Arthur was told that he couldn’t do it. He proved them wrong and it was life changing.

“People who say it cannot be done should not interrupt those who are doing it.” – George Bernard Shaw

Photo credit: !ogan-paig3(:

Kirsty Champion said it well:
“When I’ve dared to let my creative genius ramble around in the impossibilities of what it’s really like to achieve impossibilities in this life, I’ve become ALIVE.”

Read her full article. Click on the link, below.

I spend a lot of my time each day on my laptop and smartphone; therefore it makes sense, to me, that I organize my appointments and action lists using these two devices. I use Color Note on my Android Smartphone, Sticky Notes on my laptop and Google Calendar on both.

Example of Sticky Notes stacked on top of each other

Sticky Notes is available in the Home Premium, Professional, Ultimate, and Enterprise editions of Windows 7.

You can use Sticky Notes to write to-do lists, create shopping lists, make call lists, keep track of appointments and due dates, or anything else that you would usually use a sticky note or pad of paper for.

Sticky Notes are kept right on your desktop and can stack on top of each other to save space. If you don’t want them on your desktop, you have the option to close them and re-open them at any time. When you close Sticky Notes, all your data is saved.

To get started:

Click the Start button and type “Sticky Notes” in the search box to find and open the Sticky Notes.

To create additional Sticky Notes:

Click on the “New Note” button (+) in the top left corner of a Sticky Note to open a new note or press Ctrl+N.

To delete a Sticky Note: An example of Sticky Notes used for a "Calls Today" list and a "Due Tomorrow" list.

Click the “Delete” button (X) at the top right corner of the Sticky Note or press Ctrl+D.

To stack or move Sticky Notes:

Click and hold the top of a sticky note and drag it to where you want it.

To resize a Sticky Note:

Click and hold the side or bottom of a Sticky Note to resize it. A Sticky Note can have the width or the length adjusted (example above). If the length of text exceeds the height of your screen, a scroll bar will appear (example below).

To change the color of a Sticky Note:

Right-click on a Sticky Note and choose from six colors.

To format the text on a Sticky Note:

Select the text that you want to format and then use one of the keyboard shortcuts in the table below.

Format Keyboard Shortcut Comments
Increase Text Size Ctrl+Shift+> Repeat to continue increasing.
Decrease Text Size Ctrl+Shift+< Repeat to continue increasing.
Bulleted List Ctrl+Shift+L Repeat to switch to a
numbered (or another) list.
Bold Text Ctrl+B
Italic Text Ctrl+I
Underlined Text Ctrl+U
Strikethrough Text Ctrl+T

An example of Sticky Notes used for goal setting:

The text on the first Sticky Note exceeded the height of my laptop screen/monitor. This resulted in a scroll bar appearing.

Goal setting for a business can require a very lengthy plan. I like the visual benefit of Sticky Notes to see what I’m currently working on. For a complete, master plan I suggest using Microsoft OneNote to create your plan and keep it organized.

An example of Sticky Notes used for goal setting

Empty Your Inbox, Sync Your Messages, Reclaim Your Life..

via Empty Your Inbox, Sync Your Messages, Reclaim Your Life..