Skip to content

Instantly share code, notes, and snippets.

Avatar
🏠
Tech Lead [Full-stack] , I am in love with JavaScript...

Sudeep sudeepdk

🏠
Tech Lead [Full-stack] , I am in love with JavaScript...
View GitHub Profile
View css_shape.html
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.shap:after {
content: "";
position: absolute;
bottom: 0;
/* left: 0; */
View gist:3d0ded3ca4093d8bea451cf1410cfa65
var Things =
[1446380000000 ,
1446380000000 ,
1446480000000 ,
1446510000000 ,
1446630000000 ,
1446860000000 ,
1447030000000 ,
1447090000000 ,
1447590000000 ,
View designer.html
<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 {
View index.html
<!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
sudeepdk / index.html
Created Jun 15, 2013
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.
View index.html
<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">
@sudeepdk
sudeepdk / index.html
Created Mar 30, 2013
A CodePen by Anand.
View index.html
<!-- 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"/>