javascript

javascript

【javascript】画像の元の大きさやサイズを取得する方法

画像はhtmlやcssでサイズを指定することによってさまざまなサイズで表示させることが可能ですが画像の幅や高さを取得したいときがあると思います。 javascriptを使用することによって幅と高さを取得することが可能です。 今...
jQuery

【OnePageScroll】1ページずつをスクロールして切り替える方法

1ページの中で複数のコンテンツをスクロールしながら入れ替えることができるプラグインを紹介したいと思います。 1ページの中で画面ごとに切り替えて見せたいときに便利だと思います。 OnePageScroll ダウンロード方法...
jQuery

【clone】jQueryで簡単に既存の要素をコピーして追加する方法

cloneメソッドを使用することで簡単に要素やテキストをコピーすることができます。 例えばページの中で同じ要素を出したい場合に使うことができます。 同じ要素のhtmlが二つあると修正が発生したときに両方を対応する必要があります...
jQuery

【trunk8】行数で文字をカットして3点リーダーを表示させる

文字が長くなる場合に何行以上になったら文字をカットして3点リーダーを表示させたいときってあると思います。 方法はいくつかあります。 cssでやる方法とjQueryのプラグインを使う方法など。 今回は、「text-over...
jQuery

【JQuery-Snowfall】簡単に雪、桜、花びらを降らせるプラグイン

雪や桜の花びらが落ちてくるようなWEBページってたまに見ますよね。 ゆっくりひらひらとアニメーションのように落ちてくる雪や桜は見ていて心が和みますよね。 今回は、WEBページに雪や桜や花びらを降らせることができる「JQuery...
jQuery

サムネイル付きbxslider+lightbox風サムネイルを組み合わせたパターン

スライダーといえばbxsliderを使用していることも多いと思いますが今回は、サムネイル付きのbxsliderとlightbox風(サムネイル)を組み合わせたサンプルになります。 サムネイル付きのスライダーはよく見ると思いますがメイ...
jQuery

【jQuery】使いやすくシンプルなタブを作る方法

タブデザイン タブを使うメリット 情報が多い場合は、一覧にして表示すると分かりづらいというときにタブを使うことで使いやすくなり見やすくなります。 またタブにすることで高さを削ることができるので無駄なスクロールを省くことが...
css

aタグのリンクを無効化させる方法

aタグはアンカーリンクのためのタグですがたまにリンクを無効化させたい場合があると思います。 そんなときにaタグのリンクを無効化させる方法を紹介します。 無効化させる方法として下記の方法があります。 aタグのリンクを無効化...
jQuery

【短期間で転職】未経験で働きながらプログラミングが学べるおすすめスクール

はじめにプログラミングを独学で学んだ方が良いのか?それともスクールに通って学んだ方が良いのかという相談をよく聞きます。 どちらの方が絶対に良いとは言えませんが僕は飲食業で働きながら未経験でプログラミングスクールに通いそして無事転職を...
javascript

【load】別ページのhtmlを読み込ませて表示させたい

今回は別のページにあるhtmlを読み込ませたいときの方法について紹介します。 たとえば共通のヘッダーやフッターの修正が入ったりしたらページごとに修正するのはとても大変だと思います。 CMSを使えばテンプレートごとに分かれていて...
タイトルとURLをコピーしました