Skip to content

Instantly share code, notes, and snippets.

Facebook card


Basic Metadata

put these meta tags in the tag

  • og:title - The title of your object as it should appear within the graph, e.g., "The Rock".
  • og:type - The type of your object, e.g., "video.movie". Depending on the type you specify, other properties may also be required.
@seyedi
seyedi / CSScomb.sublime-settings
Last active August 29, 2015 14:15
Our config file for CSSComb ( a CSS coding style formatter )
{
// If plugin has trouble finding Node.js, replace this string with path
// to your `node` bin
"node-path" : ":/usr/local/bin",
// Full list of supported options and acceptable values can be found here:
// https://github.com/csscomb/csscomb.js/blob/master/doc/options.md
"config": {
// Whether to add a semicolon after the last value/mixin.
@seyedi
seyedi / scopes.txt
Last active August 29, 2015 14:14 — forked from iambibhas/scopes.txt
Here is a list of scopes to use in Sublime Text 2 snippets -
ActionScript: source.actionscript.2
AppleScript: source.applescript
ASP: source.asp
Batch FIle: source.dosbatch
C#: source.cs
C++: source.c++
Clojure: source.clojure
CoffeeScript: source.coffee
#7 Principles of Rich Web Applications
Server rendered pages are not optional
Act immediately on user input
React to data changes
Control the data exchange with the server
Don’t break history, enhance it
Push code updates
Predict behavior
@seyedi
seyedi / Anti-Hero
Created October 29, 2014 08:38
The Anti-hero of CSS Layout - "display:table". THE BEST ARTICLE I'VE EVER READ :)
post: http://colintoh.com/blog/display-table-anti-hero
Dynamic Vertical Aligning ==> http://codepen.io/colintoh/pen/nvcak
Responsive Layout ==> http://codepen.io/colintoh/pen/kbrzL
Dynamic Sticky Footer ==> http://codepen.io/colintoh/pen/fFsAI
Holy Grail Layout ==> http://codepen.io/colintoh/pen/tGmDp
@seyedi
seyedi / OOSASS.scss
Created October 29, 2014 07:44
An example in oosass and using extend in sass
/* The best way */
%button {
min-width: 100px;
padding: 1em;
border-radius: 1em;
}
%twitter-background {
color: #fff;
background: #55acee;
}
@seyedi
seyedi / Article-microdata.html
Last active August 29, 2015 14:08
An article snippet in microdata format
<!-- Microdata markup added by Google Structured Data Markup Helper. -->
<html><head></head><body>
<div itemscope="" itemtype="http://schema.org/Article">
<div itemprop="headline">
Allies Are Split on Goal and
Exit Strategy in Libya
</div>
<div itemprop="description">
NATO Takes Command
</div>
@seyedi
seyedi / gist:f81d211302e1cd454c10
Created June 29, 2014 06:48
RDFa Product Snippet
<article vocab="http://schema.org/" typeof="Product">
<figure><img src="images/pro2.jpg" alt="" title="" width="139" height="179" itemprop="image"></figure>
<h2 class="title" property="name"></h2>
<p class="desc" property="description"></p>
<div class="cost" property="offers">
<span typeof="Offer">
<span class="number" property="price"></span>
<span class="unit" property="currency" content="IRT"></span>
</span>
</div>
@seyedi
seyedi / OOP Rules
Created January 25, 2014 06:31
Two rules that keep your code readable and maintainable(OO)
- Keep the things that change together as close as possible and try to decouple them as much as possible from other functionalities.
- Do not let your objects know too much about the insides of other objects.
function interval(func, wait, times){
var interv = function(w, t){
return function(){
if(typeof t === "undefined" || t-- > 0){
setTimeout(interv, w);
try{
func.call(null);
}
catch(e){
t = 0;