WEB制作 | かじこの備忘録

「 WEB制作」一覧

2016/09/05 | jQuery

ボタンをクリックすると、隠されたボックスの表示/非表示を切り替えます。CSSプロパティを操作するごく基本的なスクリプトですが、表示するボックスのデザインは自由にカスタマイズできます。場所をとらず、...

2016/08/28 | jQuery

FractionSlider FractionSlider デモ jQueryプラグイン「FractionSlider」は、スライダーごとに、画像やテキストなどの複数の...

タブのデザインを変更する「Result」が「HTML」や「CSS」、「JS」と並列に並んでいるこのデザインを使いたいのに、今「CodePen」で初期に吐き出されるタブデザインは、これやこれ↓。 ...

2016/08/14 | jQuery

並んだタブをクリックすると、そのすぐ下のボックス内のコンテンツが切り替わります。タブはスマートフォンでも動作しますが、どちらかといえばPC向けのUIです。 <ul class="tab"&...

2016/08/05 | jQuery

『【jQuery】プラグインなしで縦型のドロップダウンメニューを作る』で作ったドロップダウンメニューの応用です。違いは何かというと… 【特徴】・子カテゴリーに進むと、そのカテゴリ...

2016/08/05 | jQuery

jQueryのプラグインを使わない縦型のドロップダウンメニューの作り方です。CSSを変更すれば、いろいろと使いまわせそうです。【特徴】右の「への字アロー」は、ドロップダウンメニュー...

2016/07/28 | 制作基本

iPhoneで自動でつくリンクを解除する iPhoneの標準ブラウザのSafariでは、HTML 上に連続した数字があると、電話番号だと誤認識して自動でリンクを貼ってしまいます。この機能を無効にする...

2016/03/24 | 制作基本

画像の保存を完全に防ぐことはできません。スクリーンショットを取って画面ごとコピーしちゃったらそれまでだし、ソースコードを見る事ができる人はソースコードを読めば画像のパスなんて分かっちゃいますし、Ja...