Skip to content

60-minutes.biz

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

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

Posted on 2013年7月10日2014年9月3日 By ハマケン


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

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屋の方は今後のサイト作りでは必須かもしれませんね。

それでは。

facebookShare on Facebook
TwitterTweet
FollowFollow us
PinterestSave
WEBページ作成系の記事 Tags:wordpress, サイト作り

投稿ナビゲーション

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

More Related Articles

デザイナーの力量が解る?!個性的な404ページ、10選! WEBページ作成系の記事
簡単すぎる!画像サイズを超絶小さくする方法 WEBページ作成系の記事
成長しろ、俺www 更新漏れで横ばい。アクセス報告。Feb. 9th – 15th. WEBページ作成系の記事
少しずつ良い予兆が。アクセス報告Feb.23th – Mar.1st. WEBページ作成系の記事
訪問ユーザー数は過去最高に。今週のアクセス報告 Mar.22nd – 29th. WEBページ作成系の記事
wordpessのプラグイン「Head Cleaner」が気持ちよすぎる件 WEBページ作成系の記事

検索

最近の投稿

  • 中学受験。偏差値30台から1年で60台まで引き上げる方法 | 夏まで編
  • 中学受験。偏差値30台から1年で60台まで引き上げる方法|塾選び編2
  • 中学受験。偏差値30台から1年で60台まで引き上げる方法|塾選び編
  • TikTokの話は米中貿易戦争の一環に過ぎない。
  • 簡単すぎる!画像サイズを超絶小さくする方法

人気記事

  • 動画マーケティング
    【動画】まるで「みえっちん」!特定のメガネからしか見えないディスプレイが完成!
  • 動画マーケティング
    【動画】タイソンが噛みちぎった耳をホリフィールドに返却する画がシュールすぎる(笑)
  • 60minute, 人気記事
    WEBマーケターは必見 !世界中のインフルエンサーが見つかるBuzzSumoが便利すぎる。
  • 人気記事
    Stores.jpが25,000店舗を突破。ショップ一覧を検索する方法も公開!
  • 人気記事
    2分で完了。BASEの独自ドメイン機能を「さくらインターネット」で設定する方法

COVID-19 特集

グッと来た動画PR達

全ての小売店に捧ぐ

Copyright © 2023 60-minutes.biz.

Powered by PressBook Blog WordPress theme