A Pen by Vincent Tang on CodePen.
var canvas = document.querySelector("canvas"); | |
canvas.width = window.innerWidth; | |
canvas.height = window.innerHeight; | |
canvas.width = 1600; | |
canvas.height = 800; | |
var ctx = canvas.getContext("2d"); |
.nav-wrapper | |
.nav | |
each val in [1, 2, 3, 4, "Good Bye"] | |
.dropdown | |
a Category | |
.megamenu | |
p= val | |
p Hello World |
var myVar = setTimeout(myTimer, 2000); | |
function myTimer() { | |
// https://worldmap.harvard.edu/data/geonode:country_centroids_az8 | |
console.log("Hello world123123"); | |
var randomIndex = getRandomInt(193); | |
vtLong = jsonRandom[randomIndex].Longitude; | |
vtLat = jsonRandom[randomIndex].Latitude; | |
vtCountry = jsonRandom[randomIndex].country; |
- for (var x = 0; x < 13; x++) | |
.qty-holder | |
button.qty-dec - | |
input(type="number" value="1").qty-adj | |
button.qty-inc + |
/* Remove all Vertical lines except first 1 in current view */ | |
.Node.is-currentRoot .Node .Node > .Node-children { | |
border-left: 0px !important; | |
} | |
/* Make Remaining Lines Green */ | |
.Node.is-currentRoot .Node .Node-children { | |
border-left: 1px dotted green !important; | |
} | |
/* Hide All Bulletpoints (1st and 2nd in current view) */ |
Hiding overflow child flexbox items Now targeting multiple elements at a time And targeting non elements as well Useful in largely condensed notetaking application and/or ecommerce shopping
based on for overflow: https://stackoverflow.com/questions/9333379/javascript-css-check-if-overflow
Hiding overflow child flexbox items
based on for overflow: https://stackoverflow.com/questions/9333379/javascript-css-check-if-overflow
and for toggleText https://stackoverflow.com/questions/5584010/jquery-toggle-html-text
A demonstration of how to overflow box layouts
Pt2 demonstrates how you can overclip a partial text to resize the entire box
Uses a combination of hover, :before pseudoselectors, specific right and bottom borders.
A Pen by Vincent Tang on CodePen.
A demonstration of how to overflow box grid layouts
Hover over a rubberducky box to see the results
Uses a combination of hover, :before pseudoselectors, specific right and bottom borders.
A Pen by Vincent Tang on CodePen.