javascript

コーディング

【jQuery】手軽に使えるスライダープラグイン3選

スクリプトがわかるようになれば、一から作ることはできる「スライダー」。でも、ラクしたいですよね?私もできることならラクして作業を進めたいです。今回は、よく使われているスライダープラグインのご紹介です。この記事は以下のような人の役に立つように...
コーディング

【htmlコーディング】現役コーダーが選んだ必須ツール11選

今回は私が普段業務で使用しているアプリケーション、ツールのご紹介です。デザイン関係Adobe製品Web業界ではAdobe製品ないと生きていけません。Photoshop、Illustratorがないと仕事になりません。それくらい大事な便利なソ...
コーディング

まずは流れを知ろう!HTML・CSSコーディングの手順

今回は初心者コーダー向けにコーディングの進め方を解説していこうと思います。コーディングの流れコーダーによって若干の入れ替えはあるかもしれませんが、実際のコーディングの流れは以下の6ステップになります。ファイル、フォルダを作るレイアウトを考え...
コーディング

未経験からwebコーダーになるために絶対押さえておきたいスキルと勉強法

こんにちは。現役webコーダーのmogaです。未経験からコーダー(フロントエンドエンジニア)になるになるためには、コーディングスキルをある程度まで身につけて、転職活動でアピールすることが重要です。でも、ほとんど知識がない状態だと一体どうやっ...
コーディング

【bxslider】オプションを複数設定する方法

今回はbxsliderのオプション機能を複数実装したい場合のやり方について解説してきます。方法まず通常のスクリプトは下記になります。複数のオプションを実装した記述は下記になります。 (adsbygoogle = window.adsbygo...
コーディング

【bxslider】スライダーを縦の移動に変更する方法

今回はbxsliderの機能の一つで設置したスライダーを、左右の移動ではなく縦の移動に変更するやり方について解説してきます。方法まず通常のスクリプトは下記になります。縦の移動に変更した記述は下記になります。 (adsbygoogle = w...
コーディング

【bxslider】ページャーの丸を非表示にする方法

スライダーを実装しようとして簡単に設置できるプラグインを入れますよね。いれたもののこの部分いらないといったことよくありますよね。今回はbxsliderの機能の一つで設置したスライダーの数によって増えていく、丸い部分の消し方について解説してき...
コーディング

【bxslider】読み込み時にスライドが一瞬縦に並んでしまうときの簡単な対処法

実際にWebページにbxsliderを組み込み、ブラウザで確認すると画像が縦にずらーっと並んで表示され、パッと正常な見た目になる場合があります。原因としてはページが重く読み込みに時間がかかって処理が実行されてしまうからです。せっかく作ったの...
コーディング

【bxslider】スライドごとに表示時間(待機時間)を設定する方法

つい先日実装する機会がありましたので備忘録がてらに。コンテンツスライダーでスライドごとに表示時間(待機時間)を変更したい時ってありますよね。1枚目は3秒、2枚目は4秒、最後のスライドだけ10秒みたいな感じで。ただ、デフォルトの設定だと全て同...
コーディング

誰でも簡単スライドショー!「bxslider」の設置方法【jQuery】

Web制作の現場でよく使うプラグインのご紹介します。初回の今回は私もお世話になっているプラグイン「bxslider」です。シンプルでかつ比較的軽量、レスポンシブデザインにも対応している高機能なコンテンツスライダーです。公式サイトはこちら。設...
スポンサーリンク