レスポンシブデザイン レスポンシブデザインに関する情報を紹介します。 Web制作に役立つ情報の紹介はこちら 1 - 10 ( 40 件中 ) [ / 1 2 3 4 / 次ページ→ ] 最近のレスポンシブ対応サイトで見かけるナビゲーションのアイデア・実装方法のまとめWebページやスマホページのレスポンシブ対応サイトで最近よく見かけるナビゲーションのアイデアや実装方法を紹介します。http://coliss.com/articles/build-websites/operation/work/responsive-menu.html [JS]コンテンツに応じたレスポンシブデザイン!要素の幅や高さや数に基づいてスタイルを定義できるスクリプト -EQCSSレスポンシブ対応のWebページを制作する時に「Media Queries」を使用する人は多いでしょう。Media Queriesはメディア、いわゆるデバイスの幅や高さや解像度や種類に基づいて、スタイルを定義できます。http://coliss.com/articles/build-websites/operation/javascript/element-queries-scoped-css.html レスポンシブと相性がいいカード型UIのレイアウトやデザインの実装アイデアのまとめPinterestから人気が出始めたカード型UIは、ここ1, 2年の間に日本でも多くのWebサイトで見かけるようになりました。BootstrapやMaterial Designにも採用されており、レスポンシブデザインとも非常に相性がよいUIコンポーネントです。http://coliss.com/articles/build-websites/operation/work/ideas-of-card-ui-components.html 高品質でしかも無料!すごい使えるレスポンシブ対応のHTML5/CSS3のテンプレートのまとめ今時のトレンドがうまく取り入れられ、高品質にデザインされたレスポンシブ対応のランディングページ、プロダクトページ、縦長ページ、ポートフォリオ、ブログなど、HTML5/CSS3で作成された商用利用無料のテンプレートを紹介します。http://coliss.com/articles/build-websites/operation/work/free-templates-for-responsive-2016-apr.html レスポンシブデザインに相性がいい、カード型コンポーネントの実装アイデアのまとめカード型のUIはPinterestから人気が出始め、ここ1,2年の間に数多くのWebサイトで採用されるようになりました。レスポンシブデザインに相性が非常によいのも人気である原因の一つでしょう。http://coliss.com/articles/build-websites/operation/design/card-ui-components.html [CSS]Media Queriesで使う単位はpx, em, remのどれが適しているか検証 -px指定は注意が必要レスポンシブ用のMedia Queriesを使う時に「@media (min-width: 400px) {}」のように「px」を単位に使用している人も多いと思います。しかし、px指定には注意が必要です。http://coliss.com/articles/build-websites/operation/css/media-query-units.html レスポンシブデザイン(スマホ対応)によって、Webサイトのアクセス数は増加するか?スマホ対応サイト(レスポンシブデザイン)で、アクセス数は本当に増えるか?サイトリニューアルの結果を報告します。http://web-tan.forum.impressrd.jp/u/2016/02/10/22165 Bootstrapは無し、HTML5とCSS3のシンプルなコードで実装されたレスポンシブ対応のテンプレートのまとめBootstrapなどのフレームワークは無し、HTML5とCSS3のシンプルなコードをベースに、jQueryなどでいろいろなインタラクションやアイコンフォントなどを使ったレスポンシブ対応のテンプレートをTemplatedから紹介します。http://coliss.com/articles/build-websites/operation/work/css-and-html5-templated.html レスポンシブの確認が快適に!ブラウザやOSを問わず各デバイスをシミュレートしてWebページを表示できるオンラインサービスブラウザやOSを問わずに、デスクトップ・スマホ・タブレット・テレビなどさまざまなデバイスのスクリーンサイズをシミュレートしてWebページの表示確認ができる無料オンラインサービスを紹介します。http://coliss.com/articles/web-services/tool-whatismyscreenresolution.html 単なるCSSリセットではなく、レスポンシブ対応のWeb制作を見据えたテクニックがいろいろ盛りこまれたスタイルシート -MarxCSSリセットと呼ぶべきか、もしくはフレームワークと呼ぶべきか、非常に迷うのですが、そのどちらにも利用できるスタイルシート「Marx」を紹介します。http://coliss.com/articles/build-websites/operation/css/about-marx-css.html 1 - 10 ( 40 件中 ) [ / 1 2 3 4 / 次ページ→ ] - Yomi-Search Ver4.21 -