WEBサイト

スポンサーリンク
Javascript

【javascript】複数あるclassに対して処理を行う

javascriptで要素を取得する時、idで指定すると1つの要素を指定して処理が行われますので簡単なのですが、classは複数存在する可能性があるものですのでループ処理を行う必要があります。 ...続きを読む
Javascript

【JS】slick.js|サムネイル付きで縦に配置する

スライダー機能を簡単に導入できるslick.jsを使う場合、通常は下にサムネイル挿入されているものがほとんどです。 ですが、サムネイル付きのスライダーは2つのスライダーを使用しているので自由に位置の...続きを読む
Javascript

【javascript】クリックでその要素のスタイルを変え、対応する別の要素のスタイルも変える

onclickでその要素のスタイルを変えて、加えて対応する要素をスタイルを変更するコードです。 フィールドをクリックするとその要素の背景を白くして、対応するパンくずを太字にします。 対応す...続きを読む
スポンサーリンク
Javascript

スライダーをslick.jsを使用して実装する方法

スライダーを導入する時に全て自作でとなると相当大変な上に変な動きになったりしてしまい、上手くいかないことが多いかと思います。 そんな時はツールを使うと簡単に実装することが出来ます。 ここで...続きを読む
CSS

【CSS】簡単にaタグをボタンにする方法

aタグのボタン ↓ aタグのボタン サイトでボタンを作る時には様々な方法があります。 専ら画像を使うことが多いですが、cssだけで簡単におしゃれなボタンを作ってみましょう。 HTMLは簡...続きを読む
Javascript

【jquery】現在あるメニューをモーダルメニューにする

ハンバーガーメニューを作成する時に現行サイトの修正だとサイトによって記述を変えることがあるので、汎用的なハンバーガーモーダルメニューを作成してみました。 1つのメニュー領域だけでなく複数のメニュ...続きを読む
Javascript

【javascript】画面に表示したらアニメーションで表示する

画面に表示したらアニメーションで表示するjsです。 jqueryなしで、IEにも対応しています。 デモ HTML fade_boxが対象のクラスで、data-anitypeで動...続きを読む
WEBサイト

【初心者向け】webサイト作成の流れ

ここではwebサイト作成を承る時に、お客様から頂く質問や不明点で多いお話を書いていこうと思います。 webサイト作成で右も左もわからないという方は是非ご覧ください。 尚、webサイト作成に...続きを読む
WEBサイト

【基本知識】サーバーとブラウザとドメインとは

webサイト制作でよく出てくるのがサーバーとブラウザとドメインです。 サイトを作成するときには、必ずと言っていいほど必要になりますが、なかなか理解されにくいものでもあります。 ですが、We...続きを読む
Javascript

【jQuery】子要素の順番を指定して取得する

複数ある子要素を色々な方法で取得してみます。 主に eq()⇒数字を指定して何番目かを取得 index()⇒何番目かを取得 を使っていきます。 HTMLソース jsソース ...続きを読む
CSS

レスポンシブ作業で少しだけ画面幅からはみ出す原因

レスポンシブ作業を行っているとスマホ表示で1pxとか2pxだけはみ出ることがあります。 widthは100%にしているので収まるはずが収まらない!っということが良くあります。 そんな時に確...続きを読む
スポンサーリンク
タイトルとURLをコピーしました