Skip to content

Instantly share code, notes, and snippets.

@eystein
eystein / start-server-in-any-folder.txt
Created July 31, 2020 10:21
Start server in any folder
php -S localhost:8000
php -S 0.0.0.0:8000
python2 -m SimpleHTTPServer 80
python3 -m http.server 80
ruby -run -e httpd . -p5000
*.rbc
capybara-*.html
.rspec
/log
/tmp
/db/*.sqlite3
/db/*.sqlite3-journal
/public/system
/coverage/
/spec/tmp
@eystein
eystein / workshop-activity-10.html
Last active October 11, 2019 07:45
HTML & CSS workshop. Activity 10: Choose CSS selectors (solution)
<head>
<title>CSS and HTML workshop: Activity 10</title>
<style>
/*
* The <body> element is the root element for the
* visible part of a website.
*
*/
body {
# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to log to the console when each text editor is saved.
#
# atom.workspace.observeTextEditors (editor) ->
# editor.onDidSave ->
@eystein
eystein / dabblet.css
Last active December 21, 2015 21:38
CSS Secrets. Chapter 1.
/**
* CSS Secrets. Chapter 1.
*/
button {
padding: .3em .8em;
border: 1px solid rgba(0,0,0,0.1);
background: #58a linear-gradient(hsla(0, 0%, 100%, .2), transparent);
border-radius: .2em;
box-shadow: 0 .05em .25em gray;
color: white;
@eystein
eystein / dabblet.css
Created February 3, 2014 17:26
Transform antialising bug?
/**
* Transform antialising bug?
*/
.transform2d {
-webkit-transform: translate(0,-50%);
transform: translate(0,-50%);
}
.transform3d {
@eystein
eystein / dabblet.css
Created May 8, 2012 23:25 — forked from chriscoyier/dabblet.css
Fake animated pseudo
/**
* Fake animated pseudo
*/
div {
width: 200px;
padding: 10px;
position: relative;
background: red;
background-clip: content-box;
animation: bounce infinite alternate 0.5s;
@eystein
eystein / dabblet.css
Created April 6, 2012 23:35
Flipping a cube. Take 2.
/*
* Flipping a cube. Take 2.
*/
/* Set-up */
body {
color: rgb(6, 106, 117);
text-transform: uppercase;
font-family: sans-serif;
font-size: 100%;
@eystein
eystein / dabblet.css
Created April 6, 2012 17:41
Flipping a cube
/*
* Flipping a cube
*/
/* Set-up */
body {
color: rgb(6, 106, 117);
text-transform: uppercase;
font-family: sans-serif;
font-size: 100%;