seyedi

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

#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

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

seyedi

{
  // 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

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

Animated Covers

Which # do you prefer ?

A Pen by Mojtaba Seyedi on CodePen.

License.

seyedi

<!--  Essential META Tags -->

<meta property="og:title" content="European Travel Destinations">
<meta property="og:description" content="Offering tour packages for individuals or groups.">
<meta property="og:image" content="http://euro-travel-example.com/thumbnail.jpg">
<meta property="og:url" content="http://euro-travel-example.com/index.htm">
<meta name="twitter:card" content="summary_large_image">


<!--  Non-Essential, But Recommended -->

seyedi

<!--  Essential META Tags -->

<meta property="og:title" content="European Travel Destinations">
<meta property="og:description" content="Offering tour packages for individuals or groups.">
<meta property="og:image" content="http://euro-travel-example.com/thumbnail.jpg">
<meta property="og:url" content="http://euro-travel-example.com/index.htm">
<meta name="twitter:card" content="summary_large_image">


<!--  Non-Essential, But Recommended -->

seyedi

div {
  width: 80%;
  height: 130px;
  margin: 20px auto 0;  
  border: 10px solid gray;
  border-image: url(http://mojoimage.com/free-image-hosting-13/8572ball-border-img.png) 100 / 30px 30px stretch repeat; 
}

seyedi

{
  "api": {
    "CredentialUserData": {
      "__compat": {
        "mdn_url": "https://developer.mozilla.org/docs/Web/API/CredentialUserData",
        "support": {
          "chrome": {
            "version_added": "60"
          },
          "chrome_android": {