レスポンシブデザインの確認に便利なツールが登場！複数のデバイスサイズで同時確認できる優れもの -Responsivize | コリス

2021/09/01 430 users Pixel コリス ワイドスクリーン Windows アプリ

Webページのレスポンシブの確認が簡単にできる、新しい無料アプリがリリースされました！ iPhone, Android, Pixelのスマホをはじめ、タブレット、ラップトップ、ワイドスクリーンなどのサイズでWebページを表示して確認ができます。 Windows, macOS, Linux対応のアプリで、しかもオープンソースです！ Responsivize Resp... 続きを読む

ウェブ制作で感じたデザイン以外の“手間と煩雑さ”--「STUDIO」で狙う課題解決 - CNET Japan

2018/04/02 32 users Studio 手間 ウェブ制作 CNET Japan 課題解決

STUDIOは4月2日、コードを書かずにウェブサイト制作ならびに公開、運用を行うことができるデザインツール「STUDIO」の正式サービスを開始した。 STUDIOの特徴は主に3つ。まずウェブ上で容易に行えるデザイン機能。画像や文字は、ドラック＆ドロップで好きな位置に配置ができ、プロのデザイナーが作成したデザインテンプレートも活用可能。また作成したデザインは、モバイルなどのさまざまなデバイスサイズに... 続きを読む

スマートフォン対応でよく使うhtml、css、javascriptのまとめ | 69log

2013/02/15 897 users CSS HTML JavaScript viewport

スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 ■headタグ内での設定 <!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!... 続きを読む