background preloader

Education

Facebook Twitter

Colorbox - a jQuery lightbox. A lightweight customizable lightbox plugin for jQuery View Demos Released under the MIT License, source on Github (changelog) Download Install via NPM npm install jquery-colorbox Compatible with: jQuery 1.3.2+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+ Supports photos, grouping, slideshow, ajax, inline, and iframed content.Lightweight: 10KB of JavaScript (less than 5KBs gzipped).Appearance is controlled through CSS so it can be restyled.Can be extended with callbacks & event-hooks without altering the source files.Completely unobtrusive, options are set in the JS and require no changes to existing HTML.Preloads upcoming images in a photo group.Currently in use on a million-plus websites.

Instructions & Help The FAQ has instructions on asking for help, solutions to common problems, and how-to examples. Usage Colorbox accepts settings from an object of key/value pairs, and can be assigned to any HTML element. Settings Public Methods Event Hooks Hey, jQuery Plugin Registry. Make the Web Faster. The Google Hosted Libraries is a stable, reliable, high-speed, globally available content distribution network for the most popular, open-source JavaScript libraries.

Google works directly with the key stakeholders for each library effort and accepts the latest versions as they are released. Libraries To load a hosted library, copy and paste the HTML snippet for that library (shown below) in your web page. For instance, to load jQuery, embed the <script src=" snippet in your web page. We recommend that you load libraries from the CDN via HTTPS, even if your own website only uses HTTP. Nowadays, performance is fast, and caching works just the same. Dojo snippet: site: dojotoolkit.org versions: Ext Core sencha.com/products/extcore Hammer.JS hammerjs.github.io Indefinite Observable jQuery 3.x snippet: 2.x snippet: 1.x snippet: jquery.com note: jQuery Mobile jquerymobile.com.

UIZE JavaScript Framework | AJAX, RIA, widgets, JSON, OOP, Class Inheritance, XMLHttpRequest, DOM manipulation, and all that stuff. MooTools - a compact javascript framework. Ruby on Rails. Blank Flowchart. Premium PSD Themes - Twitter Bootstrap 3 PSD - GhostlyPixels.com. Color wheel | Color schemes. Getting. Within the download you'll find the following file structure and contents, logically grouping common assets and providing both compiled and minified variations. Once downloaded, unzip the compressed folder to see the structure of (the compiled) Bootstrap. You'll see something like this: bootstrap/ ├── css/ │ ├── bootstrap.css │ ├── bootstrap.min.css ├── js/ │ ├── bootstrap.js │ ├── bootstrap.min.js └── img/ ├── glyphicons-halflings.png └── glyphicons-halflings-white.png This is the most basic form of Bootstrap: compiled files for quick drop-in usage in nearly any web project.

Please note that all JavaScript plugins require jQuery to be included. Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the Bootstrap documentation. Docs sections Scaffolding Global styles for the body to reset type and background, link styles, grid system, and two simple layouts. Base CSS Components JavaScript plugins <! <! The Bootstrap Playground.

Cross Browser Testing Tool. 200+ Browsers, Mobile, Real IE. Canvas Orbital Trails. CodePen. Bootstrap Editor and Playground for JavaScript, CSS, HTML5 and jQuery. LayoutIt! - Interface Builder for Bootstrap. Home - Pencil Project. ColorCombo230 with Hex Colors #561420 #821122 #C59A6F #333333 #CCCCCC #FCFCFC. Web Creme | Web design inspiration. Homepage - Ventura County Community College District. Favicon.ico Generator. Web Style Guide. Href. Description The href defines the location of the resource. This may be a style sheet in the same directory (as shown in the example), a page located elsewhere on the same server, or a resource held on another server.

If the referenced resource resided in a directory that was one level higher than the referencing document, the syntax would be as follows: Here, ../ equates to the instruction “move up one directory level in the hierarchy.” You can also reference a document relative to the web site’s root (that is, the folder or file after the domain name) like so: This code basically says “refer to the document basic.css that can be found in www.mydomain.com/stylesheets.” This is a very handy way of referencing a document, as you can move the document containing the link to any location on the file system without changing the reference. If you are linking to a resource that’s held on some other server, you’d express the href using a complete URI, as follows: Example Value Compatibility. Click here to title your page!

MyVCCCD. Web Design Blog, Tutorials and Inspiration | Web Design Ledger. Color Scheme Designer 3. Color wheel | Color schemes. Color theory. In the visual arts, color theory is a body of practical guidance to color mixing and the visual effects of a specific color combination. There are also definitions (or categories) of colors based on the color wheel: primary color, secondary color and tertiary color. Although color theory principles first appeared in the writings of Leone Battista Alberti (c.1435) and the notebooks of Leonardo da Vinci (c.1490), a tradition of "colory theory" began in the 18th century, initially within a partisan controversy around Isaac Newton's theory of color (Opticks, 1704) and the nature of so-called primary colors. From there it developed as an independent artistic tradition with only superficial reference to colorimetry and vision science.

Color abstractions[edit] The foundations of pre-20th-century color theory were built around "pure" or ideal colors, characterized by sensory experiences rather than attributes of the physical world. Thus, the visual impact of "yellow" vs. Achromatic colors[edit] Guide to piano & keyboard. Web Style Guide. How to Read Music Notes,Learn to Play Piano at Home. Music Terms / Definitions: Staff: A staff of music is made up of five horizontal lines and four spaces. Each line and space represents a key on the piano. Notes and rests are then placed on the staff. Clef: A clef is a symbol at the beginning of a staff of music which makes it possible for the player to work out what the notes are. It indicates the pitch of the notes on that staff to be played. The two most common clefs are the Treble Clef and Bass Clef. Measure: Sheet music is divided into Measures. Note: A note is represented by a sign, which tells the musician the duration and pitch of a sound.

Pitch: The specific frequency of a sound. Beat: A beat is the name for a unit of music. Time Signature: The time signature, also known as a “meter”, tells the musician how many notes are in a measure. Time Signatures (Meters): The below table summarizes the different types of time signatures and their associated beats. Below are the rules of the 4/4 time signature: Learn Web Development with the Ruby on Rails Tutorial. My former company (CD Baby) was one of the first to loudly switch to Ruby on Rails, and then even more loudly switch back to PHP (Google me to read about the drama). This book by Michael Hartl came so highly recommended that I had to try it, and the Ruby on Rails Tutorial is what I used to switch back to Rails again. Though I’ve worked my way through many Rails books, this is the one that finally made me “get” it. Everything is done very much “the Rails way”—a way that felt very unnatural to me before, but now after doing this book finally feels natural.

This is also the only Rails book that does test-driven development the entire time, an approach highly recommended by the experts but which has never been so clearly demonstrated before. The linear narrative is such a great format. Enjoy! Derek Sivers (sivers.org) Founder, CD Baby The Ruby on Rails Tutorial owes a lot to my previous Rails book, RailsSpace, and hence to my coauthor Aurelius Prochazka. XHTML 1.0 Strict Cheat Sheet. See also: XHTML Basic 1.1 cheat sheet — Recommended Doctype Declarations — XHTML Flavors comparisons. Getting started A minimal English XHTML 1.0 Strict document would look like the following: <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " xmlns=" lang="en" xml:lang="en"><head><title>My page title</title></head><body></body></html> Elements and Attributes reference The tables below document which elements and attributes are allowed in XHTML 1.0 Strict, and with the constraints defined in the DTD (please note that the DTD doesn't enforce all the known constraints for XHTML 1.0).

Skip to attributes table. Elements Attributes table. School of Physics | Qcloud. Welcome to Quantum in the Cloud. This is a project which aims to provide resources for anybody interested in quantum technologies. In particular those who want to have some practical experience of using and manipulating information using quantum computers. We believe that people find quantum physics difficult to grasp because it is not intuitive – quantum systems behave in ways that are not seen in our normal day to day lives.

We can’t change quantum mechanics but we can at least try to change intuition. By using these resources we hope that phenomena like superposition and entanglement become real and tangible. We hope you enjoy learning about quantum phenomena and trying out different experiments on our simulator to create and exploit them. The quantum processor chip that we have developed is in our lab here in Bristol and we continue to work on it, so it is very much at the cutting edge of science. Learn JavaScript - Free Interactive JavaScript Tutorial. WAVE Web Accessibility Tool.

IDI Web Accessibility Checker : Web Accessibility Checker. What & Why of Usability. Home > What & Why of Usability UX Discipline (11) User experience (UX) focuses on having a deep understanding of users, what they need, what they value, their abilities, and also their limitations. It also takes into account the business... Project management focuses on planning and organizing a project and its resources. This includes identifying and managing the lifecycle to be used, applying it to the user-centered design... User research focuses on understanding user behaviors, needs, and motivations through observation techniques, task analysis, and other feedback methodologies. Web analytics is the collection, reporting, and analysis of website data. UX Overview (3) Is including user experience in project development worth the time and resources?

Government agencies provide vital information and services that affect people’s daily lives. Usability Toolkit. Home | Usability.gov. Learn To Read Music Notes,Learning How to Play Piano at Home,Online. Notes & Clefs: The table below displays the different types of notes and clefs. All definitions are located at the end of the page. Treble Clef: When reading sheet music, you will notice that there is a treble clef at the top left hand corner of your music book. The notes along side the treble clef are usually played with your right hand. Treble Clef Lines – E, G, B, D, F (Eat Good Bread Dear Father) Treble Clef Spaces – F, A, C, E (Face).

Bass Clef: Beneath the treble clef on sheet music, you will see a second set of lines and spaces with the Bass Clef symbol on the left. Bass Clef Lines – G, B, D, F, A (Good, Bread, Dear, Father, Ate) Bass Clef Spaces – A, C, E, G, (Alice, Can, Eat, Grapes). Musicians must learn how to count evenly, to make sure they are playing each note for the correct length of time. Tip: To begin you may prefer to write the corresponding notes on your sheet music to help. Music Terms / Definitions for this page: Measure: Sheet music is divided into Measures. Wolfram|Alpha: Computational Knowledge Engine.

W3Schools Online Web Tutorials. Can I use... Support tables for HTML5, CSS3, etc.