シンプルで良さそうだったのでメモ。 パブリックドメインのCSSフレームワ ークです。レスポンシブWebデザイン にも対応していますし、グリッドレイ アウトにも利用出来るのでなかなか 汎用性があるのでは無いかなと。 ライセンスはCC0(クリエイティブコモンズ版のパブリックドメイン)で、著作権は放棄されていますので、気軽に使えますね。 凄く特殊な性能をもったフレームワークという訳ではありませんが、個人的には余計な物が備わってない方がありがたいのでカスタマイズしやすいです。 グリッドレイアウトにも対応しています。 以下、サンプルです。 Sample css/* UNITS These divider classes are set on .ingrid container --------------------------------------------------------*/ .in
第 3 回目は「タブナビゲーションを CSS で実現してみよう」です。 タブナビゲーションはサイトのメニューに多く使われ、ビジターに「ここはクリックできますよ」とわかりやすく伝えるためにロールオーバすることが多いです。 ロールオーバに JavaScript を使用する方法もありますが、CSS ならもっとスッキリ! 1.テキストリンクを生かしてタブナビゲーションを実現してみる テキストリンクを生かしたまま、背景に画像を表示させることでナビゲーションに見せる方法です。 [サンプル] [HTML] ソースはこんな感じになります。 <div id="tabnav-00"> <ul> <li id="menu01"><a href="#">メニュー01</a></li> <li id="menu02"><a href="#">メニュー02</a></li> <li id="menu03"><a hr
PicLensのWebmaster's Guideによると、PicLens対応の手順が、以下のように書かれている。 How It Works Learn By Example: A Basic PicLens Gallery Step-by-Step Instructions 1. Create a Media RSS Feed 2. Enable RSS Autodiscovery 3. Match Your HTML Page's Images to the Media RSS Tags 4. Add a PicLens Badge to Your Site (optional) ...(中略)... http://piclens.com/lite/webmasterguide.php 気になるのが4番目。「自分のサイトにPicLensバッジを付ける(オプション)」というのがある。 ←
Styles Drop Shadow Inner Shadow Background Border Border Radius
Icons Sexy Buttons can include icons by adding an additional <span> with a class attribute identifying the icon: Submit Cancel Add Delete Download Download Upload Search Find First Previous Next Last Play Pause Rewind Forward Stop Reload Syncronize Save Contact Us Print Add to Favorites Like Dislike Accept Decline Home Help What's this? Cut Copy Paste Erase Undo Redo Edit Calendar Profile Settings
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Michael Angeles (aka konigi) is an artist and product designer. I'm the UX Manager at Balsamiq and co-wrote the book Wireframing for Everyone. I've also have a Mobile DJ side gig in the Bay Area. © 2007-2024 Michael Angeles · Follow me on Instagram, LinkedIn, Threads, Mastodon & Facebook Home · About · Art · Design · Blog · Photos · Contact me
最近のページやサイト作成に欠かすことのできない「CSS(カスケーディング・スタイル・シート)」ですが、そのレイアウト作成を行う際に便利なリソース22種類です。ゼロから作るよりは楽に製作できるはず。 詳細は以下の通り。 40種類のCSSレイアウトがそろっています。 Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download! CSSのフレームワーク blueprintcss - Google Code 16種類の異なるCSSベースのレイアウト intensivstation :: CSS Templates :: Templates 12種類のCSSによるレイアウト Dynamic Drive CSS Layouts- CSS Frames CSSのレイアウトを作成する
フォトショップ(photoshop)ユーザーの方に、PCの買い替え、再インストールした際に、WEBデザインで使えそうな素材ファイル(グラデーション・ブラシ・レイヤースタイル・パターン)を提供しているサイトなどをリストアップてみました(個人的嗜好によるもの)。 PCがクラッシュ(ハード面)していまい、今現在メインマシンを修理に出している状態。たまたま見つけた特価もの(ノートパソコン)を使ってphotoshop作業を続行しようとしましたが、今まで集めたフリーで使えるphotoshop素材ツール(グラデーション・ブラシ・レイヤースタイル)のバックアップを取っていなかったので、再び設定し直し。また、こんなことがあるのではないかと思い。配布先サイトリストをブログにアップすることにしました。 私の個人的嗜好で正直、そんなに多くはないです。 Photoshop無料素材配布サイトピックアップ グラデーショ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く