Skip to content

Instantly share code, notes, and snippets.

View siamak's full-sized avatar
🎯
Focusing

Siamak siamak

🎯
Focusing
View GitHub Profile
@siamak
siamak / Auto-Direction-RTL-to-LTR.markdown
Created April 22, 2014 12:27
A Pen by Siamak Mokhtari.

Auto Direction RTL to LTR

There is a trick with jQuery or Zepto.js that you can Change auto Direction of Inputs in forms.

A Pen by Siamak Mokhtari on CodePen.

License.

@siamak
siamak / Fixed-Background-attachment.markdown
Created April 26, 2014 21:29
A Pen by Siamak Mokhtari.

Fixed Background-attachment

Replacement Background-attachment with Position Fixed. Read the CSS Code and will be found.

A Pen by Siamak Mokhtari on CodePen.

License.

@siamak
siamak / index.html
Last active August 29, 2015 14:03
pop effect animation
<!-- Created by Siamak Mokhtari (@sia_mac) -->
<section class="grid-full">
<h1>pop on Licon!</h1>
<p>pop is an effect animation that <a href="https://github.com/facebook/" target="_blank">Facebook</a> used on <a href="http://www.facebook.com/paper" target="_blank">Paper&trade;</a> application.<br/>
In this pen you can see pop animation on CSS3 without using any js codes.
</p>
<figure class="grid-one pop">
<i class="licon-clock"></i>
@siamak
siamak / BLOKK-STYLE-WITH-CSS.markdown
Created August 11, 2014 16:37
A Pen by Siamak Mokhtari.
@siamak
siamak / BEM__Mixin.scss
Last active May 17, 2021 14:10
Mixin of BEM selectors with SCSS
/*
_____ _ _ ___ ___ _ _ _ _
/ ___|(_) | | | \/ | | | | | | | (_)
\ `--. _ __ _ _ __ ___ __ _ | | __ | . . | ___ | | __| |__ | |_ __ _ _ __ _
`--. \| | / _` || '_ ` _ \ / _` || |/ / | |\/| | / _ \ | |/ /| '_ \ | __|/ _` || '__|| |
/\__/ /| || (_| || | | | | || (_| || < | | | || (_) || < | | | || |_| (_| || | | |
\____/ |_| \__,_||_| |_| |_| \__,_||_|\_\ \_| |_/ \___/ |_|\_\|_| |_| \__|\__,_||_| |_|
www.siamak.us
== Mixin of BEM selectors with SCSS: ==
@siamak
siamak / colors.scss
Created April 9, 2016 22:52
Sass (SCSS) Colors Maps. `map-get`
$colors: (
red: (
base : #FF4E4E,
dark : #FF0005
),
dark: (
base : #212121,
normal : #333333,
light : #E0E0E0
)
@siamak
siamak / packages.txt
Last active January 17, 2017 10:33
Here's my $ apm ls
Community Packages (34)
├── atom-alignment@0.12.1
├── atom-beautify@0.29.11
├── atom-jade@0.3.0
├── atom-material-ui@1.3.5
├── atom-panda-syntax@0.12.0
├── atom-ternjs@0.15.0
├── auto-update-packages@1.0.1
├── autocomplete-modules@1.6.1
├── autocomplete-paths@1.0.2
@siamak
siamak / gradient.js
Last active April 5, 2019 11:09
Steps in Gradient
/**
* GradientArray • Steps gradient.
* @author Siamak Mokhtari <hi@siamak.work>
* @date 06/21/16.
*/
class GradientArray {
// Convert a hex color to an RGB array e.g. [r,g,b]
// Accepts the following formats: FFF, FFFFFF, #FFF, #FFFFFF
hexToRgb(hex) {
let r, g, b, parts;
@siamak
siamak / form.html
Created June 22, 2016 08:41
Image Validator (Dimension) with javascript.
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<h3>Image Validator: </h3>
@siamak
siamak / React for Developers.markdown
Created July 15, 2016 08:16
React for Developers