A Pen by Brad / LearnWebCode 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
<div class="container"> | |
<h1>Obscure HTML elements</h1> | |
<p>Some HTML elements that not enough people are using.</p> | |
<h2>The <code>mark</code> element</h2> | |
<blockquote> | |
Using <code>mark</code> in a <mark>blockquote can be used to highlight</mark> sections of the quote. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Architecto fugit rem saepe quam doloribus sit obcaecati consequatur, impedit ea atque. | |
</blockquote> | |
<h2>The <code>time</code> element</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
<head> | |
<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet"> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js" type="text/javascript"></script> | |
<script src="https://cdn.rawgit.com/mckamey/countdownjs/master/countdown.min.js" type="text/javascript"></script> | |
<script src="https://code.jquery.com/jquery-3.0.0.min.js" type="text/javascript"></script> | |
</head> | |
<h1>A Moment in time...</h1> | |
</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="about"> | |
<div class="mySocial"> | |
<a href="https://www.linkedin.com/in/rominamartinliberon/" target="_new" class="social"> | |
<i class="fab fa-linkedin"></i> | |
</a> | |
<a href="https://rominamartin.github.io/" target="_new" class="social"> | |
<i class="fab fa-github"></i> | |
</a> | |
<a href="https://twitter.com/rominamartinlib" target="_new" class="social"> | |
<i class="fab fa-twitter"></i> |
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
<h1>JavaScript List of JavaScript Topics in an Array</h1> | |
<h2>JavaScript Array.forEach()</h2> | |
<h3>Saturday January 15 2022 0800 AM</h3> | |
<p>Calls a function once for each JavaScript array element.</p> | |
<div id="topics"></div> | |
<div class="topics"></div> | |
<p id="topics"></p> | |
<script> |
A Pen by Robert Gorman on CodePen.
You'll be able to keep track of five habits of your choice. You can custom each habit name and its color. You won't loose any progress made since it uses localStorage to keep it all.
If the month changes you'll have the chance to keep the same habits or modify them. You'll be able to see the previous/next data if there is as well.
This tracker is Sean McCabe idea's so you can check his page and learn more about it.
A Pen by Robert Gorman 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
<!-- CSS Center => cssc;01 --> | |
<style> | |
body { | |
width: 90%; | |
height: 100%; | |
display: block; | |
margin-left: auto; | |
margin-right: auto; | |
text-align: center; | |
} |
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
<!-- CSS Center => cssc;01 --> | |
<style> | |
body { | |
width: 90%; | |
height: 100%; | |
display: block; | |
margin-left: auto; | |
margin-right: auto; | |
text-align: center; | |
} |
NewerOlder