2014年1月10日のブックマーク (6件)

  • ウェブデザイナーは知っておきたい、ページレイアウトの代表的な10のパターン

    実際のウェブサイトを例に、ずっと廃れないであろうページレイアウトの10のパターンとその特徴を紹介します。 10 Evergreen Website Layouts (that will never go out of style) [ad#ad-2] 下記は各ポイントを意訳したものです。 2カラム、広いヘッダ 3カラム、広いヘッダ フォーボックス 不確定なグリッド 大きいスクリーンショット シングルカラム 打ち出し画像 固定サイドバー グリッドベースのギャラリー マガジンスタイル [ad#ad-2] 2カラム、広いヘッダ これは最も普通のレイアウトと言ってもよいでしょう。広いヘッダが上部にあり、960pxを2カラムにし、一つは広く、もう一つは狭くしたものです。狭い方はサイドバーでナビゲーションなどが設置してあります。 慣習的に、ブログでは広い方の右にナビゲーションを置き、スタティックなサイ

    zibunchou
    zibunchou 2014/01/10
    ページレイアウト代表
  • Typhooon

    2つのセレクトボックスを連動させる時に初めて気づいた問題です。 次のようなものを実装しようとしていました。 セレクトボックスAとセレクトボックスBには同じ値がセットされていて、セレクトボックスAで値を指定すると、その値を除いたものだけがセレクトボックスBに表示されるというものです。 実装の方法として、セレクトボックスAが選択された時に、セレクトボックスBの値と比較して同じものだけを非表示にすればよ […]

    zibunchou
    zibunchou 2014/01/10
    font-family一覧
  • デザインをちょっと素敵にするサンプル 8

    先日 HTML5 + CSS3 で書かれた、素敵な雑誌の表紙みたいな Webサイトを見つけました。それ以来、CSS3 だったらコレもできそう ... アレもできるかも ... なんてことを、雑誌のデザインなどを見ながらひとり盛り上がってます w まだまだ IE では CSS3 が使えないけれど、今回はいくつか CSS3 のサンプル作りに挑戦してみました。 まるで雑誌の表紙のようなデザインで、とっても感動してしまいました。HTML5 と CSS3 で書かれていて、ブロック要素、内包するテキストも斜めにレイアウトされています。細いテキストを斜めにすると、とても読みにくくなってしまうんですけどフォントも工夫されてて判読性も十分です。 もちろん IE では斜めではなくて水平に表示されてしまうんですけど、それでも閲覧するのに困らないようなハイブリットなデザインで、またまた感動! これから近い将来、C

  • [css]マウスオーバー時に画像透過をさせロールオーバーを表現するcssテクニック – devolen

    cssでロールオーバー(ホバー)時に画像透過をさせ簡単にロールオーバーを表現する方法。 非常に簡単に画像のロールオーバーを表現ができるので紹介します。 ※上の画像は記事内容と全く関係ありませんm(__)m このブログでもロールオーバー(ホバー)時の表現として画像透過をさせているます。 以下のサンプル画像に、ロールオーバーしてもらえれば少し薄くなっているのが分かるかと思います。 その透過処理の方法なんですが非常に簡単です。 ■以下CSSでの画像透過の方法。 ロールオーバー時に画像透過をしたい「img」に以下のCSSを記述してください。 div#hoge a:hover img { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #fff; } ■ポイント ■filte

  • Photoshopでの作業のパフォーマンスを向上させる最適な環境設定のまとめ

    Photoshopでの作業がもたついたり、もっときびきび動作させたい、という時に、ちょっと見直しておきたいPhotoshopの設定項目を紹介します。 各設定は、ウェブページのレイアウトやUIの作成を想定したもので、必要に応じて調整してご利用ください。 CC2015にも対応した環境設定は、下記ページをご覧ください。 Photoshopの作業パフォーマンスを向上させる最適な環境設定のまとめ -CC2015対応 How To Optimize Photoshop For Better Performance 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。海外のブロガーから他ブログでの無断翻訳・転載の声を聞くのでご注意ください。 ヒストリーとキャッシュ グラフィックプロセッサー 仮想記憶ディスク メモリの使用状況 64ビットモード レイヤーパ

  • テレビっ子がテレビ離れする程にハマる"ラジオ"の魅力 - horahareta

    スポンサードリンク ラジオを聴くことが日課になってきた 去年の春ぐらいに毎日音楽を聴いてることに飽きた時期があったんです。 iPhoneの容量を節約するために10バンドぐらいしか入れてない自分が悪いんですけどね。 そんな音楽離れした日常もそれまた退屈だったんで、ふとラジオを聴いてみようってことで大阪のラジオと言えば"fm802"ということでfm802を聴くようになったんですが、これもメインは音楽の情報だったんで結局同じやん。 ってことでネットでおもしろいラジオを調べてみると、出てきたのが ダウンタウン松人志の"放送室" YouTube ダウンタウンのまっちゃんと放送作家の高須さんがひたすら話してる番組なんですけど、お笑いに関して談義してる時がおもしろいです。 M-1のネタの感想を話してる回はかなり興味を魅かれました。 僕は"お笑いオタク"なんで、お笑い芸人の音が聴けるのが嬉しいんです。

    テレビっ子がテレビ離れする程にハマる"ラジオ"の魅力 - horahareta