vincentntang

// INJECTING THE HTML
document.querySelector('body').innerHTML += '<div id="injection">Hello World</div>';

// CSS INJECTION FUNCTION
//https://stackoverflow.com/questions/707565/how-do-you-add-css-with-javascript
function insertCss( code ) {
    var style = document.createElement('style');
    style.type = 'text/css';
    if (style.styleSheet) {
        // IE

vincentntang

CSS Mega Menu Dropdown Navigation Responsive Pt4

Megadropdown menu with selfexplanatory CSS Used in corporate and ecommerce sites normally Explained as simply as possible with as few styles and HTML markup. Uses flexbox

Based on https://designmodo.com/create-css3-mega-menu/

vincentntang

Hamburger Menu CSS with Animation

short and to the point hamburger menu animation. Try clicking on it. based on https://www.w3schools.com/howto/howto_css_menu_icon.asp

A Pen by Vincent Tang on CodePen.

License.

vincentntang

CSS Hamburger Drawer Menu - Jquery/Jade Variant

Left side toggle CSS hamburger drawer menu with minimal Jquery. Based on http://designcouch.com/home/why/2014/04/23/pure-css-drawer-menu/

Hamburger animation Based on some previous pens I wrote here too https://codepen.io/Kagerjay/pen/qKvrgw

A Pen by Vincent Tang on CodePen.

License.

vincentntang

Hover Textbox Overflow

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.

vincentntang

Hover Textbox Overflow Pt2

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.

vincentntang

Flexbox Hide Overflow Child Elements Pt2

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

vincentntang

Flexbox Hide Overflow Child Elements Pt3

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

vincentntang

/* 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) */

vincentntang

- for (var x = 0; x < 13; x++)
  .qty-holder
    button.qty-dec -
    input(type="number" value="1").qty-adj
    button.qty-inc +