Javascript 【JS】slick.js｜サムネイル付きで縦に配置する
スライダー機能を簡単に導入できるslick.jsを使う場合、通常は下にサムネイル挿入されているものがほとんどです。
ですが、サムネイル付きのスライダーは２つのスライダーを使用しているので自由に位置の...続きを読む
WEBサイト
Javascript 
Javascript 【javascript】クリックでその要素のスタイルを変え、対応する別の要素のスタイルも変える
onclickでその要素のスタイルを変えて、加えて対応する要素をスタイルを変更するコードです。
フィールドをクリックするとその要素の背景を白くして、対応するパンくずを太字にします。
対応す...続きを読む
Javascript スライダーをslick.jsを使用して実装する方法
スライダーを導入する時に全て自作でとなると相当大変な上に変な動きになったりしてしまい、上手くいかないことが多いかと思います。
そんな時はツールを使うと簡単に実装することが出来ます。
ここで...続きを読む
CSS 【CSS】簡単にaタグをボタンにする方法
aタグのボタン
↓
aタグのボタン
サイトでボタンを作る時には様々な方法があります。
専ら画像を使うことが多いですが、cssだけで簡単におしゃれなボタンを作ってみましょう。
HTMLは簡...続きを読む
Javascript 【jquery】現在あるメニューをモーダルメニューにする
ハンバーガーメニューを作成する時に現行サイトの修正だとサイトによって記述を変えることがあるので、汎用的なハンバーガーモーダルメニューを作成してみました。
1つのメニュー領域だけでなく複数のメニュ...続きを読む
Javascript 【javascript】画面に表示したらアニメーションで表示する
画面に表示したらアニメーションで表示するｊｓです。
jqueryなしで、IEにも対応しています。
デモ
HTML
<div class="fade_box" data-ani...続きを読む
WEBサイト 【初心者向け】webサイト作成の流れ
ここではwebサイト作成を承る時に、お客様から頂く質問や不明点で多いお話を書いていこうと思います。
webサイト作成で右も左もわからないという方は是非ご覧ください。
尚、webサイト作成に...続きを読む
WEBサイト 【基本知識】サーバーとブラウザとドメインとは
webサイト制作でよく出てくるのがサーバーとブラウザとドメインです。
サイトを作成するときには、必ずと言っていいほど必要になりますが、なかなか理解されにくいものでもあります。
ですが、We...続きを読む
Javascript 【jQuery】子要素の順番を指定して取得する
複数ある子要素を色々な方法で取得してみます。
主に
eq()⇒数字を指定して何番目かを取得
index()⇒何番目かを取得
を使っていきます。
HTMLソース
<div id...続きを読む
CSS レスポンシブ作業で少しだけ画面幅からはみ出す原因
レスポンシブ作業を行っているとスマホ表示で１pxとか2pxだけはみ出ることがあります。
widthは100％にしているので収まるはずが収まらない！っということが良くあります。
そんな時に確...続きを読む
CSS 【CSS】CSSだけで要素にアニメーションをつける（画面に入った時に動くJSのおまけ）
いつもアニメーションのやり方を調べてしまうのでメモです。
hoverでアニメーション
liタグをhoverすると動くCSSです。
/*▼ここは解説です。
■ベンダープレフィックス
-moz-...続きを読む