bishoplee

<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<link rel="import" href="../core-drawer-panel/core-drawer-panel.html">

<polymer-element name="my-element">

  <template>
    <style>    
      :host {
        position: absolute;

bishoplee

Creating your first Slim Framework Application

The Slim Framework is a great micro frameworks for Web application, RESTful API's and Websites. This Tutorial shows how to create a very basic but flexible project for every use case.

Table of contents

• Requirements
• Introduction
• Installation

bishoplee

<label class="switch">
    <input type="checkbox">
    <div></div>
    <span>Switch me</span>
</label>

<!-- dribbble -->
<a class="dribbble" href="https://dribbble.com/shots/4772606-Switch-loading-animation" target="_blank"><img src="https://cdn.dribbble.com/assets/dribbble-ball-1col-dnld-e29e0436f93d2f9c430fde5f3da66f94493fdca66351408ab0f96e2ec518ab17.png" alt=""></a>

bishoplee

<div class="center">
  <input type="checkbox" id="cbx" style="display:none"/>
  <label for="cbx" class="toggle">
    <span>
      <svg width="10px" height="10px" viewBox="0 0 10 10">
        <path d="M5,1 L5,1 C2.790861,1 1,2.790861 1,5 L1,5 C1,7.209139 2.790861,9 5,9 L5,9 C7.209139,9 9,7.209139 9,5 L9,5 C9,2.790861 7.209139,1 5,1 L5,9 L5,1 Z"></path>
      </svg>
    </span>
  </label>    
</div>

bishoplee

CSS Menu Concept - #codepenchallenge

A Pen by IlyasR on CodePen.

License.

bishoplee

Email validation animation

Simple animation if the email is valid

Dribbble Shot

A Pen by Aaron Iker on CodePen.

License.

bishoplee

Add to collection button

Simple animation if you add smth to a collection for example

Dribbble Shot

A Pen by Aaron Iker on CodePen.

License.

bishoplee

<div class="container">

        <form class="toggle">

            <input type="radio" id="choice1" name="choice" value="creative">
            <label for="choice1">Speed</label>

            <input type="radio" id="choice2" name="choice" value="productive">
            <label for="choice2">Quality</label>

bishoplee

<button class="btn" id="btn">
	<div class="ripple ripple--dark"></div>
	<div class="ripple ripple--light"></div>
	
	<div class="toggle toggle--dark"></div>
	<div class="toggle toggle--light"></div>
</button>

bishoplee

<div class="toolbar">
	<div class="icon icon--absolute">
		<div class="bar"></div>
		<div class="bar"></div>
		<div class="bar bar--short"></div>
	</div>
	<div class="icon icon--left">
		<div class="bar"></div>
		<div class="bar"></div>
		<div class="bar bar--short"></div>