BLOG

JavaScript

lazylinepainterをつかって簡単SVGアニメーション

| HTML / CSSJavaScript
SVGアニメーションといえばCSSのみでもいけますよね? 例えばこんな感じで( -`д-´)キリッ <style> #cloud { stroke: salmon; stroke-dash...

Animate.cssとwow.jsを使って簡単アニメーション

| HTML / CSSJavaScript
フリーランスになって3ヶ月を過ぎ生活リズムも安定してきたmasa44です。 フリーランスになってすぐは、バタバタしてたのと、規則正しい生活を心がけていたので体重が落ちてたんですが、ちょっとグータラ生活...

JSの画像処理であれ?おかしいなと思った時につかえる「imagesLoaded」

| JavaScript
JavaScriptを使ってて、画像サイズなど、画像に関する情報を取得し処理することもあるかと思います。 画像を処理する上で、画像の読み込み処理より、JavaScriptが先に実行してしまうこともある...

jsでmedia queryが簡単になった「window.matchMedia(“(min-width: ***px)”).matches」が便利!

| JavaScript
CSSでやってたMediaQueryがJSで必要になったときが多々ある。 いままでは、出来る限りCSSで対処できる方法を模索しておりましたが、CSSで処理しているかのようにJSで出来るようになってた!...

highlight.jsで軽量化!crayon syntax highlighterを辞めてみた。

| JavaScript
皆様、お盆はゆっくり出来ましたか? ぼくは、相変わらず、実家に帰っておりました。 大阪から兵庫に帰ったのですが、いやー大阪に比べたら涼しいのなんので快適に親に甘えてまいりました。 さて、今回は、エンジ...

jQueryを使わなくてもresizeイベントの回数を減らせる

| JavaScript
毎日、記事を書こうと思っていたのに結構出来てないですね。 ちょっと反省をしている、masa44です。 気張らずに、書ける時に書いていこうと思います。 さて今回は、resizeイベントについてです。 r...