I haven't done much of anything with CSS perspective or animations, so I just figured I'd start my day off following a simple tutorial blogged by David Walsh (http://davidwalsh.name/css-cube).
A Pen by A Non Ymous on CodePen.
R.M.McKernan WhatLibrarian
WhatLibrarian
/ bibtex.png
Created
May 5, 2017 23:15
— forked from max-mapper/bibtex.png
How to make a scientific looking PDF from markdown (with bibliography)
WhatLibrarian
/ An-Anonymous-Pen.markdown
Created
November 25, 2013 22:25
— forked from anonymous/An-Anonymous-Pen.markdown
WhatLibrarian
/ booklist.js
Last active
December 27, 2015 09:39
— forked from jasonclark/booklist.js
More annotations added for educational and clarity purposes. Removed link to Worldcat and replaced with link to library catalog for local users (we use Voyager but other library ILS will also work. Consult your systems librarian). Also added in Call-Number display and removed author and title info (because we want to use this as a visual book-co…
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
| //Call in the jquery library needed for this function. | |
| <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> | |
| //Begin script. | |
| <script type="text/javascript"> | |
WhatLibrarian
/ booklist.css
Last active
December 17, 2015 03:09
— forked from jasonclark/booklist.css
This allows the book covers to be displayed horizontally instead of vertically.
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
| <style type="text/css"> | |
| .items {display:table;list-style:none;margin:0;padding:0;border-spacing:5px;} | |
| .items li {display:table-cell;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:1px solid #ccc;padding:5px;margin:0 0 10px 0;} | |
| .items li img {display:table-cell;vertical-align:top;} | |
| .items li span.meta {display:table-cell;vertical-align:top;margin:0;padding:0 0 0 5px;} | |
| .items li {margin:0 0 5px 0;} | |
| </style> | |