まさおまっさお

おいまさおがんばれまさお

CSS

2017/05/23 本日のCode Pen

CSSで風船飛ばしたくなったので作った See the Pen CSS Baloon by masaoblue (@masaoblue) on CodePen. そんだけ。

CSSでbeatmaniaIIDXのコントローラーを作る

beatmania IIDX 23 copula ORIGINAL SOUNDTRACK VOL.2アーティスト: VARIOUS ARTISTS出版社/メーカー: エグジットチューンズ発売日: 2016/10/19メディア: CDこの商品を含むブログ (1件) を見る ついに来週から、beatmaniaIIDX24作目となる新作「SINOBUZ」が…

CSSアニメーションでロボットを動かしてる人が居たので、Forkして遊んでみた

CSS

何気なくCodePenを見ていたら、トップページにこんなのがありました。 See the Pen Build 14 by David Gordon (@davidgordon20) on CodePen. これはjavascript無し、CSSアニメーションだけで動かされたロボットですが、少し気になる部分があったので、Forkし…

divタグとCSSで「はてなブログのロゴマーク」を作る手順

CSS

深い意味は無いのですが、最近ブログに時間をかけるよりその分たくさんコードを書こうと思い始めました。 ササっと作って公開するなら、やはり手軽なのはHTMLやCSSです。 まずはこれらを使い、何でも良いので作っていこうと思います。 前回作った食べれない…

最近とてもサンドイッチが食べたいから、CSSの3Dで作った

CSS

というわけで作ってみました。 動くものは本文にあります。 作成時間は多分2時間程度です。 久しぶりにperspective(奥行き設定)を使ったところハマってしまいました。 ぶっちゃけcodepenを使いたかっただけです。

CSSの書き方とセレクタの話 CSSについて少しずつまとめる①

前回の記事があんなに読んでいただけると思っていませんでした。来てくださった皆様、本当にありがとうございます。 せっかくなので、不定期で少しずつ更新してみます。 今回はCSSの書き方と、セレクタの話です。 【注意!】 この記事は、一般的な定義の説明…

HTMLとCSSとJavaScriptの基本の基本

今回は、Webページを表示するために使うHTML、CSS、JavaScriptという3つについて、その関係と、それぞれで何ができるのかを説明していきます。 なるべく簡潔に、プログラミングに慣れていない方にも概要が伝わるよう書こうと思いますので、興味がある方はど…

CSSの:hoverが大好きです ~遊び心は私の好物~

Photo credit: n.kondo via VisualHunt.com / CC BY Q.『CSSで一番好きなのはどこ?』 A.『:hoverが使えるとこです!』 という訳で、この記事ではCSSの:hoverについての説明と、この機能の良いところや残念なところを紹介していきます。

そうだ、spanタグと擬似要素だけでアイキャッチしよう 作成編

今回は、実際にアイキャッチを作成する方法を説明します。 ここに至った経緯については、導入編にて。 www.masaoblue.com

そうだ、spanタグと擬似要素だけでアイキャッチしよう 導入編

これは、昨日までのブログメニュー。 なんだろう。 何かが足りない。 なんだと思う? 多分、きっと文字と画像のバランスなんだ。 まだこのブログにはタイトルロゴもない。 だから、文字の割合が多すぎるんだ。 だったら見て楽しいものを置いてみよう。