HeavyFeatherのブックマーク / 2013年5月24日

HeavyFeather id:HeavyFeather

2013年5月24日のブックマーク (5件)

Industry trend tools - Think with Google
Marketing is at an inflection point. Here’s why that’s an opportunity
HeavyFeather 2013/05/24
Google

tool
リンク
Swig - A Node.js and Browser JavaScript Template Engine
Get Started Install Swig npm install swig Create Your Template <h1>{{ pagename|title }}</h1> <ul> {% for author in authors %} <li{% if loop.first%} class="first"{% endif %}> {{ author }} </li> {% else %} <li>There are no authors.</li> {% endfor %} </ul> Render Your Template var template = require('swig'); var tmpl = template.compileFile('/path/to/template.html'); tmpl.render({ pagename: 'awesome p
HeavyFeather 2013/05/24
js

browser

development

javascript
リンク
http://column.socialmedia-rex.com/2013/05/000665.php
NameBright.com - Next Generation Domain Registration socialmedia-rex.com is coming soon
HeavyFeather 2013/05/24
business

tool

life
リンク
上部固定メニューのお供に、jQueryを使ったクリックで開閉するメニュー
タイトルのとおりjQueryを使ったクリックで開閉するメニューを作ってみました。先日マウスを乗せると開くメニューを紹介しましたが、用途によって使い分けるといいと思います。 facebookにも同じようなのがありますね。それではHTMLから解説していきます。 HTML まずはHTMLです。コンテンツの部分は省略しています。 <div id="fixed-menu"> <div id="fixed-menu-contents"> <a href="#" id="home"></a> <div class="panel-wrap"> <a href="#" class="panel-btn">カテゴリー</a> <div class="panel"> コンテンツ </div> </div> <div class="panel-wrap"> <a href="#" class="panel-btn
HeavyFeather 2013/05/24
javascript

design

web
リンク
レスポンシブ対応サイトを作成する超軽量のスクリプト -skel.js | コリス
スタンドアローンで動作する19KBの超軽量スクリプト。さまざまなレイアウトに対応できるグリッド。表示サイズごとのブレイクポイントの設定も簡単。 resetやbox-modelなどの有用なCSSのショートカットを用意。プラグイン機能も備えているので、拡張にも対応。 skel.jsのデモデモはシンプルな構成のページが表示が用意されています。まずはデスクトップサイズとして、幅1200pxで表示してみます。デモページ：幅480pxで表示 skel.jsの使い方 jQueryや他のスタイルシートなどを用意せずに、すぐに利用できます。 Step 1: 外部ファイル当スクリプトを外部ファイルとして記述します。 <script src="skel.js"></script> jQueryもスタイルシートも他のファイルは必要ありません。 Step 2: スクリプトのセットアップスクリプトのセ
HeavyFeather 2013/05/24
javascript

responsive

design
リンク
- 2013年5月27日
- 2013年5月24日
- 2013年5月23日