Skip to content

Instantly share code, notes, and snippets.

Avatar

Sandra Vilaro Casas savicas

View GitHub Profile
View Project day_35
<!DOCTYPE html>
<html>
<head>
<title>Weather App</title>
<style type="text/css">
body {
margin: 1em auto;
max-width: 30em;
text-align: center;
View Missing IDs in Headers
<!DOCTYPE html>
<html>
<head>
<title>Table of Contents - Missing IDs</title>
<style type="text/css">
body {
margin: 1em auto;
max-width: 40em;
width: 88%;
View Day_23_Shuffle The Monsters
<!DOCTYPE html>
<html>
<head>
<title>Monsters!</title>
<style type="text/css">
body {
margin: 1em auto;
max-width: 40em;
View Day_13 Random Ron
<!DOCTYPE html>
<html>
<head>
<title>Random Ron</title>
<style type="text/css">
body {
margin: 1em auto;
max-width: 40em;
width: 88%;
View day10_Char&Word Count
<!DOCTYPE html>
<html>
<head>
<title>Character & Word Count</title>
<style type="text/css">
body {
margin: 1em auto;
max-width: 40em;
width: 88%;
View day5-Toggle visibility multiple forms
// 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 Oct 16, 2019
Script for project day 3 vanillaJS
View Toggle multiple passwords visibility
<!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 Oct 15, 2019
savicas first project toggle pwd visibility
View toggleCheckboxPwd
<!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
For suport HTML5 in IE9 or lower versions
View HTML5_for_IE.css
aside, nav, footer, header, section {
display:block;
}
You can’t perform that action at this time.