• javascript
• SVG

SVGで画面全体に斜め線や曲線を引く

一昔前だと単純な斜め線とか円をバックに置きたいときは画像で作ってましたが、最近ではわりとSVGを使うことが多いようです。
SVGの良いところはベクターなので画面全体に配置しても荒くなったりしないとか、コードで作成できるので後々アニメーションなどもできたりします。
ここでは単純な図形ですが画面全体に表示する方法をご紹介します。

• 投稿日2015年09月29日
• 更新日2015年10月14日

• iOS
• Swift

Swiftの配列＋辞書使い方メモ

普段JSとか軽量な言語しか扱わないのでSwiftの配列＋辞書がすごく難しく感じています。
ということでそのあたりのことをメモしました。

• 投稿日2015年09月17日
• 更新日2015年09月17日

• HTML&CSS
• CSS3
• アニメーション

CSS3で背景画像全面表示（Background Cover）でもマウスオーバーで拡大アニメーション

最近サムネイルなどでマウスオーバーすると画像がぐいんって拡大表示するアニメーションをよく見ます。
あれはbackground-sizeとかアニメーションさせれば簡単にできそうですが、coverとかですでにsize指定してるときの方法をご紹介します。

• 投稿日2015年09月09日
• 更新日2015年09月09日

• Web Topics

2015年8月 webトピックス

2015年8月、個人的に気になった記事のまとめです。

• 投稿日2015年09月01日
• 更新日2015年09月01日

• javascript
• HTML5
• アニメーション

HTML5+Canvasで学ぶインタラクティブアニメーションの基礎

すごく簡単なものですが、HTML5+Canvasを使用してマウスの操作に反応するインタラクティブアニメーションを作成してみたいと思います。

• 投稿日2015年08月27日
• 更新日2019年04月13日

• HTML&CSS

IE8でも全画面背景（cover）が使用できる「backgroundsize.htc」

そろそろIE8はサポートしなくてもいいのではないかなという頃合いですが、IE8でも「background-size:cover」や「contain」を使えるようにする方法をご紹介します。

• 投稿日2015年08月21日
• 更新日2015年08月21日

• HTML&CSS

CSSのID・クラス名の頭文字に数字を使用する方法

CSSは普通だとidやclassの頭文字に数字は使用できないのですが、使用する方法をご紹介します。

• 投稿日2015年08月11日
• 更新日2015年08月11日