Skip to content

Instantly share code, notes, and snippets.

View Ondreas's full-sized avatar

Ondreas

5 followers · 34 following
View GitHub Profile
@Ondreas
Ondreas / MS 'Navicon' with CSS.html
Created September 19, 2013 12:40
Microsoft Menu 'Navicon' with CSS http://dabblet.com/gist/3871069
<!DOCTYPE html>
<html>
<head>
<title>Microsoft Menu 'Navicon' with CSS</title>
<meta charset="utf-8"/>
<style type="text/css">
.menubar {
background: #f1f1f1;
border: 1px solid #ccc;
padding: 1em;
@Ondreas
Ondreas / Three Line Menu 'Navicon' for Modern and Legacy Browsers.html
Created September 19, 2013 12:50
Three Line Menu 'Navicon' for Modern and Legacy Browsers http://css-tricks.com/three-line-menu-navicon/#comment-196780
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#navicon {
display: block;
width: 1.75em;
height: .25em;
line-height: 0;
border-top: .75em double #000;
@Ondreas
Ondreas / Menu 'Navicon' with CSS3 Box-Shadow.html
Created September 19, 2013 13:15
Three Line Menu 'Navicon' CSS3 Box-Shadow
<! DOCTYPE html>
<html>
<head>
<title>Three Line Menu 'Navicon' with CSS3 Box-Shadow</title>
<!-- http://css-tricks.com/three-line-menu-navicon/ -->
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<style type="text/css">
.box-shadow-menu {
@Ondreas
Ondreas / Menu 'Navicon' with CSS3 Gradient.html
Created September 19, 2013 13:17
Three Line Menu 'Navicon' CSS3 Gradient
<html>
<head>
<title>Three Line Menu 'Navicon' with CSS3 Box-Shadow</title>
<!-- http://css-tricks.com/three-line-menu-navicon/ -->
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<style type="text/css">
.gradient-menu {
padding-left: 1.25em;
@Ondreas
Ondreas / Menu 'Navicon' with CSS Border.html
Created September 19, 2013 13:21
Three Line Menu 'Navicon' with CSS Border (in EMS)
<! DOCTYPE html>
<html>
<head>
<title>Three Line Menu 'Navicon' with CSS3 Box-Shadow</title>
<!-- http://css-tricks.com/three-line-menu-navicon/ -->
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<!-- <link rel="stylesheet" type="text/css" href="navicon.css"> -->
<style type="text/css">
.border-menu {
@Ondreas
Ondreas / vertical-stitched-border-ribbon.html
Created October 5, 2013 14:22
From http://stackoverflow.com/questions/12170964/css-only-textured-and-stitched-ribbon
<style type="text/css">
.ribbon {
background: #eee;
border-left: 1px dashed #aaa;
border-right: 1px dashed #aaa;
border-radius: 5px 5px 0 0;
box-shadow: 5px 0 0 #eee,
-5px 0 0 #eee;
height: 120px;
margin: 0 5px;
@Ondreas
Ondreas / rainbow.css
Created December 22, 2013 11:51
Rainbow Strip (CV)
/* ======================================================= */
/* RAINBOW */
/* ======================================================= */
/* unprefixed version, either use Lea Verou`s "-prefix-free" script
or get all vendor prefixes through Colorzilla Gradient Maker */
.rainbow {
margin: 0;
padding: 0;
@Ondreas
Ondreas / SassMeister-input.scss
Created March 13, 2014 08:40
Generated by SassMeister.com.
// ----
// Sass (v3.3.1)
// Compass (v1.0.0.alpha.18)
// ----
// FONT-FAMILY SETTINGS
$font-georgia: (
stack: "Georgia, serif",
x-small: (
@Ondreas
Ondreas / _headings.scss
Last active August 29, 2015 13:58
Define 'heading' properties using Sass @each control directives and Sass 'map'
/* Source: http://flippinawesome.org/2014/03/17/doing-more-with-sass-each-control-directive/ */
$heading-map:
(h1, 50px, 300, 6px 2px),
(h2, 42px, 300, 4px 2px),
(h3, 34px, 400, 2px),
(h4, 26px, 400, 2px),
(h5, 20px, 600, 2px),
(h6, 16px, 600, 1px 2px);
@Ondreas
Ondreas / cli-commands.md
Last active May 1, 2020 14:53
[CLI Commands (npm + cmd)] #cli #command

npm

1. Display Installed Packages

  • display all installed npm packages with version number in current working directory
    npm list --depth=0 or npm ls --depth=0
  • display all globally installed npm packages with version number
    npm list -g --depth=0 or npm ls -g --depth=0

2. Display Particular Package

  • display installed package version in current working directory