A Pen by Dano Manion 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
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<!-- Bootstrap added via CodePens scripts --> | |
<title>Random Quote Machine</title> | |
</head> | |
<body> | |
<section> | |
<div id="quoteDisplay"></div> | |
<button onclick="return handleClick(event);">More Inspiration Please</button> |
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
<section class="jumbotron text-center"> | |
<div class="container"> | |
<h1 class="jumbotron-heading">Random Quotes</h1> | |
<p class="lead text-muted"><blockquote> | |
<p id="quote"></p> | |
<footer> | |
— <cite id="author"></cite> | |
</footer> | |
</blockquote></p> |
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="field-type-text-with-summary"> | |
<div class="field-items close"> | |
<div class="field-item even" property="schema:articleBody content:encoded"><p>You may want to grab tickets to this year's <a href="http://rockstarmayhemfest.com/" target="_blank" rel="nofollow">Mayhem Festival</a> as it may be the last one. In a new interview with the <a href="http://www.freep.com/story/entertainment/music/2015/07/08/mayhem-festival-preview-metal/29838125/" target="_blank" rel="nofollow">Detriot Free Press</a>, festival co-founder Kevin Lynman has a grim outlook on the event's future saying the festival is “at risk of going away at any given moment.” According to Lynman, a big problem is the lack of <a href="/topic/heavy-metal" class="inline_link omniture-click-processed">heavy metal</a> headliners. He calls this year's lineup, which features <a href="/topic/slayer" class="inline_link omniture-click-processed">Slayer</a> and <a href="/topic/king-diamond" class="inline_link omniture-click-processed">King D |
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
<title>Todo List App</title> | |
<body> | |
<div class="container"> | |
<div class="container col-sm-8 col-sm-offset-2"> | |
<div id="taskApp"> | |
<h1>Hobbit Todos</h1> | |
<!-- Add new task form --> |
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
<?php | |
$max_num_links = 7; | |
$page = "/"; | |
if (isset($_SERVER['REQUEST_URI'])) { | |
$page = htmlentities(rtrim($_SERVER['REQUEST_URI'], "/")); | |
} | |
?> | |
<h1>Hidden links</h1> | |
<h2><?php echo $page; ?></h2> |
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
Framework | CSS size/gzipped | #Elements | Custom CSS | #CSS Written/Unique | Dev | Elements | |
---|---|---|---|---|---|---|---|
Bootstrap | 68kb/12kb | 49 | 0 classes 0 properties | 48/34 | 4.5/5 | 5/5 | |
Bulma | 73kb/10kb | 53 | 2 classes 2 properties | 56/37 | 4.5/5 | 4.5/5 | |
Foundation | 30kb/7kb | 56 | 4 classes 4 properties | 46/21 | 4/5 | 3.5/5 | |
Milligram | 10kb/3kb | 49 | 7 classes 17 properties | 34/19 | 4.5/5 | 3.5/5 | |
Pure | 17kb/4kb | 48 | 7 classes 7 properties | 39/27 | 4/5 | 3.5/5 | |
SemanticUI | 146kb/20kb | 47 | 2 classes 2 properties | 90/39 | 4/5 | 5/5 | |
UIKit | 33kb/6kb | 51 | 0 classes 0 properties | 52/31 | 4.5/5 | 5/5 |
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 id="app"> | |
<ul> | |
<li v-for="item in items"> | |
{{ item }} | |
</li> | |
</ul> | |
</div> |
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 id="container"> | |
</div> |
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 id="appFunction"> | |
<h2>Returned data as a function.</h2> | |
<ul> | |
<li v-for="item in items"> | |
{{ item }} | |
</li> | |
</ul> | |
</div> | |
<div id="appObject"> |