レスポンシブ対応でPCとスマホで違う画像を使う
先日、こそこそと作ってたAndroid向けの電卓アプリ「LateCalc」をリリースしました。ボクは企画設計、デザイン辺りを担当してます。 LateCalc（電卓） - Google Play の Android アプリ なんで、電卓！？とか色々有りますが、まだ実装したい機能とかが全然実装出来てないので、その辺の紹介はある程度機能が実装された頃に書きたいと思ってます。はい。 さて、今回は久々にCSS関連なエントリーです。 ここ数年、レスポンシブ対応な案件が増えていると思われますが、実際にコーディングしていると色々有りますよね... そんな中でも、画像周りは何かと厄介だったりすると思うので、今回は、PCで見た時とスマホとか（640px以下）で見た時に、違う画像を使いたい場合に使えそうなTipsです。 レスポンシブなんだからPCとスマホで違う画像を使うとかしないで、おとなしく縮小しただけの画像
This Is Responsive | Patterns and Resources for Responsive Web Design
This Is Responsive. Patterns and resources for creating responsive web experiences.
これは便利！レスポンシブで変化するエレメントを一元管理できるワイヤーフレーム作成ツール -RWD Wireframes
これは便利！レスポンシブで変化するエレメントを一元管理できるワイヤーフレーム作成ツール -RWD Wireframes
abteilungweb.de - Internetagentur aus Frankurt am Main
abteilungweb gestaltet und entwickelt individuelle Softwarelösungen und Unternehmenswebseiten. In Zusammenarbeit mit unseren Partnern realisieren wir professionelle Shootings und halten Ihr Know-How in einem Unternehmensvideo fest. Wir leben das Internet. Seit 2009 ist abteilungweb kompetenter Partner von namhaften Unternehmen. Wir haben unsere Stärken in der Konzeption, Gestaltung und Programmier
SkelJS Download | Sagapixel
Skel JS downloadSkel is a lightweight framework for building responsive sites and web apps. It was deprecated in 2018 and has been replaced with “Responsive Tools.” Click here to download the updated Skeljs, now known as “Responsive Tools” click here to download the legacy Skeljs When Sagapixel first started out and it was just Frank building websites, this framework was a lifesaver. He used it on
Froont – responsive web design tool
Design in the browser Design by modifying hundreds of ready made designs or start from scratch. Prepare your assets in Photoshop or Sketch and move them online right away. All you need is a web browser. Deliver faster Publish responsive pages with your own domain name or export your work to host it yourself. FROONT is great for decision making, prototyping and publishing single page websites. A vi
レスポンシブデザイン対応のlightbox系プラグイン＋コンテンツスライダー系プラグイン | バニデザノート
・シンプルイメージlightbox ・ギャラリーlightbox ・videoやmapのポップアップ ・Ajaxポップアップ など、使い勝手がよい基本機能が揃っています。 →Unslider 関連記事 きっと初心者でもわかる、HTMLの書き方の考え方。 2014/12/14 読んでもらえる、ファンになってもらえる、ブログの書き方とデザイン。 2014/11/20 web制作で気疲れしないようにする方法を考えてみました。 2014/10/17 最近気になったウェブ制作に関するキーワードを振り返ってみる 2013/06/30 レスポンシブデザイン対応のlightbox系プラグイン＋コンテンツスライダー系プラグイン 2013/05/31 自分でできる！Facebookページの活用方法 2013/04/11 Webで発信するすべてのWEBビギナーさんへ。突然犯罪や裁判に巻き込まれないようにするため
レスポンシブウェブデザインのつくり方：mockup
こんにちは、西野です。好きなinput typeはinput type="range"です。 前にAdobe Edge（現Adobe Edge Animate）の使い方記事を書きました。（Edgeが出た当時の記事なので情報が古いかも…） 今回は、最近ぼちぼち見かけるようになってきたレスポンシブデザインについてお話したいと思います。 実装の話はさわり程度で、企画、ディレクター、デザイナー向けにまとめています。 1.レスポンシブデザインとは レスポンシブデザインとは、簡単にいうと同じHTML/CSSでいろいろな画面サイズに対応することです。 「あー、ワンソース マルチユースってやつでしょ」と言うと業界っぽい感じが出せます。（あくまで出せるだけです） 実例としてはTIMEのサイトやBREAKING NEWSなどが完成度が高いサイトとして挙げられると思います。 Bootstrapもレスポン
レスポンシブデザインのウインドウサイズの切替えについてまとめてみました
こんにちは。和田です。 ここ数日暑いですが皆様いかがお過ごしですか？ 私共は先日、アシアルのHP（ブログも）をリニューアルしました！ 皆さま見てていただけましたでしょうか？ まだの方は是非是非ご覧になってください。 http://www.asial.co.jp さて今回のアシアルHPはレスポンシブデザインを採用しています。 そこで今回はFireworksから離れて、最近なにかと話題のレスポンシブデザイン-特に最初に悩むウインドウサイズの切替えについて書こうと思います。 アシアルではウインドウサイズの切替えを、タブレットはPC版のHPをそのまま表示させ、スマホのみウインドウサイズを切替える。ということにいたしましたが、 皆様はレスポンシブデザインを作成される際どのようなウインドウサイズ（幅）で切り分けていますでしょうか？ 結構悩むところなのではないかと思います。 そこで、各デバイスのサイズの
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
25+ Awesome Responsive Blog Designs
Whether you’re a blogger looking for the perfect design for your next website or a web designer looking to get inspired for your next project, the process always starts the same way—by exploring designs made by others. We’re here to make that process easier for you. In this post, we’re featuring a roundup of some of the best and most professional blog designs you can find on the Internet. If you’r
A simple (and very rough) responsive table solution - Max Design
Published: 22 March 2013 This article explores are simple method for creating responsive tables, without the need to radicially alter the table content or layout. There are a lot of very clever responsive table solutions available now. They include: flip the table on it's side, convert it to a pie chart, gradually reduce the columns, allow users to determine columns, and even allow partial scrolli
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
yuguri.com
最近公開されたレスポンシブ対応の無料WordPressテーマ20 | Web活メモ帳
美肌にオススメ！美容皮膚科
レスポンシブWebデザインのサイトを作る前に
Loading...
https://design-spice.com/2012/06/13/responsive-web-design-image/
レスポンシブWebデザインの作り方（簡単設定方法）
eduStyle Blog || » 5 Examples of Responsive Toggle Navigation in Higher Ed