CSS
See the Pen SquareCircle by masaoblue (@masaoblue) on CodePen. これはマウスカーソルを乗せると四角形が円を描くように並ぶだけの、特に何の役にも立たない実装である。 最近、こんな「意味はないけどつい動かしたくなるもの」を作るのがマイブームだ。 …
CSSで風船飛ばしたくなったので作った See the Pen CSS Baloon by masaoblue (@masaoblue) on CodePen. そんだけ。
beatmania IIDX 23 copula ORIGINAL SOUNDTRACK VOL.2アーティスト: VARIOUS ARTISTS出版社/メーカー: エグジットチューンズ発売日: 2016/10/19メディア: CDこの商品を含むブログ (1件) を見る ついに来週から、beatmaniaIIDX24作目となる新作「SINOBUZ」が…
何気なくCodePenを見ていたら、トップページにこんなのがありました。 See the Pen Build 14 by David Gordon (@davidgordon20) on CodePen. これはjavascript無し、CSSアニメーションだけで動かされたロボットですが、少し気になる部分があったので、Forkし…
深い意味は無いのですが、最近ブログに時間をかけるよりその分たくさんコードを書こうと思い始めました。 ササっと作って公開するなら、やはり手軽なのはHTMLやCSSです。 まずはこれらを使い、何でも良いので作っていこうと思います。 前回作った食べれない…
というわけで作ってみました。 動くものは本文にあります。 作成時間は多分2時間程度です。 久しぶりにperspective(奥行き設定)を使ったところハマってしまいました。 ぶっちゃけcodepenを使いたかっただけです。
前回の記事があんなに読んでいただけると思っていませんでした。来てくださった皆様、本当にありがとうございます。 せっかくなので、不定期で少しずつ更新してみます。 今回はCSSの書き方と、セレクタの話です。 【注意!】 この記事は、一般的な定義の説明…
今回は、Webページを表示するために使うHTML、CSS、JavaScriptという3つについて、その関係と、それぞれで何ができるのかを説明していきます。 なるべく簡潔に、プログラミングに慣れていない方にも概要が伝わるよう書こうと思いますので、興味がある方はど…
Photo credit: n.kondo via VisualHunt.com / CC BY Q.『CSSで一番好きなのはどこ?』 A.『:hoverが使えるとこです!』 という訳で、この記事ではCSSの:hoverについての説明と、この機能の良いところや残念なところを紹介していきます。
今回は、実際にアイキャッチを作成する方法を説明します。 ここに至った経緯については、導入編にて。 www.masaoblue.com
これは、昨日までのブログメニュー。 なんだろう。 何かが足りない。 なんだと思う? 多分、きっと文字と画像のバランスなんだ。 まだこのブログにはタイトルロゴもない。 だから、文字の割合が多すぎるんだ。 だったら見て楽しいものを置いてみよう。