Skip to content

60-minutes.biz

– 時間を縛ることで、時間を味わってみる –

レスポンシブデザインをするならチェックしておきたい便利な5ツール

Posted on 2013年7月10日2014年9月3日 By ハマケン
このエントリーをはてなブックマークに追加
Tweet


こんにちわ、ハマケンです。

60-minutes.bizもレスポンシブデザインに変更すべきかどうか迷ってますが、
現状モバイルなどのアクセスが少ないので、プライオリティーが低めになってます。
iPadで見た時などにちょっとイラッとしてしまいますが、、申し訳ございません。

とは言えタブレットやスマホのユーザーが増えている現状を踏まえると
無視できないですね。

今日はレスポンシブデザインをサポートする便利なページを5つ紹介します!


Advertisement


おススメの5ツール

Responsive Data Table Roundup

デモやサンプルソースなどが沢山書いてあるので、便利です。
円グラフなどの例もありましたよ。

Responsive Tables with CSS/JS – Foundation 3 – ZURB Playground – ZURB.com

こちらもテーブルですね。
サンプルのJSとCSSがダウンロードできます。

Retina Images

Retinaディスプレイ用に画像を最適化してくれるツールです。
Retinaに最適化するためには2倍の大きさを用意する必要がありますが、
導入するだけで、対応が可能となります。
.htaccessとかをちょっと触る必要もありますので、ちょっと面倒くさいですが・・。
ページの下の方にWORDPRESS用のプラグインへのリンクもありました。

Seamless Responsive Photo Grid | CSS-Tricks

ページに隙間無く写真を並べて表示することができます。
画面の大きさに応じて列を最適化してくれますよ。

Responsive Design Testing

URLを入力して、各ウィンドウサイズでどう見えるかをテストできます。
いやー、60-minutes.bizは全然・・。
テーマ変えようかな・・。

いかがでしょうか?
至急対応しなくてはならないと言うレベルでも無いとは思いますが、
WEB屋の方は今後のサイト作りでは必須かもしれませんね。

それでは。

このエントリーをはてなブックマークに追加
Tweet

WEBページ作成系の記事 Tags:wordpress, サイト作り

投稿ナビゲーション

Previous Post: 【wordpressテーマ】無料で使えるレスポンシブ・デザイン3選(Grid編)
Next Post: STORES.jpの新サービス「パノラマ・バーチャルストア」がすっごいワクワクする。

More Related Articles

今週と前月のアクセス報告!Mar. 29th – Apr. 4th.ユーザー数:104%増, PV:123%増と再始動後、最高に。 WEBページ作成系の記事
WEBデザイナー必見!フリーコミックフォント15選! WEBページ作成系の記事
発信していく人にとって、重要でとても難しいこと。 WEBページ作成系の記事
Googleオーサーランクが検索順位に影響する?オーサーシップ設定方法をご紹介! WEBページ作成系の記事
2015年が来る前に。。押さえておきたい最近のWEBトレンドを12個ほど。 WEBページ作成系の記事
Analyticsのインタレストカテゴリを使ってますか?使えばユーザーの特性から分析が可能になりますよ。 WEBページ作成系の記事

検索

最近の投稿

  • 中学受験。偏差値30台から1年で60台まで引き上げる方法 | 夏まで編
  • 中学受験。偏差値30台から1年で60台まで引き上げる方法|塾選び編2
  • 中学受験。偏差値30台から1年で60台まで引き上げる方法|塾選び編
  • TikTokの話は米中貿易戦争の一環に過ぎない。
  • 簡単すぎる!画像サイズを超絶小さくする方法
  • 約4ヶ月の在宅で解った、在宅アイテムBest10
  • コロナを通して知った、フルライフと言う生き方。
  • 【永久保存版】最高の #おうちご飯 をサポートする一流のシェフレシピ8選。
  • 今年も梅雨がやってくる。コンビニ傘からのアップデート「アイカサ」を利用してみてはいかがでしょう?
  • 緊急事態宣言が解けた後に小売業者がやらなくてはならない3つの事。

アクセスランキング

  • SoundCloud(サウンドクラウド)で商用利用可、改変可の音源を探す手順...
  • 【知らなかった】161年前の今日。浦賀に来た黒船の実写真があると知って俺の中で超...
  • Stores.jpが25,000店舗を突破。ショップ一覧を検索する方法も公開!...
  • ウィルス予防に知っておきたいマスクの知識を調べさせていただきました。...
  • 2020年、アパレルのオリジナル商品を作るならチェックしておきたいサイト4選 #...
  • 【動画】まるで「みえっちん」!特定のメガネからしか見えないディスプレイが完成!...
  • 【動画】コカ・コーラのOpen Happinessがカッコよすぎて、なんかヤル気...
  • 知っておきたい検索コネタ12個とStores.jpのショップ一覧を検索表示する方...
  • 仕事とは自分の仕事を無くすこと。上司に学んだ、とても大切なメモ。...
  • オリジナル商品が簡単に自分で作れるサービス7選!...

COVID-19 特集

グッと来た動画PR達

全ての小売店に捧ぐ

Copyright © 2023 60-minutes.biz.

Powered by PressBook Blog WordPress theme