kulachat Kena ozinepank

## rebase.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                ozinepank
                / rebase.md
            
            
              Last active
              January 15, 2016 09:07
            
              
                Git rebase and merge form : master
              
          
    checkout to your current working feature/branch

git checkout -b feature/branch
checkout new tmp branch from feature/branch

git checkout -b tmp
delete feature/branch for merging commit logs

git branch -D feature/branch
checkout to the base branch


## Padding-Hack.css
.img-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 ratio */
    height: 0;
    overflow: hidden;
}

.img-container img {
    position: absolute;
    top: 0;

## mixing-palceholder.scss
@mixin psuedo-placeholder($color-placeholder) {
  &::-webkit-input-placeholder {
     color: $color-placeholder;
     @include transition-color;
  }

  &:-moz-placeholder { /* Firefox 18- */
    color: $color-placeholder;
    @include transition-color;
  }

## Content.scss
%GutterPaddingContent {
  padding:40px 20px;
}

.Content {
  @extend %GutterPaddingContent /* Mobile */
}

@media all and (min-width: 1001px) {
  %GutterPaddingContent {

## Button.scss
$tappable-height:60px;
$default-border-radius:4px;
$Green: #97cb5b;
%ButtonStyle {
    background:#fff;
    display: inline-block;
    border-radius:$default-border-radius;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;

## stylesheet.scss
$tappable-height:60px;
$default-border-radius:4px;
$Green: #97cb5b;
.ButtonStyle {
    background:#fff;
    display: inline-block;
    border-radius:$default-border-radius;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;

## frontendDevlopmentBookmarks.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                ozinepank
                / frontendDevlopmentBookmarks.md
            
            
              Created
              June 22, 2013 08:44
                — forked from dypsilon/frontendDevlopmentBookmarks.md
            
          
    Frontend Development

Attention: if you attempt to fork this gist, github will think that you are a spammer and you will have to confirm that you are human with them. Apparantly there are too many links in this list. Also I update it rather frequently (see revisions on the left), so it's probably wise to not fork it anyway.

Guides

Hack Design
Designer School
TheExpressiveWeb
Talks To Help You Become A Better Front-End Engineer In 2013


Web Development Teaching Materials


## sass_and_less_compared.markdown

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                ozinepank
                / sass_and_less_compared.markdown
            
            
              Created
              April 27, 2013 07:51
                — forked from chriseppstein/sass_and_less_compared.markdown
            
          
    Sass/Less Comparison

In this document I am using Sass's SCSS syntax. You can choose to use the indented syntax
in sass, if you prefer it, it has no functional differences from the SCSS syntax.
For Less, I'm using the JavaScript version because this is what they suggest on the website.
The ruby version may be different.
Variables


## hover-fadein-fadeout.html
<!DOCTYPE html>
	<head>
	<title>Hover : show Nivagation</title>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" href="css/bootstrap.css"/>
    <link rel="stylesheet" href="css/lab.css"/>
    <script type="text/javascript" src="js/jquery-2.0.0.min.js"></script>
    <script>
    	$(document).ready(function(){

## actionhover.js
$(".action-a").mouseenter(function(){
        $(this).addClass('action-hover');
     }) ;
     $(".dropdown").mouseleave(function(){
        $(".action-a").removeClass('action-hover');
     });
	.img-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 ratio */
	height: 0;
	overflow: hidden;
	}

	.img-container img {
	position: absolute;
	top: 0;
	@mixin psuedo-placeholder($color-placeholder) {
	&::-webkit-input-placeholder {
	color: $color-placeholder;
	@include transition-color;
	}

	&:-moz-placeholder { /* Firefox 18- */
	color: $color-placeholder;
	@include transition-color;
	}
	%GutterPaddingContent {
	padding:40px 20px;
	}

	.Content {
	@extend %GutterPaddingContent /* Mobile */
	}

	@media all and (min-width: 1001px) {
	%GutterPaddingContent {
	$tappable-height:60px;
	$default-border-radius:4px;
	$Green: #97cb5b;
	%ButtonStyle {
	background:#fff;
	display: inline-block;
	border-radius:$default-border-radius;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	<!DOCTYPE html>
	<head>
	<title>Hover : show Nivagation</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
	<link rel="stylesheet" href="css/bootstrap.css"/>
	<link rel="stylesheet" href="css/lab.css"/>
	<script type="text/javascript" src="js/jquery-2.0.0.min.js"></script>
	<script>
	$(document).ready(function(){
	$(".action-a").mouseenter(function(){
	$(this).addClass('action-hover');
	}) ;
	$(".dropdown").mouseleave(function(){
	$(".action-a").removeClass('action-hover');
	});