Skip to content

Instantly share code, notes, and snippets.

###Responsive Web Design ####What is responsive web design? #####RWD is an approach to designing websites where the site style may change based on the viewing device. RWD maximizes readability for the user.

####What are some responsive web design techniques? #####RWD uses CSS media queries to figure out the size of the viewing browser. Based on the browser size, the page will render with different style. There are certain screen sizes called "breakpoints", which are determined by the designer, at which the style of the page will change. RWD also tends to use fluid grid concepts for element sizing, in which element sizes are measured in relative units (percentages) rather than absolute units (pixels).

####What is an example of a responsive web site? #####The following URL is a very basic example of RWD. Click and drag to change the size of your browser window and see how the style changes! http://jasonylo.com/portfolio/HTML_CSS_projects/responsive/index.html

@LightningLord
LightningLord / jquery_example.html
Last active January 4, 2016 13:19 — forked from dbc-challenges/jquery_example.html
Intro to jQuery for Phase 0
<!DOCTYPE html>
<html>
<head>
<title>DOM manipulation with jQuery</title>
<!-- Add a link to jQuery CDN here script here -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery_example.js"></script>
</head>
<body>
@LightningLord
LightningLord / 0.2.1-boggle_class_from_methods.rb
Last active December 31, 2015 09:28 — forked from dbc-challenges/0.2.1-boggle_class_from_methods.rb
phase 0 unit 2 week 1 boggle class challenge
#initial
class BoggleBoard
def initialize(board)
@board = board
end
def create_word(*coords)
coords.map { |coord| @board[coord.first][coord.last]}.join("")
end