【レスポンシブWEBデザイン】スマホとパソコンで改行の位置を変える方法 | インクループ株式会社｜神奈川県相模原市 ホームページ制作、WEBマーケティング
レスポンシブWEBデザインで納品したお客様で、パソコンとスマホでそれぞれの改行の位置に細かく指定があったケースがありましたので、パソコンとスマホで異なる改行位置を設定する方法を紹介したいと思います。 レスポンシブWEBデザインとは？ まずレスポンシブWEBデザインについて説明したいと思います。 レスポンシブWEBデザインはここ数年主流となっているWEBデザインのスタイルです。同じWEBページをパソコンで見た時とスマートフォンで見た時、それぞれのデバイスで見やすいように自動的に表示方法を変えるというものです。スマホ用とパソコン用で別々のサイトを作るわけではないので、運用面において効率的で、デザインの統一性などの利点が挙げられます。 レスポンシブWEBデザインはこんなやつです。（他のデザインに関しては制作実績をご覧ください。） ちなみにインクループで作るWEBページはすべてレスポンシブWEBデ
どこよりも詳しい万能スライダーjQueryプラグインslick.jsの使い方 | ITハット
どこよりも詳しい万能スライダーjQueryプラグインslick.jsの使い方 いろいろなスライダー・カルーセルjQueryプラグインを利用してみて、一番簡単でカスタマイズ性に富んだものがこのslickです。非常に便利な分、注意しなければならないこともあるので、その点も含めて紹介したいと思います。 導入 ダウンロード http://kenwheeler.github.io/slick/ サイト上部のメニューのget it nowをクリックします。 Download Nowをクリックでダウンロードすることができます。 読み込み <head> ... <link href=".../path/to/slick.css" rel="stylesheet"> </head> head 内で slick.css を読み込みます。 ... <script src="https://ajax.google
スライダープラグイン「slick」の使い方を詳しく解説 | Web Design DAY
世の中にはたくさんのスライダープラグインがありますが、今回はレスポンシブ・タッチデバイスに対応、オプション設定も豊富なスライダープラグイン「slick」の使い方を詳しく解説していきます。 slickの機能概要 レスポンシブ対応 ブレークポイントごとに別々の設定が可能 スワイプ・マウスドラッグ可能 無限ループ スライドの追加、削除、フィルタリング、除外など 導入 ファイルのダウンロード まずは公式サイトからファイルをダウンロードします。 slick または、以前紹介した「jsDelivr」というサイトにもCDNでホストされています。 （ちなみに2017年11月時点ではslickが1位です。） jsDelivrの使い方はこちらの記事をチェックしてみてください。
レスポンシブでPCのときだけ改行しスマホの時は改行しない方法 | IT女子のお気に入りフォルダ
PCで任意の箇所にいれた改行をスマホでは改行せずに表示したい！っていう、レスポンシブ対応するうえでのあるある。 このあるある問題を解決するとっても簡単な方法をご紹介します。 このような記述の場合 <p>これはレスポンシブ対応時の改行問題を解決する方法です。<br class="br-sp">ここで改行しています。</p> PCではbrタグで改行されて表示されます。 ここに、任意のクラスを付与しておきます。（例では「br-sp」としました。） スマホのとき（例では画面サイズが640px以下の場合）はこのbrタグを表示しなければいいので、以下のcssを追記します。 @media screen and (max-width: 640px) { .br-sp { display:none; } } これで、OK！
WordPress › 構成ファイルのセットアップ
WordPress 始める前に WordPressへようこそ。始める前に、以下の項目を知っておく必要があります。 データベース名 データベースのユーザー名 データベースのパスワード データベースホスト テーブル接頭辞 (1つのデータベースに複数の WordPress を作動させる場合) この情報は wp-config.php ファイルの作成に使用されます。 もし何かが原因で自動ファイル生成が動作しなくても心配しないでください。この機能は設定ファイルにデータベース情報を記入するだけです。テキストエディターで wp-config-sample.php を開き、データベース情報を記入し、wp-config.php として保存することもできます。 さらにヘルプが必要な場合は、wp-config.php についてのサポート記事をご覧ください。 おそらく、これらの項目はホスティング先から提供されていま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
