プログラミング

TOPに戻るボタンの実装

引き続き、頻出で汎用的なJavaScript(jQuery)の実装を記録しておきます。HTMLTOPに戻るボタンのエリアを設けます。<main>タグの外に置きます。以前は、hrefの中身を#にしていましたが、下層ページで作動しない不具合が発...
プログラミング

スクロールフェードインの実装

ページをスクロールすると、要素が視差(パララックス)のようにふわっと表示される動きを見ることが多いですが、その実装方法も書き留めておきたいです。HTMLは、スクロールフェードインをかけたい要素にfadeInというclass名をつけておくだけ...
プログラミング

XMLをHTMLに表示する

XMLという任意のデータを定義するルールを提供するマークアップ言語です。引用:マークアップ言語とは、文章を構造化するための言語です。「文章を構造化する」というと、なんだか非常に難しそうな印象を受けますが、基本的には「ここはタイトル部分です」...
HTML・CSS

ハンバーガーメニューの実装

過去に何度か実装していますが、実装手順を記録しておきます。制作中の練習用サイトで実装しています。↓HTML<div class="toggle"> <span></span> <span></span> <span></span></div...
HTML・CSS

HTMLで最初に記述すべきことは?

コンテンツ部分を除いた部分に記述すべきことを備忘録的に記事化しておきます。HTMLの構造基本の復習になりますが、下記です。<!DOCTYPE html><html lang="ja"> <head> </head> <body> </bod...
未分類

WordPressでブログをやってみようと思います。

今年の4月でwebディレクター4年目を迎えました。この3年間は運用PMのような立ち位置で案件に携わることがほとんどで、まだまだまだまだwebの世界について勉強不足です。なので、自分でサイトを立ち上げて、なるべく自分の手を動かして勉強できる環...