グリッドレイアウト向けのシンプルで軽量なレシポンシブWebデザイン用CSSフレームワーク・Simple Grid シンプルなCSSフレームワーク・ Simple Gridのご紹介。1140px をベースに、レスポンシブWeb デザインにも対応できるグリッド レイアウトなWebサイト向けの フレームワークです。2012.10.18 | 11時24分53秒cssやプログラミングWebデザイン
CSS3のbox-shadowだけで作られたモナリザ・・・ CSS3で~を作った!という類の ものはかなり見かけていました が、今度はbox-shadowだけで 名画モナリザを描いた方が出て 来ました・・・熱意が凄いです。 役に立つかどうかは置いておいて。2012.10.04 | 10時37分17秒cssやプログラミングWebデザイン
ベーシックで使いやすそうなレスポンシブWebデザイン向けCSSフレームワーク・CSSHórus ベーシックなタイプのレスポンシブ Webデザイン向けCSSフレームワーク のご紹介。この手のフレームワーク はかなり出回ってますので肌に合う かどうかで決めても良さそうですね。2012.10.02 | 10時37分40秒cssやプログラミングWebデザイン
サーバー側のCSSの更新をファイル単位で読み込みなおすブックマークレット・SoFresh 使うかどうか分からないけど、慣れた ら楽かも、と思ったのでテスト的に 使っています。サーバー側にCSSの更新 があったら読み込みなおして最新の状 態にしてくれる、というブックマーク レット、SoFreshです。2012.09.29 | 10時59分42秒Webサービスその他
:invalidや:valid擬似クラスを使ったフォームバリデーションエラーメッセージのスタイルサンプル 今更ながら擬似クラスを使ったフォームバリデーションのスタイリングを試してみましたのでメモがてら。目新しい情報でもないので適当にスルーして下さいませ。2012.09.24 | 10時47分07秒cssやプログラミングWebデザイン
CSSやJavaScriptでのEasing使用法を確認できるチートシート・Easing Functions Cheat Sheet 見やすかったのでメモ的に。 Easingの動作確認や実装法 などを完結に纏めてある チートシートサイトのご紹 介です。たまにしか利用し ないので覚えられない・・2012.09.16 | 10時30分22秒cssやプログラミングWebデザイン
レスポンシブWebデザインのためのリソースをまとめたWebサイト・This Is Responsive レスポンシブなWebデザインを 作るときに役立つ情報やツール などをまとめているWebサイト、 This Is Responsiveをご紹介 します。情報はかなり出回って いるのでこうして纏められると 助かります。2012.09.13 | 10時35分07秒cssやプログラミングWebデザイン
シンプルさを求めて作られたレスポンシブWebデザイン対応のCSSフレームワーク・TOAST よりシンプルに、を追求したCSS フレームワークだそうです。レス ポンシブWebデザインにも対応し ています。シンプルと言う言葉に どうも弱い・・・2012.08.31 | 10時33分57秒cssやプログラミングWebデザイン
Twitter Bootstrapのテーマ作成も出来て、スマフォやタブレットでの表示状態も確認出来るジェネレーター・BootTheme Twitter Bootstrap用のテーマを 作成出来る、というジェネレーター 的なもの。それだけでなく、作成 しながらスマフォやタブレットで の表示状態も確認出来ます。2012.08.27 | 10時38分19秒WebサービスWebツール
CSSのみでYoutubeにオリジナルのフレームを加えてみる 実用性の無いネタ的な内容です。 JavaScript等を使わず、CSSだけ でYoutubeのフレームを作ってみ ます。CSSだけで作ったからどう、 という訳ではないですけど・・2012.08.02 | 10時44分45秒cssやプログラミングWebデザイン
CSS専門のスニペット共有サイト・CSSPop コードスニペットを共有できる Webサービスは沢山ありますが、 CSSPopはCSSを専門としたコード 共有サイトです。なかなか珍しい し、結構便利な小技も見かけま した。2012.07.29 | 10時34分03秒cssやプログラミングWebデザインインスピレーション
keyframesを使ったアニメーションを実装するCSS3コードをオンラインで生成出来る・Stylie CSS3のkeyframesアニメーション を生成するWebサービスのご紹介。 同じようなツールは他にも有りま すけど、結構シンプルで良さそう だったのでシェア。実際に動作を 確認しながら作れます。2012.07.22 | 11時29分52秒cssやプログラミングWebツールWebデザイン
グローバルメニューとかでマウスホバーしているリンク以外にCSSだけでブラー効果を与える JavaScriptでよく見かける、ホバー 状態のアイテム以外にエフェクトを かける、みたいなのをCSSで実装する という内容です。目新しい手法では 無いです。2012.07.08 | 11時15分29秒cssやプログラミングWebデザイン
JavaScriptも使わず元画像も変更せずに画像をグレースケール表示させる ちょっと調べ物をしたのでメモ。 画像1枚だけで、グレースケール、 マウスホバーでカラー画像に、 みたいなのを実装したい、出来れ ばJavaScriptも使用せず、みたい な内容です。2012.06.27 | 10時25分29秒cssやプログラミングWebデザイン
CSSのプロパティを検索してブラウザのバージョンごとの対応状況を確認出来るリファレンスサイト・Browser Support プロパティがどのブラウザに対応 しているかを調べられる、という 検索式のリファレンスサイトです。 バージョン別になっているので、 動かなくて困った、という時に調 べて見ては如何でしょう。2012.05.13 | 10時16分09秒cssやプログラミングWebサービスその他
CSSを書くとLESS形式にリアルタイムで変換するWebサービス・Css2Less CSSを書くと即座にLESS形式に変換 するWebサービス・Css2Lessのご紹介 です。使えるかどうかは別にして、 まだLESSに慣れてない方には練習用 になる・・・かもしれない。LESS も慣れるのが大変ですよね。2012.05.04 | 11時35分00秒WebサービスWebツールオープンソースソフトウェア
ベーシック且つシンプルなレスポンシブWebデザイン対応CSSフレームワーク・Exegesis-Framework シンプルでベーシックなレスポンシブ Webデザイン対応のCSSフレームワーク をご紹介。シンプルなのでフレーム ワークとしてとても使いやすいイメージ でした。これはこれで覚えておくと いいかも。2012.04.20 | 11時17分05秒cssやプログラミングWebデザイン
擬似クラスや属性セレクタ等でフィルタリング可能なCSSセレクターのシンプルなリファレンス 作りが良かったので参考としてメモ。 CSSのセレクターを、擬似クラスとか 属性とかでフィルタできるリファレ ンスサイトです。自分のチートシート の作りが微妙なので使いやすそうなら 参考にしたい。2012.04.11 | 10時28分56秒cssやプログラミングWebデザイン
CSS3で作る、ドロップダウン⇔アコーディオンの切り替えをするレスポンシブWebデザイン対応のグローバルメニュー JSを使わず、CSSのみでドロップダウン メニューとアコーディオンメニューを 特定のブレークポイントで切り替える レスポンシブWebデザイン対応のグロー バルメニューのサンプルです。これは なかなか良いのでは。2012.04.10 | 10時50分32秒cssやプログラミングWebデザイン
商用利用もWebフォントも無料で利用出来るサンセリフ系フォント・Subtle Sans 英字フォントですが、なかなか良さそう だったのでシェア。商用利用もWebフォント も無料でリンクなども不要と、結構自由 に使えるのと、個人的にサンセリフの 利用頻度が高いので即DLしてみましたよ。 太さも3種用意されています。2012.04.05 | 10時43分38秒cssやプログラミングWebデザインメディア関連
CSS3による様々なエフェクトが選択可能なレスポンシブWebデザイン対応イメージスライダーを実装するjQueryプラグイン・REFINESLIDE 3Dやスライスなど、様々なアニメーション エフェクトを使用できて、且つレスポンシブ Webデザインにも対応可能なイメージスライ ダーを実装できるjQueryプラグインのご 紹介。REFINESLIDEというプラグインです。 覚えて...2012.04.02 | 9時51分33秒iPhone / iPadjQueryWebデザイン
著作権放棄のレスポンシブWebデザイン対応CSSフレームワーク・ingrid シンプルで良さそうだったのでメモ。 パブリックドメインのCSSフレームワ ークです。レスポンシブWebデザイン にも対応していますし、グリッドレイ アウトにも利用出来るのでなかなか 汎用性があるのでは無いかなと。2012.03.27 | 10時35分56秒cssやプログラミングiPhone / iPadWebデザイン