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で特定箇所のみにスタイリングしたい場合に効率的にかっこよく書ける疑似クラス特集です。 奇数番目 1,3,5,7,9…番目を装飾する時 li:nth-child(odd) { color: #82...
未分類

ブログ書き始めの、はじめまして。

はじめまして、これからこの「初めてのブログ」で書いていきますエンデ・バタロー(30才)です。 よろしくお願いします。 HTMLやCSS、javascriptとちょっとphpについて書いたり、漫画を描い...
タイトルとURLをコピーしました