タグ

ブックマーク / log.deconcepter.jp (2)

  • たった1行で完成?凄まじくレスポンシブデザインなサイトの作り方 | DECONCEPTER

    簡単に作れる!みんな大好き可変グリッド 先日話題になっていた「なんだこれ!!「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ!!」で紹介されていたNHKスタジオパークのレスポンシブデザイン。 こちらのサイト、プラグインを使ってとてもシンプルに作られています。キレイ。このシンプルさを伝えたくてうずうずしてきました。せっかくうずうずしたのでどんな作り方をしているのかサンプルを交えて紹介します。 まずはこちらのデモを御覧ください。 凄まじくレスポンシブデザインなサイトデモ 使われているのはjQuery Masonryというプラグインだ! @planetofgoriさんのブログで紹介されているように、jQuery Masonryというプラグインが使われています。このプラグインたった数行でNHKのサイトのような可変グリッドレイアウトが作れてしまいます。可変グリッドのレイア

  • 爆速エディタSublime Text 2ショートカット一覧 | DECONCEPTER

    まずはSublime Text 2の無敵たる所以の3つのショートカット コマンドパレットを表示 コマンドパレットはシンタックスの切り替えや、スニペットの呼び出しなどここが全ての起点になると言っても過言ではありません。パッケージコントロールをインストールすれば、様々なプラグインがここを基点にインストール管理ができます。 Cmd + Shift + P 同じ文字列を一括選択・編集(1つずつ) これもSublime Text 2の特徴的な機能の一つ。通常の検索置換とは全く違った体験が得られます。まずは何も言わず試してください。 Cmd + D 同じ文字列を一括選択・編集 有無をいわさず検索対象文字列を選択して一括編集モードにしてくれます。急いでコードを書いているときに重宝しすぎてありあまる感激機能。 Cmd + Ctrl + G 普通に便利系 指定行に移動 Ctrl + G 行をコメントアウト(

  • 1