2019年

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

• 2019.07.17
• JavaScript
• レスポンシブ

 こんにちは、開発チームの青木です。普段はレスポンシブと同様のマルチデバイス対応を実現する「GeneCode（ジーンコード）」に携わっています。 今回は、レスポンシブ対応のためのJavaScriptによる2つの切替手法についてお話していきます。 レスポンシブウェブデザインのページで、CSSではメディア …

モバイルファーストの意味とは？

• 2019.07.16
• コラム

 こんにちは、開発チームの田中です。普段はレスポンシブと同様のマルチデバイス対応を実現する「スマホのサイト制作。PCは自動変換 | alter.js」に携わっています。 これまではPCからのアクセスが多かったサイトも、今ではスマートフォンからのアクセスの方が多くなっているサイトも増えてきています。 そ …

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

• 2019.07.16
• ツール
• レスポンシブ

 こんにちは、開発チームの宇都宮です。普段はレスポンシブと同様のマルチデバイス対応を実現する「GeneCode（ジーンコード）」に携わっています。 今回はレスポンシブデザインに対応しているHTMLテンプレートをダウンロードできるサイトを調査してみました。数千種類を超えるテンプレートを保持しているサイト …

レスポンシブの画像切り替えができるsrcset属性

• 2019.07.12
• HTML
• レスポンシブ

 こんにちは、開発チームの青木です。普段はレスポンシブと同様のマルチデバイス対応を実現する「GeneCode（ジーンコード）」に携わっています。 今回は、レスポンシブの画像出し分けを適切に行うことができるsrcset属性についてお話していきます。 レスポンシブデザインのウェブサイトで使用される画像につ …

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

• 2019.07.11
• コラム
• レスポンシブ

 こんにちは、開発チームの田中です。普段はレスポンシブと同様のマルチデバイス対応を実現する「GeneCode（ジーンコード）」に携わっています。 今回は、レスポンシブWebデザインのメリット、デメリットについてお話していきます。 Webサイトをマルチデバイス対応するにあたってよく使われる手法としてレス …

レスポンシブ対応のフォントサイズで使用できる単位

• 2019.07.10
• CSS
• レスポンシブ

 こんにちは、開発チームの宇都宮です。 普段はレスポンシブと同様のマルチデバイス対応を実現する「GeneCode（ジーンコード）」に携わっています。今回は、レスポンシブ対応のフォントサイズで使用できる単位についてお話していきます。 レスポンシブデザインを実現したい場合、フォントサイズをどの様に指定する …

レスポンシブ対応メニューを作るための簡単なCSSライブラリ Bulma

• 2019.07.10
• CSS
• レスポンシブ

 こんにちは、開発チームの青木です。普段はレスポンシブと同様のマルチデバイス対応を実現する「GeneCode（ジーンコード）」に携わっています。 本記事はBulmaを用いたナビゲーションメニューバーの作成方法についてのご紹介となります。 もちろんPC表示、スマホ表示で見た目が変わるレスポンシブデザイン …

CSS グリッドレイアウトでレスポンシブ対応

• 2019.07.10
• CSS
• レスポンシブ

 こんにちは、開発チームの青木です。 普段はレスポンシブと同様のマルチデバイス対応を実現する「GeneCode（ジーンコード）」に携わっています。 本記事は比較的新しい機能であるCSS Grid Layoutのご紹介をいたします。 CSS Grid Layoutとは、floatやflexboxと異なり …