javascript jQueryでページ内リンクを固定ヘッダー分ずらす方法
昨日、「スムーススクロールでページ内リンクをそっこう実装できるjQuery」を紹介しましたが、
固定ヘッダーがあると、その分ずらさなくちゃいけない。。。。すごい手間。
今回はそんな手間をそっこう解決で...
javascript 
javascript jQueryでスムーズにページ内リンクを移動する方法
ページ内のリンクになにも設定しない場合、アニメーション無しでカクッと切り替わっちゃって大変不格好。
そんな不格好なページ内リンクを優しくするする～っと移動する方法をご紹介します。
下のコードをjsファ...
javascript jQueryでmarginとpaddingを含めた値の取得方法
全ての親要素の値を取得するなら「.height()」でいい。
でも、ちょくちょく「margin」や「padding」、「border」を含めた値が欲しくなる時があります。
いつも忘れてしまうので、これ...
CSS テキストを改行させないCSSテクニック
テキストの扱いって時に、厄介な時があるよね。これ以上文字入れたらレイアウト崩れちゃうとか、タイトルが長すぎて本来のデザインと違った感じになっちゃったり。それをCSSでスッと解決するテキストを改行させないCSSテクニックを紹介します。
javascript jQueryでスル～っと表示/非表示する方法
1行で実現できるフェードイン・フェードアウトレシピの紹介です。
表示させるボタンには、あらかじめCSSで「display:none;」をかけておきます。
フェードインボタン
表示ボタン
...
CSS CSSだけで出来るボタンのホバーエフェクト集
javascriptは使わずにCSSとHTMLだけで装飾できるボタンのホバーエフェクトをご紹介します。
コピペですぐ実装できるので、このページをブックマークしておくと便利です。
薄くなるボタン
ボ...
デザイン デザイン｜FireFoxロゴ リニューアル
今年の6月11日、Mozillaは「FireFox」の新たなロゴを発表しました。
今までブラウザやOSの名称として使われてきた「FireFox」が新たなサービスと共にロゴをリデザインした。
新たなサービスロゴもリデザインされた「FireFox」のロゴと統一感のある色味で、サービス同士が連携できるのではと
想像させるデザイン。
CSS ホバーで変化するテキストの作り方｜CSS
ユーザーアクションで表示を切り替えるのってよく見ますよね。
今回は、パソコンでマウスカーソルを持ってくと、文字を「ふわっ」と変化させるテクニックのご紹介です。
CSS CSSで全ての要素を上下左右中央揃えにするテクニック
どんな時も、上下左右中央寄せにする時は、「transform: transslate(-50%, -50%);」があればなんとかなりますね。
CSS 疑似クラスで最初、最後、n番目や奇数、偶数を指定｜CSS
cssで特定箇所のみにスタイリングしたい場合に効率的にかっこよく書ける疑似クラス特集です。
奇数番目
１，３，５，７，９…番目を装飾する時
li:nth-child(odd) { color: #82...
未分類 ブログ書き始めの、はじめまして。
はじめまして、これからこの「初めてのブログ」で書いていきますエンデ・バタロー（30才）です。
よろしくお願いします。
HTMLやCSS、javascriptとちょっとphpについて書いたり、漫画を描い...