Jonathan's public fiddles
-
JQuery - .before .after
Add JQuery before and after objects dynamically: http://www.codecademy.com/courses/web-beginner-en-v6phg/0/3?curriculum_id=50a3fad8c7a770b5fd0007a1
-
JQuery - Append & Prepend
http://www.codecademy.com/courses/web-beginner-en-v6phg/0/2?curriculum_id=50a3fad8c7a770b5fd0007a1#
-
JQuery - .this
Apply JQuery only to classes/ids that you're interacting with - as ooposed to all classes/ids that have the same name
-
JQuery - .this
Apply JQuery only to classes/ids that you're interacting with - as ooposed to all classes/ids that have the same name
-
JQuery - Variables and CSS
http://www.codecademy.com/courses/web-beginner-en-GfjC6/1/4?curriculum_id=50a3fad8c7a770b5fd0007a1
-
JQuery - Variables
How to pass variables from HTML into JQuery
-
JQuery - Adding Script Tags in HTML
http://www.codecademy.com/courses/web-beginner-en-bay3D/1/1?curriculum_id=50a3fad8c7a770b5fd0007a1#
-
CSS - First Child and Nth child
http://www.codecademy.com/courses/web-beginner-en-WF0CF/3/3?curriculum_id=50579fb998b470000202dc8b
-
CSS - Pseudo-Class Selectors
http://www.codecademy.com/courses/web-beginner-en-WF0CF/3/1?curriculum_id=50579fb998b470000202dc8b
-
CSS - Directly Referencing Nested Elements
http://www.codecademy.com/courses/web-beginner-en-WF0CF/1/4?curriculum_id=50579fb998b470000202dc8b
-
CSS - Psuedo Selectors (n-th degree)
Here we can tell CSS to check for the n-th tag in the BODY (see CSS)
-
HTML/CSS - Classes and IDs
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS - Nesting multiple properties in one element
Here we're showing the global variable "*" which modifies all parameters. Note that we've given * one property which includes border-color, border-type, and border-font size
-
HTML/CSS - Multiple Selectors
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS - Basic Review
Here we're working with CSS and HTML. We have Headers, Paragraphs, colors, images, and links.
-
CSS - Text Decoration
/*Here we've changed the default, blue, underlined link into a red one with no text-decoration*/
-
CSS - Iterate through Fonts
/*Here we are iterating through different fonts. If the users computer doesn't have a font installed, they default to the next available font!*/
-
CSS - Font Sizes using EM
The font-size unit em is a relative measure: one em is equal to the default font size on whatever screen the user is using. That makes it great for smartphone screens, since it doesn't try to tell the smartphone exactly how big to make a font: it just says, "Hey, 1em is the font size that you normally use, so 2em is twice as big and 0.5em is half that size!"
-
CSS - Basic Syntax
Description of CSS syntax
-
CSS - Changing Span Colors automatically
/* Here we're adding an attribute to "span" tags to make the color blue */