Hacking together a solution to show part of an element in a card as a default state, lining up the element headline across each card and then animating the element to the center of its parent element
A Pen by Ryan Mulligan on CodePen.
Yu choose0or7
This file contains hidden or 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.no-js(lang="en-GB") | |
| head | |
| meta(charset="utf-8") | |
| meta(http-equiv="x-ua-compatible", content="ie=edge") | |
| meta(name="description", content="An example pen showing how a basic CSS Grid container can create a nice, responsive card layout.") | |
| meta(name="viewport", content="width=device-width, initial-scale=1, shrink-to-fit=no") | |
| title CSS Grid Cards | |
| .grid |
A 3D grid of hexagon tiles with a hover/click.
inspired by (http://aprilzero.com/explorer/august-2014/)
A Pen by Mohammed Fahsi on CodePen.
This file contains hidden or 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
| mixin strip(x) | |
| .strip | |
| - let i = -1; | |
| while i++ < x | |
| .number= i | |
| .clock | |
| .hr | |
| +strip(2) | |
| +strip(9) |
choose0or7
/ Charset.cls
Last active
June 5, 2018 19:03
— forked from nxtr/Charset.cls
Salesforce Force.com Apex: encode and decode string to / from binary characters in charset
This file contains hidden or 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
| public abstract class Charset { | |
| /** | |
| * Convenience method that encodes a string into bytes in charset. | |
| * <p> | |
| * @param input string of Unicode characters | |
| * @param charset name according to http://www.iana.org/assignments/character-sets/character-sets.xhtml | |
| * @return binary characters in charset | |
| */ | |
| public static Blob encode(final String input, final String charset) { |
choose0or7
/ codepen-logo-drawing-animation.markdown
Created
August 1, 2016 09:01
— forked from anonymous/codepen-logo-drawing-animation.markdown
CodePen Logo Drawing Animation
A Pen by Sohaib Mohammed on CodePen.