Make the submit button appears when you focus on the text field. Done with css only.
A Pen by Sam Markiewicz on CodePen.
Samuel Markiewicz SamMarkiewicz
SamMarkiewicz
/ Test
Created
October 19, 2012 11:03
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body { | |
| line-height: 1; | |
| } | |
| ol, ul { | |
| list-style: none; | |
| } |
SamMarkiewicz
/ pRemover.js
Last active
October 12, 2015 23:57
Removes <p> around <img> for Tumblr text
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Create the var according to your needs : | |
| var wrappedImg = $('[higher-selector-that-contains-img]').find('img') | |
| wrappedImg.closest('p > *').unwrap(); //Allow p suppression even if the structure changes - i.e if you put link on your img | |
| // Exemple : | |
| // var wrappedImg = $('section').find('img') | |
| // wrappedImg .unwrap('p'); |
SamMarkiewicz
/ index.slim
Created
May 29, 2013 15:42
A CodePen by Sam Markiewicz. Calendar - Just a dribbble thing that I liked, and I wanted to see live :) Source here : http://dribbble.com/shots/1054042--Freebie-Calendar-Window?list=users
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| doctype html | |
| html lang="en" | |
| head | |
| meta charset="UTF-8" | |
| title Calendar | |
| link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700" rel="stylesheet" type="text/css" | |
| body | |
| header role="banner" | |
| time | |
| | August |
SamMarkiewicz
/ index.slim
Created
May 31, 2013 13:36
A CodePen by Sam Markiewicz. HTML5 SignIn form (with validation) - A sign in form template in html5.
Built with HTML5, bits of css3.
Powered with Slim, Sass and Compass. Contains an experiment with html5 validation (no js for tooltips and validation). Don't hesitate to ask for explanations :)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| doctype html | |
| html lang="en" | |
| head | |
| meta charset="UTF-8" | |
| title Calendar | |
| link href='http://fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic' rel='stylesheet' type='text/css' | |
| link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet" | |
| body | |
| section role="main" class="m-box--sign-in" | |
| header class="m-box--box-sized" |
SamMarkiewicz
/ Search-field-w-animation.markdown
Created
November 15, 2014 14:54
A Pen by Sam Markiewicz.
SamMarkiewicz
/ .sh
Created
November 26, 2014 17:52
Boilerplate shell command for zsh (add in .zshrc)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function boilerplate { | |
| args=($@) | |
| # clone repo | |
| git clone https://github.com/SamMarkiewicz/boilerplate.git $@ | |
| cd $@ | |
| # remove git repo | |
| rm -rf .git |
I hereby claim:
- I am sammarkiewicz on github.
- I am sammarkiewicz (https://keybase.io/sammarkiewicz) on keybase.
- I have a public key ASAEKaOoR-473zetBqC7rbvy2F4pNH3Mr_c8jp92jD1Prwo
To claim this, I am signing this object: