Photoshopで作成したかのようなクオリティのボタンやナビゲーションをCSSで作ってみた!的なものだけを集めたギャラリー・CSSDeck CSS3でこんなクオリティのボタンが作れる! みたいな記事をよく見かけると思うんですが、 そういったものだけを集めたデザインギャラ リーがありましたのでシェア。CSSの勉強に 如何でしょう。さもPhotoshopで作ったかの よう...2012.01.16 | 14時40分32秒cssやプログラミングWebデザインインスピレーション
Media Queriesのように、モニターサイズに応じてスタイルを変更可能にする非依存型で1KBの軽量jsライブラリ・syze シンプルで良さそうだったので一応備忘録。 Media Queriesライクにブレークポイントに 応じてスタイルを変更できるライブラリです。 非依存型で1KBと、超軽量スクリプトなので 簡単なキャンペーンサイトとかならこれでも いい...2012.01.16 | 10時49分38秒cssやプログラミングiPhone / iPadWebデザイン
jQueryで動かすアニメーションエフェクトが素敵なプリローダー・CUSTOM PRELOADER EFFECT ちょっとお洒落なプリローダーを探してた という方の参考になるかな・・と思ったの と、自分でも使いたかったので備忘録です。 アニメーションエフェクトが素敵なプリ ローダー・CUSTOM PRELOADER EFFECTの ご紹介です...2012.01.11 | 11時30分45秒cssやプログラミングjQueryWebデザイン
2011年・個人的に参考になったWeb制作向けの国内記事リスト 来年の復習用の記事リストです。自分用。 年末ですし、だれかがまとめ記事を書く と思って待ってましたが、他力本願も あまり良くないので自分でリストを作る 事にしました。去年も作ったけどあまり 出来なかったんですよね。。2011.12.26 | 9時53分43秒cssやプログラミングiPhone / iPadjQueryWebデザインWordPressWordPressその他お手軽カスタマイズカスタマイズ
css3で実装する3Dなロールオーバーエフェクトのサンプル 面白かったのでご紹介。マウスホバーによるロールオーバーエフェクトをcssで3D表現したサンプルです。休日ですし、ちょっとネタ的な内容ですけど、これはこれで勉強になりました。いろいろと考えますね、ほんと・・2011.12.23 | 12時57分44秒cssやプログラミングWebデザイン
Webフォントを利用する際に知っておくと役立ちそうなTipsとかサイトいろいろ Webフォントに関して調べ物をしたので 個人的なメモ。少し利用頻度があがって 来たので探しやすいようにまとめておき ます。まだちょっと使い慣れてないので もう少し勉強しないとダメですね・・ スマフォ向けのリソースもあります。 ...2011.12.22 | 11時19分16秒cssやプログラミングWebデザイン
cssとhtmlをその場で書くだけですぐに結果を確認出来る・dabblet 購読してるLea Verou女史のブログで 面白いツールが公開されていました のでメモ的にご紹介。以前も同じよ うなツールをご紹介しましたが、 もっと手軽に使えますのでこちらで も十分かもしれません。2011.12.21 | 10時56分04秒cssやプログラミングWebデザイン
jQueryライクで軽量なライブラリのzepto.jsを使用したモバイル向けフレームワーク・Zoeyと日本語サンプル 選択肢の一つとして備忘録。jQueryの ように扱えて、jQueryより軽量なjs ライブラリにzepto.jsというものが あるんですが、このzepto.jsをコアに 使ったモバイル用のフレームワーク をご紹介。2011.12.15 | 12時04分31秒cssやプログラミングiPhone / iPadWebデザイン
2011年に配信したjQueryやWordPressなどのWeb制作向け情報・総まとめ 早いもので今年も残すところあとわずか となりました。今年は年をまたいで仕事 しないとならないので早めに総まとめ的 な記事を書いておきます。と言っても 完全に自分用のまとめですのでご覧に なっても役に立たないと思いますがw2011.12.14 | 11時19分58秒cssやプログラミングiPhone / iPadjQueryWebデザインWordPressカスタマイズテーマプラグイン
JavaScriptは使わず、CSS3でコンテンツフィルターを実装する 土曜日なのでちょっとしたネタ。 JavaScript無しで、CSSのみで コンテンツフィルターを実装する 方法をご紹介。実用性は無いので こんな事も出来るんだねくらいに 受け止めていただけると。2011.12.10 | 11時45分47秒cssやプログラミングWebデザイン
ドロップダウンメニューやスライドショーなどを取り入れたWebサイトをレスポンシブWebデザイン対応で構築する為の勉強用テンプレ・YAMB 気になったので備忘録。ドロップダウン のメニューやコンテンツスライダーなど、 一般的によく見かけるUIを取り入れたWeb サイトをレスポンシブWebデザイン対応で 構築する為の勉強用になるかと思って メモ書き。まだちゃんと触ってま...2011.12.07 | 11時46分05秒cssやプログラミングiPhone / iPadjQueryWebデザイン
今年(2011年)参考になったWeb制作者向けのスライドいろいろ Web制作者というか、フロントエンド中心です。 WebデザインとかHTML5とかJavaScriptなどの スライドと、PHPなどが少し。タイトルで誤解 したらすみません。そろそろ年末年始の勉強 用に情報をまとめておきたいと思います...2011.11.28 | 11時31分48秒cssやプログラミングjQueryWebデザインインスピレーション
レスポンシブWebデザイン設計用のシンプルなテンプレート・The Goldilocks Approach もういくつも出回ってますので今更感 もありますが、個人的にはいくつあって も困らないのでご紹介。レスポンシブ Webデザイン設計用のシンプルなテンプ レート・The Goldilocks Approachです。 殆ど何もない状態な...2011.11.19 | 12時32分46秒cssやプログラミングiPhone / iPadWebデザイン
プロパティをインクリメンタル検索出来るCSSリファレンスサイト・InstaCSS 便利そうだったのでシェア。CSSの プロパティをインクリメンタル検索 出来るリファレンスサイト・InstaCSS です。キーワードを入れるだけで 検索結果が表示されます。ありそう で無かったですね。2011.11.15 | 11時00分22秒cssやプログラミングWebツールWebデザイン
CSS3の:nth-childセレクタで、3n+2とかを計算するやつ あんまり使わないような使うようなセレクタ の:nth-childですが、自分の頭が宜しくない ようで、適応させたい箇所の計算で混乱しま す・・面倒くさいと思っていたのでいいツール ないかなと思ってたんですがシンプルでいい のがあっ...2011.11.09 | 11時23分47秒cssやプログラミングjQueryWebデザイン
昨日書いた「画像を使わずに見出しを水平線で挟むCSS」をもうちょい工夫してみる 昨日書いた記事は実装のみでしたので、 もう少し工夫してみました。border自体 さほど出来ることは多くはありませんが それでもちょっと素敵な見出しが画像 を使わず作れるのは個人的には結構 嬉しいTipsだったりします。2011.11.06 | 12時11分08秒cssやプログラミングWebデザイン
画像を使わずに見出しを水平線で挟むCSS小技 ちょっと素敵だったので備忘録。CSS で見出しを水平線で囲むテクニック です。本とかでよくある表現方法です が、これを画像を使わず実装しよう、 というもの。クロスブラウザで動作 しますので汎用性もありますね。2011.11.05 | 11時15分07秒cssやプログラミングjQueryWebデザイン
HTML5+jQuery製の管理画面を作るためのテンプレート・HTML5 ADMIN なかなかユニークだったのでメモ的に。 HTML5+jQueryで使いやすい管理画面を 作るためのテンプレート・HTML5 ADMIN です。管理画面は見た目よりも機能性 のみに焦点が絞られるのでこういった テンプレートは結構貴重で...2011.11.04 | 14時11分04秒cssやプログラミングjQueryWebデザイン
Webサイト内の電話番号が勝手にSkypeの番号ボタンに置換されるのをmetaタグで制御する 少し気になったので調べたんですが、 ブラウザにSkypeのアドオンとかエク ステンションを入れていると、Web サイトやGoogleの検索結果の電話番号 が勝手にSkype用の起動ボタンに置換 されます。2011.10.27 | 12時26分04秒cssやプログラミングWebデザイン
画像もJSも使わず、CSSのみでTwitterやApple、マクドナルドなどのロゴを作成、コードを公開しているサイト CSSのみでOperaやIEのロゴを作成したり、 というのを以前はよく見かけましたが、 インスパイアされたようでTwitterや、 Apple、マクドナルドやナイキなど様々 なロゴをCSSのみで作成、コードを公開 してるサイトがあ...2011.10.25 | 10時59分13秒cssやプログラミングWebデザイン
ブラウザ上でHTML / CSS / Javascriptを書いてその場で実行、ブログ等にも貼付できるjsfiddleの基本的な使い方をざっくりと 個人的にお勧めしているjsfiddleですが、せっかくなのでちゃんと記事にして普及活動をしてみようかなと思います。jQueryのコードを気軽に試す、などにも最適です。2011.10.24 | 12時07分42秒cssやプログラミングjQueryWebサービスWebツール
軽量で、シンプルなCSSフレームワーク・Atatonic 結構前からあるみたいですけど、なかなか 良かったのでメモがてらご紹介。軽量で シンプルなCSSフレームワークです。有名 なフレームワークは使いやすく、高性能 な傾向ですが、結局無駄が出てしまうので 場合によってはこういうシンプルな...2011.10.23 | 11時24分53秒cssやプログラミングWebデザイン