saki007ster

<link rel="import" href="../topeka-elements/theme.html">
<link rel="import" href="../topeka-elements/topeka-resources.html">
<link rel="import" href="../topeka-elements/topeka-app.html">

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

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

saki007ster

<link rel="import" href="../core-scaffold/core-scaffold.html">
<link rel="import" href="../core-header-panel/core-header-panel.html">
<link rel="import" href="../core-menu/core-menu.html">
<link rel="import" href="../core-item/core-item.html">
<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-field/core-field.html">
<link rel="import" href="../core-icon/core-icon.html">
<link rel="import" href="../core-input/core-input.html">
<link rel="import" href="../core-menu/core-submenu.html">

saki007ster

Install MongoDB with Homebrew

brew install mongodb
mkdir -p /data/db

Set permissions for the data directory

Ensure that user account running mongod has correct permissions for the directory:

saki007ster

#bannerGoogle, #banner_280_240, #banner_300_250, #banner_300x250_sidebar, #banner_468x60, #banner_ad, #banner_ad_Sponsored, #banner_ad_bottom, #banner_ad_div_fw, #banner_ad_footer, #banner_ad_module, #banner_ad_placeholder, #banner_admicro, #banner_ads, #banner_adsense, #banner_adv, #banner_advertisement, #banner_adverts, #banner_content_ad, #banner_sedo, #banner_slot, #banner_spacer, #banner_wrapper_top, #bannerad-bottom, #bannerad-top, #bannerad2, #banneradrow, #bannerads, #banneradspace, #barAdWrapper, #baseAdvertising, #baseboard-ad, #baseboard-ad-wrapper, #basket-adContainer, #bbContentAds, #bb_ad_container, #bbccom_sponsor_section_text, #bbo_ad1, #bcaster-ad, #before-footer-ad, #below-listings-ad, #below-post-ad, #belowAd, #belowContactBoxAd, #belowNodeAds, #below_content_ad_container, #belowad, #belowheaderad, #bg-footer-ads, #bg-footer-ads2, #bg_YieldManager-160x600, #bg_YieldManager-300x250, #bg_YieldManager-728x90, #bg_banner_120x600, #bg_banner_468x60, #bg_banner_728x90, #bgad, #bh_adFrame_ag_300x2

saki007ster

@function lower-bound($range){
  @if length($range) <= 0 {
    @return 0;
  }
  @return nth($range,1);
}

@function upper-bound($range) {
  @if length($range) < 2 {
    @return 999999999999;

saki007ster

Frontend Development

Attention: the list was moved to

https://github.com/dypsilon/frontend-dev-bookmarks

This page is not maintained anymore, please update your bookmarks.

---

saki007ster

@mixin box-shadow($top, $left, $blur, $color, $inset: false) {
  @if $inset {
    -webkit-box-shadow:inset $top $left $blur $color;
    -moz-box-shadow:inset $top $left $blur $color;
    box-shadow:inset $top $left $blur $color;
  } @else {
    -webkit-box-shadow: $top $left $blur $color;
    -moz-box-shadow: $top $left $blur $color;
    box-shadow: $top $left $blur $color;
  }

saki007ster

/*
A Web Designer’s Typographic Boilerplate
Ian Yates
http://enva.to/18Tx7XB

licensed under WTFPL 
http://www.wtfpl.net/
*/

/*

saki007ster

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 ruby version because this is what they suggest on the website. The javascript version may be different.

Variables

saki007ster

@mixin gradient($startColor:$white, $endColor:$gray-2) {
  background:$startColor; // fallback
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($startColor)}', endColorstr='#{ie-hex-str($endColor)}',GradientType=0 ); // IE 6-8
  background:-ms-linear-gradient(top, $startColor 0%, $endColor 100%); // IE 10+
  background:-o-linear-gradient(top, $startColor 0%, $endColor 100%); // Opera
  background:-moz-linear-gradient(top, $startColor 0%, $endColor 100%); // Firefox
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, $startColor), color-stop(100%, $endColor));  // Webkit (Safari, Chrome, other)
  background:-webkit-linear-gradient(top, $startColor 0%, $endColor 100%);  // Webkit (Safari, Chrome, other)
  background:linear-gradient(to bottom, $startColor 0%, $endColor 100%);
}