メディアクエリを正しく使うとWebページがどのデバイスでも正しく表示されます。OSや画面の大きさに関わらずデザインがレスポンシブになり、CSSがメンテナンスしやすくなります。このビデオでデモページを利用してメディアクエリの正しい使い方をご紹介します。 続きを読む

• daniemon.com
• テクノロジー

Text Box Lato is free web-font designed by Lukasz Dziedzic from Warsaw. Here you can feel the color, size, line height and margins between paragraphs. Don’t forget to underline your links, they are important visual marker for user. Also, to ... 続きを読む

• designmodo.github.com
• テクノロジー

Googleで「近江牛」と検索すると最上位に表示されるECサイトがある。インターネット黎明期ともいえる1997年に、本格的にECに参入した『近江牛.com』である。10年以上にわたって実績をあげ、業界内での評価も高かった同サイトが、2011年10月、全面リニューアルし... 続きを読む

• ascii.jp
• テクノロジー

うーん、こう来たか…。 タイルデザインって、視線走査時に見落としが出やすいから好きじゃないんだけどなあ…。 このデザインって、新聞とか雑誌の紙面レイアウトっぽいから流行ってる…という印象だけど、 紙面はただタイルにするのではなく、見出しや画像、... 続きを読む

• h:id:takhino
• テクノロジー

いつもならFacebookに吐き出しておしまいなのですが思ったところをつらつらと。 はてなブックマーク – 人気エントリー http://b.hatena.ne.jp/hotentry 賛否両論というか否のほうが多そうなこのリニューアルですが、個人的な疑問はこういう横方向にも視線を動... 続きを読む

• bloggingfrom.tv
• テクノロジー

レスポンシブWebデザインのメリット、デメリット比較まとめ - Photoshop VIPという記事がかなりはてブられているようなのですが、個人的に「そこはそうじゃないんじゃないかなぁ」と思うところが複数あったので、覚え書きしておきます。もっとも、当該記事の元... 続きを読む

• kidachi.kazuhi.to
• テクノロジー

Guy's Pod 2012.10.9 ブログエントリGuy's Pod » Blog Archive » Responsive Web Design is bad for performance. There, I said it.世界のトラフィックの数割を捌くAkamaiの中の人によるResponsive Web Designネタ Guyはモバイル向け速度計測ツール作ってたbla... 続きを読む

• d:id:vwxyz
• テクノロジー

懐古厨が高じてサイトを拵えてしまったので、「あの頃」が分かる方はぜひご参加ください。じわじわ更新します。　http://t.co/4KWi6GCs 続きを読む

• togetter.com
• テクノロジー

レスポンシブ・ウェブデザインという言葉が多くの Web 制作者に認知されるようになり、コンテンツの出し分けは古いなどという意見も出てきていますが、果たして本当にそうなのでしょうか。この記事では、それについてちょっと考えて見たことをまとめています。 ... 続きを読む

• yomotsu.net
• テクノロジー

最初は普通に表示されているけど、スクロールしてヘッダーが画面の外になると上端固定に切り替わる奴の話。今年になって異様に増殖してる。別に嫌いではないし、なんとか的にアレ……みたいなところもない(と思う)んだけど、実装するとなると結構色々気になると... 続きを読む

• hail2u.net
• テクノロジー

HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出... 続きを読む

• design.kayac.com
• テクノロジー

レスポンシブWebデザイン（Responsive Web Design、以下「RWD」）は、いま自分が注力している旬なテーマのひとつであり、それゆえに取り上げている記事などもいろいろ読んだりしているのですが、RWDが「最適化」の3文字と共に紹介されているのを見かけると、ち... 続きを読む

• kidachi.kazuhi.to
• テクノロジー

昨年2011年10月に仕事で運営に携わっている大学ウェブサイトでレスポンシブWebデザイン (しかもフル可変グリッドレイアウト) を導入して、はや半年。約6ヶ月間、レスポンシブWebデザイン（RWD）で制作したウェブサイトを運営してみて思ったことをまとめてみまし... 続きを読む

• parashuto.com
• テクノロジー

Bootstrapを使うと、複雑なCSSを書かなくても、綺麗な見た目のサイトを素早く作れて大変便利。なんだけど、UI的にはあまりよろしくない。はっきり言って、これは有害だ。 Bootstrapではタブやドロップダウンメニュー、モーダルダイアログといったUI要素を簡単に... 続きを読む

• kamblr.tumblr.com
• テクノロジー

くらげごはん。 - くだくらげの食と料理の記憶をつづる →いままでのごはんを見る 続きを読む

• kurage.hatenablog.com
• テクノロジー

なるべくテーマまとめ/紹介記事とかで頻出じゃないものを無料テーマから10個。 面白い仕掛けが組み込まれてるテーマだけに絞って、使いやすさとかはあまり考えずまとめてます。 大体以下のような内容。       テーマサムネイル 特徴解説 実際の動作GIFアニメ テ... 続きを読む

• chips-tips.tumblr.com
• テクノロジー

黒い画面（ターミナル）を使って簡単にTumblrのデザインを作成する環境を作ることが出来るオープンソース、その名も「Fumblr」を見つけました（moongift様の記事で）。 Tumblrはもっぱらフォローしている人のを読むだけでのツールとしてしか使ってなくて、読み... 続きを読む

• kuroigamen.com
• テクノロジー

Webデザインにおいて各パーツの位置はそのWebサイトの性格によって決まると思います。このWebサイトの場合は一見さんを重視していない文章の書き方をしていたりタイトルのつけ方をしているので、自然とそれを考慮に入れた配置にしています。 グローバル・ナビゲ... 続きを読む

• hail2u.net
• テクノロジー

Anthony Goodwin - Online Portfolio - Interactive Designer - Design - Interface designer - Multimedia designerI've been in this industry for around 5 years now and here are just a handful of clients I've had the prvilage of working with. Durex... 続きを読む

• www.designembraced.com
• テクノロジー

この記事は、2011/9/11 に神戸芸術工科大学で開かれた「WordCamp KOBE 2011」で私がお話しした「WordPressサイトをデザインする時に気をつけていること」というセッション内容をブログ記事として起こしたものです。 当日はたくさんの方にお越しいただきありがと... 続きを読む

• stocker.jp
• テクノロジー

黒い画面（ターミナル）を操り、オープンソースに勝手にデザインを入れ、それを作者に送り付ける「デザインテロ活動」を行うデザイナー集団です。主な活動は、プログラマーを招きより黒い画面への理解を深める勉強会を行うことと、送りつけたデザインテロの成果... 続きを読む

• kuroigamen.com
• テクノロジー

今年も7月7日がやってきました！ この日は7つのイベント&ニュースを発表するカヤックでは恒例のお祭りデー。 創業以来毎年続いています。 今年の目玉はこのカヤックのコーポレイトサイトのリニューアル！ そして7月7日七夕らしいイベントも各サービスで開催中。... 続きを読む

• www.kayac.com
• テクノロジー

WD101Webデザイン WD101: Webは見た目のコントロールがきかない 「見た目を同じにすることは出来ない」という Web デザインにおける事実を前提に設計しなければいけません。利用者に権限があるという中での最適化と、価値をどのように提供するのかという見た目... 続きを読む

• www.yasuhisa.com
• テクノロジー

tumblrで画像収集するのは割と当たり前 ですが、後で見返すときに見にくいテーマ だと見る気がしないのでいろいろ試して いましたが、せっかく試したのでついでに 画像収集に向いてそうなtumblrのフリー のテーマをご紹介します。 というか変えたい時に探してる... 続きを読む

• kachibito.net
• テクノロジー

最初に見たのは随分前にQuirksModeが今のデザインになった時だと思う。まだJavaScriptでコードハイライトとかなかった時代で、white-space: pre-wrap;とかもなく、せいぜいoverflow: scroll;とかやってたような。僕はその頃は「ちょっと変わってるな」程度の感... 続きを読む

• g:subtech:id:h2u
• テクノロジー

Browse: Home / Themes / 35 Stunning HTML5 Standards-Compliant Tumblr Themes One of the fastest growing networks today Tumblr has seen some fantastic community interactions. The amount of high-quality themes being developed and openly released... 続きを読む

• blogfreakz.com
• テクノロジー

About : Elect-LO-nica Compilation 言わずと知れた『COMIC LO』（茜新社）の人気漫画家でありQuasar名義での音楽活動でも活躍中の東山翔氏。そしてwebを媒介に無料で音楽を配信するネットレーベルのひとつ「分解系レコーズ」の主宰およびニコニコ動画でのマニ... 続きを読む

• bunkai-kei.com
• エンタメ

Facebookとは全く関係ない。iine!は僕がウェブ上で気に入ったロゴやフォーム、ナビゲーションなどをスクリーンショットと短いコメント付きで並べていくサイト。元々ローカルでやってたのを公開するようにした。特にそれらのパクリ方作成方法を解説したりとかは... 続きを読む

• hail2u.net
• テクノロジー

いろんなサイトのフッターを集めたリンク集カテゴリ 一覧 イラスト カラムメニュー ページトップへ戻る ロゴ 横並びメニュー 横並び＆カラムメニュー リンク 見出しデザイン.com ウェブコレクション！ 生活に役立つ・面白いそんなサイトを集めたリンク集。 abou... 続きを読む

• footer-design.com
• テクノロジー

続きを読む

• www.foolstown.com
• テクノロジー