This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<head> | |
<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Quicksand:300,400'> | |
<style> | |
body { | |
font-size: 16px; | |
background: #ecf0f1; | |
font-family: 'Quicksand', sans-serif; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<head> | |
<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Quicksand:300,400'> | |
<style> | |
body { | |
font-size: 16px; | |
background: #ecf0f1; | |
font-family: 'Quicksand', sans-serif; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
dfg |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="quote"> | |
<span class="line1">If you haven’t</span> | |
<span class="line2">surprised</span> | |
<span class="line3">yourself yet,</span> | |
<span class="line4">you haven’t done</span> | |
<span class="line5">enough</span> | |
<span class="line6">sketching</span> | |
<cite>—Josh Collinsworth</cite> | |
</div> |
Renders best in Chrome.
This technique does work in Firefox, but text stroke is not supported.
A Pen by Wayne Lippold on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* The first commented line is your dabblet’s title | |
*/ | |
background: #f06; | |
background: linear-gradient(45deg, #f06, yellow); | |
min-height: 100%; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head><title>HTML Attribute Exercises</title></head> | |
<body> | |
<h1>HTML Attribute Exercises</h1> | |
<ol> | |
<!-- 1. Add a tooltip to the paragraph below with the text "About HSArtsTech.org". |
NewerOlder