javascript jQueryでボタンを押すと前面に広がるメニューの実装方法 スマホサイトでよく見るドロワーメニュー(三本線)を押すと前面に広がるメニューを実装してみようと思います。 HTMLとCSS まずはメニューを出した状態で重なりを調節します。 今回は、「 header 」が一番上でその下にメニューが来て、さら... 2019年06月26日 javascriptjQuery
javascript jQueryでページ内リンクを固定ヘッダー分ずらす方法 昨日、「スムーススクロールでページ内リンクをそっこう実装できるjQuery」を紹介しましたが、 固定ヘッダーがあると、その分ずらさなくちゃいけない。。。。すごい手間。 今回はそんな手間をそっこう解決できるjQueryのご紹介です。 基本にな... 2019年06月25日 javascriptjQueryサイト制作
javascript jQueryでスムーズにページ内リンクを移動する方法 ページ内のリンクになにも設定しない場合、アニメーション無しでカクッと切り替わっちゃって大変不格好。 そんな不格好なページ内リンクを優しくするする~っと移動する方法をご紹介します。 下のコードをjsファイルに張り付けると、ページ内リンクのaタ... 2019年06月24日 javascriptjQueryサイト制作
javascript jQueryでmarginとpaddingを含めた値の取得方法 全ての親要素の値を取得するなら「.height()」でいい。 でも、ちょくちょく「margin」や「padding」、「border」を含めた値が欲しくなる時があります。 いつも忘れてしまうので、これを期に覚えようじゃないかと思いまして書い... 2019年06月23日 javascriptjQueryサイト制作
CSS 【CSS】文章(テキスト)の改行を禁止する方法 テキストの扱いって時に、厄介な時があるよね。これ以上文字入れたらレイアウト崩れちゃうとか、タイトルが長すぎて本来のデザインと違った感じになっちゃったり。それをCSSでスッと解決するテキストを改行させないCSSテクニックを紹介します。 2019年06月22日 CSSサイト制作
javascript jQueryでスル~っと表示/非表示する方法 1行で実現できるフェードイン・フェードアウトレシピの紹介です。 表示させるボタンには、あらかじめCSSで「display:none;」をかけておきます。 フェードインボタン 表示ボタン HTML <div class="fadein_btn... 2019年06月21日 javascriptjQueryサイト制作
CSS CSSだけで出来るボタンのホバーエフェクト集 javascriptは使わずにCSSとHTMLだけで装飾できるボタンのホバーエフェクトをご紹介します。 コピペですぐ実装できるので、このページをブックマークしておくと便利です。 薄くなるボタン ボタン01 HTML <div class="... 2019年06月20日 CSSサイト制作
その他 デザイン|FireFoxロゴ リニューアル 今年の6月11日、Mozillaは「FireFox」の新たなロゴを発表しました。 今までブラウザやOSの名称として使われてきた「FireFox」が新たなサービスと共にロゴをリデザインした。 新たなサービスロゴもリデザインされた「FireFox」のロゴと統一感のある色味で、サービス同士が連携できるのではと 想像させるデザイン。 2019年06月19日 その他
CSS ホバーで変化するテキストの作り方|CSS ユーザーアクションで表示を切り替えるのってよく見ますよね。 今回は、パソコンでマウスカーソルを持ってくと、文字を「ふわっ」と変化させるテクニックのご紹介です。 2019年06月18日 CSSサイト制作
CSS CSSで全ての要素を上下左右中央揃えにするテクニック どんな時も、上下左右中央寄せにする時は、「transform: transslate(-50%, -50%);」があればなんとかなりますね。 2019年06月17日 CSS
CSS 【CSS】疑似クラスの指定方法|最初・最後・n番目・奇数・偶数 cssで特定箇所のみにスタイリングしたい場合に効率的にかっこよく書ける疑似クラス特集です。 奇数番目 1,3,5,7,9…番目を装飾する時 li:nth-child(odd) { color: #82fcc9;} リスト(奇数) リスト(偶... 2019年06月10日 CSSサイト制作
その他 ブログ書き始めの、はじめまして。 はじめまして、これからこの「初めてのブログ」で書いていきますエンデ・バタロー(30才)です。 よろしくお願いします。 HTMLやCSS、javascriptとちょっとphpについて書いたり、漫画を描いてみたり、趣味のホラーについて書いたりと... 2019年06月09日 その他