Skip to content

Instantly share code, notes, and snippets.

@savicas
savicas / Project day_35
Last active November 25, 2019 09:28
Weather app
<!DOCTYPE html>
<html>
<head>
<title>Weather App</title>
<style type="text/css">
body {
margin: 1em auto;
max-width: 30em;
text-align: center;
@savicas
savicas / Missing IDs in Headers
Last active November 13, 2019 20:08
Project day_31
<!DOCTYPE html>
<html>
<head>
<title>Table of Contents - Missing IDs</title>
<style type="text/css">
body {
margin: 1em auto;
max-width: 40em;
width: 88%;
<!DOCTYPE html>
<html>
<head>
<title>Monsters!</title>
<style type="text/css">
body {
margin: 1em auto;
max-width: 40em;
<!DOCTYPE html>
<html>
<head>
<title>Random Ron</title>
<style type="text/css">
body {
margin: 1em auto;
max-width: 40em;
width: 88%;
<!DOCTYPE html>
<html>
<head>
<title>Character & Word Count</title>
<style type="text/css">
body {
margin: 1em auto;
max-width: 40em;
width: 88%;
// Listen for changes on the entire window
window.addEventListener('change', function (event) {
// matches polyfill
if (!Element.prototype.matches) {
Element.prototype.matches = Element.prototype.msMatchesSelector ||Element.prototype.webkitMatchesSelector;
}
if (event.target.matches('[type=checkbox]')) {
const showOnePwd = document.querySelector('#password');
@savicas
savicas / Toggle multiple passwords visibility
Last active October 16, 2019 16:20
Script for project day 3 vanillaJS
<!DOCTYPE html>
<html>
<head>
<title>Password Visibility - Multiple Fields</title>
<style type="text/css">
body {
margin: 1em auto;
max-width: 40em;
width: 88%;
@savicas
savicas / toggleCheckboxPwd
Created October 15, 2019 14:05
savicas first project toggle pwd visibility
<!DOCTYPE html>
<html>
<head>
<title>Password Visibility savicas</title>
<style type="text/css">
body {
margin: 1em auto;
max-width: 40em;
width: 88%;
@savicas
savicas / HTML5_for_IE.css
Created May 5, 2011 12:17
For suport HTML5 in IE9 or lower versions
aside, nav, footer, header, section {
display:block;
}