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

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 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

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

Bootstrap 3 Category Grid Sample

hover over the category to highlight it

A Pen by Vincent Tang on CodePen.

License.

vincentntang

Dual Inner Shadow Button Toggler

Inner box buttons that trigger background color changes

A Pen by Vincent Tang on CodePen.

License.

vincentntang

.wrapper
  a.mouseover-me.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel lacus est. Ut vulputate venenatis mauris porta ornare. Nunc vehicula dapibus sem eget maximus. Nunc vehicula dapibus sem eget maximus. Nunc vehicula dapibus sem eget maximus.
  h1.override-me HOVER ABOVE PARAGRAPH TO HIDE THIS TEXT PARTIALLY, BUT KEEP THIS H1 TEXT IN THE SAME POSITION

vincentntang

0 info it worked if it ends with ok
1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli   'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli   'install',
1 verbose cli   'express',
1 verbose cli   '--save' ]
2 info using npm@5.6.0
3 info using node@v8.11.1
4 verbose npm-session 608cdf354f06931c
5 silly install loadCurrentTree

vincentntang

0 info it worked if it ends with ok
1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli   'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli   'install',
1 verbose cli   'express',
1 verbose cli   '--save' ]
2 info using npm@3.10.10
3 info using node@v6.11.1
4 silly loadCurrentTree Starting
5 silly install loadCurrentTree

vincentntang

#28 API calls in various forms practice

Functional - ish style programming to demonstrate various ways to make API calls including Promises, jquery GetJSON, and just regular vanilla javascript.

Uses bootstrap /PUG to have minimal HTML / CSS formatting, focus is mostly javascript and asynchronous callbacks

Uses a simple 2 column flexbox layout scheme

A Pen by Vincent Tang on CodePen.