2012年12月

BootstrapやHTML5 Boilerplateに影響を受けて作られた軽量でミニマルなCSSフレームワーク・Substrata - かちびと.net


BootstrapやHTML5 Boilerplateに影響を受けて作られた軽量でミニマルなCSSフレームワーク・Substrata - かちびと.net

BootstrapやHTML5 Boilerplateの 影響を受けているCSSフレームワ ークで、軽量でミニマルな設計を 目指したSubstrataのご紹介です。 余計なものを省きつつ、HTML5に 対応していないブラウザへも配慮 されています。 Twitter BootstrapやHTML5 Boilerplateから一部コードを借りて作っているようです。軽量でミニマル設計なのが売りみたい。 ...

はてなブックマーク - BootstrapやHTML5 Boilerplateに影響を受けて作られた軽量でミニマルなCSSフレームワーク・Substrata - かちびと.net はてなブックマークに追加

カテゴリー:コンピュータ・IT
http://kachibito.net/web-design/substrata.html

CSSスプライトをドラッグ&ドロップで生成できる「SpriteMachine」:phpspot開発日誌


CSSスプライトをドラッグ&ドロップで生成できる「SpriteMachine」:phpspot開発日誌

CSSスプライトをドラッグ&ドロップで生成できる「SpriteMachine」:phpspot開発日誌

SpriteMachine - Create css sprite images easily! CSSスプライトをドラッグ&ドロップで生成できる「SpriteMachine」。 簡単な設定の後、ZIPファイルをブラウザにドラッグ&ドロップすればスプライトファイルがダウンロードできるというもの。 お手軽で便利ですね。 ただ、個人的には、毎回全部アップロードするのは面倒だと感じるので、画像を新しく追...

はてなブックマーク - CSSスプライトをドラッグ&ドロップで生成できる「SpriteMachine」:phpspot開発日誌 はてなブックマークに追加

カテゴリー:コンピュータ・IT
http://phpspot.org/blog/archives/2012/12/cssspritemachin.html

Boostrap向けの日付/時間ピッカーを実装するスクリプト・bootstrap-datetimepicker - かちびと.net


Boostrap向けの日付/時間ピッカーを実装するスクリプト・bootstrap-datetimepicker - かちびと.net

Boostrap向けの日付/時間ピッカーを実装するスクリプト・bootstrap-datetimepicker - かちびと.net

Twitter Boostrap用の日付/時間 ピッカーを実装する為のライブラ リ・bootstrap-datetimepickerの ご紹介。日付と時間を同じinput 要素内で取得できます。また、 フォーマットも指定可能です。 デート・タイムピッカーを実装するスクリプト。jQuery依存みたいです。 bootstrap-datetimepicker シンプルに日付と時間を取得するだけのものです...

はてなブックマーク - Boostrap向けの日付/時間ピッカーを実装するスクリプト・bootstrap-datetimepicker - かちびと.net はてなブックマークに追加

カテゴリー:コンピュータ・IT
http://kachibito.net/web-design/bootstrap-datetimepicker.html

HTML5 × CSS3 × jQueryを真面目に勉強 – #10.1 CSS3 Transforms(3D) | クラスメソッド開発ブログ


HTML5 × CSS3 × jQueryを真面目に勉強 – #10.1 CSS3 Transforms(3D) | クラスメソッド開発ブログ

HTML5 × CSS3 × jQueryを真面目に勉強 – #10.1 CSS3 Transforms(3D) | クラスメソッド開発ブログ

matrix3d (a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4) ではサンプルコードを交えながら順に見てくとします。 matrix3dですが、こちらもmatrix 2Dと同様、複雑な理屈で取っ付きにくいうえに、rotateや3dやperspectiveといった関数で充分に代替可能なため、今回の記事では割愛させて頂きま...

はてなブックマーク - HTML5 × CSS3 × jQueryを真面目に勉強 – #10.1 CSS3 Transforms(3D) | クラスメソッド開発ブログ はてなブックマークに追加

カテゴリー:コンピュータ・IT
http://dev.classmethod.jp/client-side/html5-css3-jquery-study-10-1-css3transforms3d/

HTML5 × CSS3 × jQueryを真面目に勉強 – #10.1 CSS3 Transforms(3D) | クラスメソッド開発ブログ


HTML5 × CSS3 × jQueryを真面目に勉強 – #10.1 CSS3 Transforms(3D) | クラスメソッド開発ブログ

HTML5 × CSS3 × jQueryを真面目に勉強 – #10.1 CSS3 Transforms(3D) | クラスメソッド開発ブログ

matrix3d (a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4) ではサンプルコードを交えながら順に見てくとします。 matrix3dですが、こちらもmatrix 2Dと同様、複雑な理屈で取っ付きにくいうえに、rotateや3dやperspectiveといった関数で充分に代替可能なため、今回の記事では割愛させて頂きま...

はてなブックマーク - HTML5 × CSS3 × jQueryを真面目に勉強 – #10.1 CSS3 Transforms(3D) | クラスメソッド開発ブログ はてなブックマークに追加

カテゴリー:コンピュータ・IT
http://dev.classmethod.jp/ria/html5/html5-css3-jquery-study-10-1-css3transforms3d/

サイトのボトムにSoundCloudの音楽プレイヤーを実装できるjQueryプラグイン「Stratus 2」:phpspot開発日誌


サイトのボトムにSoundCloudの音楽プレイヤーを実装できるjQueryプラグイン「Stratus 2」:phpspot開発日誌

サイトのボトムにSoundCloudの音楽プレイヤーを実装できるjQueryプラグイン「Stratus 2」:phpspot開発日誌

サイトのボトムにSoundCloudの音楽プレイヤーを実装できるjQueryプラグイン「Stratus 2」 2012年12月28日- Stratus 2 BETA サイトのボトムにSoundCloudの音楽プレイヤーを実装できるjQueryプラグイン「Stratus 2」 音楽のソースはSoundCloudにホスティングされている音楽。有名ミュージシャンの楽曲の視聴などが可能なサイトです。 ウィ...

はてなブックマーク - サイトのボトムにSoundCloudの音楽プレイヤーを実装できるjQueryプラグイン「Stratus 2」:phpspot開発日誌 はてなブックマークに追加

カテゴリー:コンピュータ・IT
http://phpspot.org/blog/archives/2012/12/soundcloudjquer.html

単色のエレメントを立体的に美しくできるjQueryプラグイン「Add Shine」:phpspot開発日誌


単色のエレメントを立体的に美しくできるjQueryプラグイン「Add Shine」:phpspot開発日誌

単色のエレメントを立体的に美しくできるjQueryプラグイン「Add Shine」:phpspot開発日誌

Add Shine - a jQuery Plugin 単色のエレメントを立体的に美しくできるjQueryプラグイン「Add Shine」。 次のような単色ベースで味気ないページを、このjQueryプラグインを使って初期化してみます すると、次のようにゴージャスなグラデーションで立体的に美しく、手のかかった風のサイトにすることが可能 $(element).addShine() のようにしてエレメン...

はてなブックマーク - 単色のエレメントを立体的に美しくできるjQueryプラグイン「Add Shine」:phpspot開発日誌 はてなブックマークに追加

カテゴリー:コンピュータ・IT
http://phpspot.org/blog/archives/2012/12/jqueryadd_shine.html

決定版?! スマホページ用のリストレイアウトHTMLテンプレートを書いてみた : アシアルブログ


決定版?! スマホページ用のリストレイアウトHTMLテンプレートを書いてみた : アシアルブログ

こんにちは、鴨田です。 年の瀬ですね。 年をとる毎に一年があっという間に過ぎてしまうので、 もう今年も終わりかと嘆く日々です。 ということで、個人的には今年最後のブログとなります。 スマホサイトを作っていると、 見出しリストの作り方というのが、大分テンプレート化するので、 今日は自分メモも兼ねて、リストテンプレートを作りたいと思います。 ● デザイン こういう感じのいかにもなリストを作ります。 ポ...

はてなブックマーク - 決定版?! スマホページ用のリストレイアウトHTMLテンプレートを書いてみた : アシアルブログ はてなブックマークに追加

カテゴリー:コンピュータ・IT
http://blog.asial.co.jp/1117

[JS]派手な演出は無し!レスポンシブ対応のレイアウトを素早く構築するスクリプト -jquery.columns | コリス


[JS]派手な演出は無し!レスポンシブ対応のレイアウトを素早く構築するスクリプト -jquery.columns | コリス

[JS]派手な演出は無し!レスポンシブ対応のレイアウトを素早く構築するスクリプト -jquery.columns | コリス

サイズを変更するとアニメーションでパネルが移動するなどの派手な演出は一切無しで、レスポンシブ対応のレイアウトを素早く提供するjQueryのプラグインを紹介します。 jquery.columns -GitHub jquery.columnsのデモ jquery.columnsの使い方 jquery.columnsのデモ 対応ブラウザは、IE9/10, Firefox, Chrome, Safari,...

はてなブックマーク - [JS]派手な演出は無し!レスポンシブ対応のレイアウトを素早く構築するスクリプト -jquery.columns | コリス はてなブックマークに追加

カテゴリー:コンピュータ・IT
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-columns.html

2012年総まとめ:ウェブ制作に役立つエントリーBest 20 | コリス


2012年総まとめ:ウェブ制作に役立つエントリーBest 20 | コリス

2012年総まとめ:ウェブ制作に役立つエントリーBest 20 | コリス

2012年、当サイトでブックマークが多かったエントリーBest 20の紹介です。 今年はレスポンシブ、CSS3アニメーション、洗練されたデザインのUIが目立ったように思います。 3つともスマフォ絡みですね。 逆に、HTML5、jQueryは去年ほどではない気がしました、特にjQueryは来年のjQuery2に期待ですかね。 コリス 当サイトの購読は、RSS Feedをご利用すると便利です。 コリス...

はてなブックマーク - 2012年総まとめ:ウェブ制作に役立つエントリーBest 20 | コリス はてなブックマークに追加

カテゴリー:コンピュータ・IT
http://coliss.com/articles/digress/coliss-best-20-in-2012.html
最新記事(画像付)
ギャラリー
  • 【鷹鴎鷲燕】とりせん★3
  • 【鷹鴎鷲燕】とりせん★3
  • 【悲報】大谷、炎上wwwwwwwwwwwwwwwwwwwwwwwwwww【うん公煽り専】★4
  • 日本シリーズ 広島x日本ハム ★19【TBS】
  • 【新球場】札幌市長、日本ハムの札幌ドーム残留に向け5者協議
  • 【新球場】札幌市長、日本ハムの札幌ドーム残留に向け5者協議
  • 「土人」発言の機動隊員「抗議する人が、体に泥をつけてたことがあり、とっさに口に出た」
  • 【速報】唐沢弁護士、顔出しNHKデビュー Part.16
  • 【速報】唐沢弁護士、顔出しNHKデビュー Part.16
  • アベンジャーズに1人無能がいるよな
  • 【悲報】阪神大山、もはや意味不明
  • 【悲報】阪神大山、もはや意味不明
  • なんJ深夜の乃木坂46・欅坂46部
  • ラブライブの声優かわいすぎるwwwwwwwwww
  • 【速報】唐沢弁護士、顔出しNHKデビューwwwwwwPart.5
  • 【速報】唐沢弁護士、顔出しNHKデビューwwwwwwPart.6
  • 【速報】唐沢弁護士、顔出しNHKデビューwwwwwwPart.5
  • 中日の今回のドラフトで一番の当たりって
  • 【悲報】フジテレビ生野アナ、メイク途中で生中継に駆り出される
  • 【悲報】フジテレビ生野アナ、メイク途中で生中継に駆り出される
  • 【悲報】フジテレビ生野アナ、メイク途中で生中継に駆り出される
  • 【悲報】フジテレビ生野アナ、メイク途中で生中継に駆り出される
  • 【悲報】フジテレビ生野アナ、メイク途中で生中継に駆り出される
  • ワイ釣り師リーマン、週末になると釣りのことしか考えられん
  • ヒルナンデス スタジオやぞ
  • 【朗報】De1位指名の浜口、ラミちゃんとコンビ芸を披露しウキウキ
  • 【巨広横】セワーグドラフト反省会【阪ヤ中】
  • パシフィックリーグさんの大正義ドラフトwwwwwwwwwwww
  • 【ドラフト会議】西武ファン集合 ★6
  • 【ドラフト】ハムファン集合
  • 【投票】うん公とケロカスどっちに負けてほしい?
  • 父親「お前誰やねん!」24歳男「……」ザックザック
  • トランプ「女性差別!脱税!」ヒラリー「私用メール!チャイナマネー!」 アメリカ人「」
  • 父親「お前誰やねん!」24歳男「……」ザックザック
  • トランプ「女性差別!脱税!」ヒラリー「私用メール!チャイナマネー!」 アメリカ人「」
  • 中日ドラ1今井wwwwwwwwwwwwwwwwwwwww
  • 中日ドラ1今井wwwwwwwwwwwwwwwwwwwww
  • 【訃報】PSVR、実際は5万台しか売れてなかったwwwwwwwwwwwwwwwwwwwwwwwwww
  • 【訃報】PSVR、実際は5万台しか売れてなかったwwwwwwwwwwwwwwwwwwwwwwwwww
  • 【悲報】フジモンと木下優樹菜のガキの顔wwwwwwwwwwwwwwwwwwwwwwww
  • 【朗報】ふたりエッチの優良さん、ようやく妊娠する
  • 【BS1,Jスポ4】LAD@CHC【NLCS】
  • おハム「エース大谷を最終回のマウンドに!?栗山の采配すげぇww」 ←
  • 【朗報】ペルソナ5のメインヒロイン、決定する
  • 【朗報】便器、今シーズン終了wwwwwwwww★10
  • 【BS11】涼宮ハルヒの憂鬱→ろんぐらいだぁす!
  • 【BS11】涼宮ハルヒの憂鬱→ろんぐらいだぁす!
  • 【BS11】涼宮ハルヒの憂鬱→ろんぐらいだぁす!
  • 【BS11】涼宮ハルヒの憂鬱→ろんぐらいだぁす!
  • 広島ファン「田中広輔今日も全出塁!どうだ!」セ他球団「おお!」パ球団「すごい!」
  • 探偵ナイトスクープ2
  • 広島ファン「田中広輔今日も全出塁!どうだ!」セ他球団「おお!」パ球団「すごい!」
  • 探偵ナイトスクープ2
  • なんJ大学サボり部!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
  • 【BS1,Jスポ3】LAD@WSH【NLDS】 ★3
  • 縺ェ繧笛繝槭う繝翫?貍ォ逕サ驛ィ繧・繝シ??シ?シ?シ?シ?シ [辟。譁ュ縲?ツゥ3ch.net
  • 【悲報】三浦弘行九段の人生、終了する
  • タイ国王死亡、新国王のワチラーロンコーンの姿がこちら
  • タイ国王死亡、新国王のワチラーロンコーンの姿がこちら
  • 報ステ やきう
  • 報ステ やきう
  • 新ポケモンでかくとう ドラゴン wwwwwwwww
  • 鉄血のオルフェンズ普通に好きなやつwwwwwwwwwww
  • 鉄血のオルフェンズ普通に好きなやつwwwwwwwwwww
  • 鉄血のオルフェンズ普通に好きなやつwwwwwwwwwww
  • 鉄血のオルフェンズ普通に好きなやつwwwwwwwwwww
  • 鉄血のオルフェンズ普通に好きなやつwwwwwwwwwww
  • 鉄血のオルフェンズ普通に好きなやつwwwwwwwwwww
  • 君の名はの瀧くんって入れ替わったとき絶対三葉のま○こ見たよね
  • 君の名はの瀧くんって入れ替わったとき絶対三葉のま○こ見たよね
  • 遊戯王公式「初心者向けのスターターデッキ作りました これ買って遊戯王初めてください」
  • 【悲報】ガンダム鉄血、つまらなすぎる 2
  • 【悲報】ガンダム鉄血、つまらなすぎる 2
  • 【悲報】ガンダム鉄血、つまらなすぎる 2
  • 【悲報】ガンダム鉄血、つまらなすぎる 2
  • 【BS1】LAD×COL【マエケン林修登板】 ★8
  • 三大謎事件「洋子のはなしは信じるな」「カアイソウ」
  • 三大謎事件「洋子のはなしは信じるな」「カアイソウ」
  • 三大謎事件「洋子のはなしは信じるな」「カアイソウ」
  • 12球団チャンテランキングwwwwwwwwwwwwwwwwwww
  • 12球団チャンテランキングwwwwwwwwwwwwwwwwwww
  • 12球団チャンテランキングwwwwwwwwwwwwwwwwwww
  • 12球団チャンテランキングwwwwwwwwwwwwwwwwwww
  • 12球団チャンテランキングwwwwwwwwwwwwwwwwwww
  • 12球団チャンテランキングwwwwwwwwwwwwwwwwwww
  • 12球団チャンテランキングwwwwwwwwwwwwwwwwwww
  • 13球団チャンテランキングwwwwwwwwwwwwwwwwwww
  • 13球団チャンテランキングwwwwwwwwwwwwwwwwwww
  • 13球団チャンテランキングwwwwwwwwwwwwwwwwwww
  • 13球団チャンテランキングwwwwwwwwwwwwwwwwwww
  • 13球団チャンテランキングwwwwwwwwwwwwwwwwwww
  • 13球団チャンテランキングwwwwwwwwwwwwwwwwwww
  • 13球団チャンテランキングwwwwwwwwwwwwwwwwwww
  • なんJエロゲソング部
  • なんJエロゲソング部
  • 【速報】今現在のabemaTVの同時視聴者数300万人越えwwwwwww
  • 【速報】今現在のabemaTVの同時視聴者数300万人越えwwwwwww
  • セ4球団がベイスを応援したり煽ったり呆れたりするスレ 3
  • 【TX】Re:ゼロから始める異世界生活 1時間SP→闇芝居SP(終)★3
  • ワイ新入社員、吐く ★2
  • ワイ将(20代)レクサスを購入
  • 日ハム栗山監督「今日は賢介が全て。賢介サマサマの試合」
  • 【BSプレミアム】真田丸 第13回 「決戦」★4
  • 【テレ東】大食い 2杯目
  • 【G+】広島×巨人★6
  • 【悲報】日本人、韓国系カザフ人のフィギュア選手に人種差別のメールを大量に送りつける
  • 鳥谷 8試合 UZR-4.4
  • 鳥谷 8試合 UZR-4.4
  • FF15が本気で楽しみな奴wwwwwwwww
  • FF15が本気で楽しみな奴wwwwwwwww
  • FF15が本気で楽しみな奴wwwwwwwww
  • FF15が本気で楽しみな奴wwwwwwwww
  • 【MX】キズナ語→P4GA(終)→学戦都市アスタリスク→ラグスト→忍●★4
  • 今江敏晃 打率.429(28-12) 0本 5打点 出塁率.467 得点圏打率.714 OPS.931
  • 【訃報】壊死ニキ、死亡していた
  • 【訃報】壊死ニキ、死亡していた
  • 鴎-鷲--/鷹/-公猫--檻 ☆2
  • 【雑談】巨人阪神ファン集合 ★2
  • 【雑談】巨人阪神ファン集合 ★2
  • 【雑談】巨人阪神ファン集合 ★2
  • 【雑談】巨人阪神ファン集合 ★2
  • 【雑談】巨人阪神ファン集合 ★2
  • 【雑談】巨人阪神ファン集合 ★2
  • 南海トラフ怖すぎやろ Part.2
  • 【雑談】巨人阪神ファン集合 ★2
  • 【雑談】巨人阪神ファン集合 ★2
  • 【雑談】巨人阪神ファン集合 ★2
  • 【雑談】巨人阪神ファン集合 ★2
  • 【雑談】巨人阪神ファン集合 ★2
  • 【雑談】巨人阪神ファン集合 ★2
  • 南海トラフ怖すぎやろ Part.2
  • 【雑談】巨人阪神ファン集合 ★2
  • 【雑談】巨人阪神ファン集合 ★2
  • 【雑談】巨人阪神ファン集合 ★2
  • 【雑談】巨人阪神ファン集合 ★2
  • 【雑談】巨人阪神ファン集合 ★2
  • 【雑談】巨人阪神ファン集合 ★2
  • 南海トラフ怖すぎやろ Part.2
  • 【雑談】中日広島横浜ヤクルトファン集合
  • 【雑談】中日広島横浜ヤクルトファン集合
  • 【雑談】中日広島横浜ヤクルトファン集合
  • 【悲報】すぽると最終回、実況なし!w
  • 【悲報】すぽると最終回、実況なし!w
  • 【悲報】すぽると最終回、実況なし!w
  • 【悲報】FF15開発費回収に1000万本販売必要
  • 【テレ東】メガ・シャークVSグレート・タイタン ★4【糞映画】
  • 【テレ東】メガ・シャークVSグレート・タイタン ★4【糞映画】
  • 【テレ東】メガ・シャークVSグレート・タイタン ★4【糞映画】
  • 真中「トレーナーきていないのに投球練習はおかしい」
  • 真中「トレーナーきていないのに投球練習はおかしい」
  • 真中「トレーナーきていないのに投球練習はおかしい」
  • 【悲報】日本人プロゲーマー 韓国人に負けた腹いせに暴言を吐き出場停止wwwwwwwwww
  • 【ローテ一巡】パリーグファン集合
  • 女受けするイケメンと男受けするイケメン
  • クッキー☆実況 グリモワール
  • 女受けするイケメンと男受けするイケメン
  • クッキー☆実況 グリモワール
  • 【緊急】阪神ファン集合 Part5
  • クッキー☆実況 グリモワ
  • クッキー☆実況 グリモワ
  • 【ローテ一巡】パリーグファン集合
  • 広島ファン集合
  • 高橋周平逆転満塁ホームランwwww
  • 【FF15】UNCOVERED FINAL FANTASY XV 実況会場
  • 【FF15】UNCOVERED FINAL FANTASY XV 実況会場
  • 【FF15】UNCOVERED FINAL FANTASY XV 実況会場☆2
  • 【FF15】UNCOVERED FINAL FANTASY XV 実況会場☆2
  • 縲舌さ繝シ繝?ぅ繧ィ縲代が繝ェ繝?け繧ケ繝輔ぃ繝ウ髮?粋 [辟。譁ュ縲?ツゥ3ch.net
  • 【悲報】声優の黒沢ともよさん、人気が出ない
  • なんj彼女出来たこと無い部☆2
  • くっさいくっさい虚カスのお墓はこちら(笑)
  • 【悲報】乙武、セッ○ス拒否されていた
  • クッキー☆実況
  • クッキー☆実況
  • 巨人立岡「うるせぇんだよお前コラァ」★2
  • 中島の守備wwwwwwww
  • ● フリースタイルダンジョン #26Rec 6-4 ●
  • ● フリースタイルダンジョン #26Rec 6-4 ●
  • クッキー☆実況 Part.2
  • クッキー☆実況 Part.2
  • ● フリースタイルダンジョン #26Rec 6-4 ●
  • ● フリースタイルダンジョン #26Rec 6-4 ●
  • クッキー☆実況 Part.2
  • クッキー☆実況 Part.2
  • 坂本クルーズの二遊間wwwwwwwwwwwwwww
  • ワイ会社員、北海道に飛ばされ無事死亡
  • 岩手県 ←日本で唯一思い付く観光地がない県
  • 岩手県 ←日本で唯一思い付く観光地がない県
  • 岩手県 ←日本で唯一思い付く観光地がない県
  • 岩手県 ←日本で唯一思い付く観光地がない県
  • 岩手県 ←日本で唯一思い付く観光地がない県
  • 岩手県 ←日本で唯一思い付く観光地がない県
  • 岩手県 ←日本で唯一思い付く観光地がない県
  • 岩手県 ←日本で唯一思い付く観光地がない県
  • 岩手県 ←日本で唯一思い付く観光地がない県
  • 岩手県 ←日本で唯一思い付く観光地がない県
  • 岩手県 ←日本で唯一思い付く観光地がない県
  • 岩手県 ←日本で唯一思い付く観光地がない県
  • 【セ・パ】13球団雑談【燕兎虎鯉竜星鷹公鴎猫牛鷲】
  • 中学生「Vodafone?」
最新コメント
記事検索
  • ライブドアブログ