A Pen by Ben Mildren on CodePen.
Sudeep sudeepdk
🏠
sudeepdk
/ css_shape.html
Created
December 8, 2016 05:23
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> | |
| <head> | |
| <title></title> | |
| <style type="text/css"> | |
| .shap:after { | |
| content: ""; | |
| position: absolute; | |
| bottom: 0; | |
| /* left: 0; */ |
sudeepdk
/ gist:3d0ded3ca4093d8bea451cf1410cfa65
Created
October 13, 2016 13:32
convert epoch time to date()
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
| var Things = | |
| [1446380000000 , | |
| 1446380000000 , | |
| 1446480000000 , | |
| 1446510000000 , | |
| 1446630000000 , | |
| 1446860000000 , | |
| 1447030000000 , | |
| 1447090000000 , | |
| 1447590000000 , |
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
| <link rel="import" href="../topeka-elements/theme.html"> | |
| <link rel="import" href="../topeka-elements/topeka-resources.html"> | |
| <link rel="import" href="../topeka-elements/topeka-app.html"> | |
| <link rel="import" href="../topeka-elements/topeka-datasource.html"> | |
| <polymer-element name="my-element"> | |
| <template> | |
| <style> | |
| :host { |
sudeepdk
/ Super Simple CSS Tooltips.markdown
Created
September 4, 2015 16:59
Super Simple CSS Tooltips
sudeepdk
/ index.html
Last active
August 29, 2015 14:11
— forked from anonymous/index.html
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 ng-app> | |
| <head> | |
| <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script> | |
| <meta charset=utf-8 /> | |
| <title>JS Bin</title> | |
| </head> | |
| <body> | |
| <div ng-controller="CkCtrl"> | |
| <textarea name="editor" id="" cols="30" rows="10" ng-model="editorData"></textarea> |
sudeepdk
/ index.html
Created
June 15, 2013 17:13
A CodePen by Yogev Ahuvia. A Circular Form - This interface experiments with user input by implementing a circular form, that rotates as the user advances through it's path.
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
| <div class="wrapper"> | |
| <div class="wheel closed"> | |
| <form onsubmit="return false;"> | |
| <ul> | |
| <li> | |
| <label class="sent-label">Thank You!</label> | |
| <input placeholder="Hi there! Press Tab..." tabindex="1"> | |
| </li> | |
| <li> | |
| <input placeholder="This is," tabindex="2"> |
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
| <!-- We will make a simple accordian with hover effects | |
| The markup will have a list with images and the titles--> | |
| <div class="accordian"> | |
| <ul> | |
| <li> | |
| <div class="image_title"> | |
| <a href="#">KungFu Panda</a> | |
| </div> | |
| <a href="#"> | |
| <img src="http://thecodeplayer.com/uploads/media/3yiC6Yq.jpg"/> |