alter.js BLOG
レスポンシブWebデザイン、CSSフレームワークなど、Webフロントエンド開発に関するBLOGです。

レスポンシブ

1/2ページ

【2020年版】レスポンシブ対応のおすすめCSSフレームワーク5選

 こんにちは、開発チームの宇都宮です。 普段はレスポンシブと同様のマルチデバイス対応を実現するモバイル開発プラットフォーム「alter.js」に携わっています。 今回は、レスポンシブ対応のおすすめCSSフレームワークについてお話していきます。 レスポンシブデザインを実現したい場合、CSSフレームワーク …

レスポンシブデザインのレイアウトパターンと実装方法

 こんにちは、レスポンシブデザインに代わる開発手法を提供するJSライブラリ「alter.js」開発チームの田中です。 Webサイトをレスポンシブで制作する際に参考になるレイアウトの考え方や参考サイトをまとめました。 レスポンシブデザインについてあまり知らない方やレスポンシブの実装パターンを増やしたい方 …

レスポンシブ対応するためのCSSの書き方

NO IMAGE

 こんにちは、開発チームの宇都宮です。普段はレスポンシブと同様のマルチデバイス対応を実現する「スマホのサイト制作。PCは自動変換 | alter.js」に携わっています。 今回はレスポンシブデザインでWebページを作る際の基本テクニックをご紹介したいと思います。レスポンシブデザインというのは、スマート …

レスポンシブサイト用ブレイクポイント考察!時代に適するサイズとは?

NO IMAGE

 こんにちは、開発チームの青木です。普段はレスポンシブと同様のマルチデバイス対応を実現する「スマホのサイト制作。PCは自動変換 | alter.js」に携わっています。今回は、レスポンシブサイト用のブレイクポイントについてお話していきます。 2019年発売のスマホ端末の状況も鑑みて、今年の適切なブレイ …

レスポンシブデザインの確認が簡単に出来るChromeのデベロッパーツールの使い方

 こんにちは、開発チームの田中です。普段はレスポンシブと同様のマルチデバイス対応を実現する「スマホのサイト制作。PCは自動変換 | alter.js」に携わっています。 今回は、レスポンシブデザインの確認が簡単に出来る、Chromeのデベロッパーツールの使い方についてお話していきます。 レスポンシブデ …

レスポンシブ対応ページの簡単な作り方!導入部分を解説します。

NO IMAGE

 こんにちは、開発チームの青木です。普段はレスポンシブと同様のマルチデバイス対応を実現する「スマホのサイト制作。PCは自動変換 | alter.js」に携わっています。 今回は、レスポンシブ対応ページの簡単な作り方についてお話していきます。 ウェブページをどう手を加えればレスポンシブ対応したことになる …

レスポンシブ対応のためのJavaScriptによる2つの切替手法

NO IMAGE

 こんにちは、開発チームの青木です。普段はレスポンシブと同様のマルチデバイス対応を実現する「スマホのサイト制作。PCは自動変換 | alter.js」に携わっています。 今回は、レスポンシブ対応のためのJavaScriptによる2つの切替手法についてお話していきます。 レスポンシブウェブデザインのペー …

レスポンシブデザイン対応のテンプレートサイト10選

 こんにちは、開発チームの宇都宮です。普段はレスポンシブと同様のマルチデバイス対応を実現する「スマホのサイト制作。PCは自動変換 | alter.js」に携わっています。 今回はレスポンシブデザインに対応しているHTMLテンプレートをダウンロードできるサイトを調査してみました。数千種類を超えるテンプレ …

レスポンシブの画像出し分けを適切にできる!srcset属性解説

NO IMAGE

 こんにちは、開発チームの青木です。普段はレスポンシブと同様のマルチデバイス対応を実現する「スマホのサイト制作。PCは自動変換 | alter.js」に携わっています。 今回は、レスポンシブの画像出し分けを適切に行うことができるsrcset属性についてお話していきます。 レスポンシブデザインのウェブサ …

サイト制作者が語るレスポンシブWebデザインのメリット

 こんにちは、開発チームの田中です。普段はレスポンシブと同様のマルチデバイス対応を実現する「スマホのサイト制作。PCは自動変換 | alter.js」に携わっています。 今回は、レスポンシブWebデザインのメリット、デメリットについてお話していきます。 Webサイトをマルチデバイス対応するにあたってよ …

Page Top