スーダラぶるーす。(仮)

湘南あたりを転がってる石コロのゆるゆる生きてく軌跡です。音楽、本のレビュー、WEB制作、日々のコラムなど。

Webデザイン

CSS3アニメーション入門以前!  transform,taransition,animationの違い

こんにちは、ちゃんいーです。 今回はCSS3のプロパティ、transform, taransition, animationの違いをが 自分の中でごっちゃになっていたので簡単にまとめてみました。 変形や、アニメーションに使用するプロパティ達です。 日本語に訳すとわかりやすいのです…

JavaScript 大量の要素をDOMに追加する際の、createDocumentFragmentの使い方。

大量の要素を挿入するときに、毎回DOMにアクセスするとパフォーマンス的によろしく無いのでcreateDocumentFragment を使おうという教えを頂いたのでまとめです。 聞いた事あるけどよくわからんという方も多いのではと思います。 まず、低速バージョン。 配列…

画像圧縮でブログを軽くしよう!できるパンダ君!TinyPNGが超便利!

はてなブログを初めて数日、、、 「今月のファイル利用量」という欄が少しずつ埋まっているのに気がつきました! これはほっとくとマズイぞ! 「iPhone7で撮った写真送ったら、数MBもあった。。 そのままどんどん入れてたらページも重くなるし容量に達してし…

【無料版で頑張る!はてなブログカスタマイズ】 コピペでOK。ハンバーガーボタンでフルスクリーンメニュー。

↑ 完成図 (追記: 10月12日) このブログは現在はPC、スマホ共に右上にボタンを表示してます! > 実装方法 > パソコン版、レスポンシブにも使用したい。 > ハンバーガーメニューを右下に表示したい 最近よく見かけるハンバーガーボタンを押すと、 フルスクリー…

【コラム】イタリア生まれのフォントをフレンチレストランで使っちゃダメなの? 「フォントのふしぎ / 小林 章」を読んだ。

僕はふと思いました。 「イタリア生まれのフォントをフレンチレストランのメニューで使っちゃダメなのかな?そういうところもデザイナーの人は気にしてるのかな?」 今回は 個人的に好きなフォントのちょっとしたうんちくを調べて見ようという企画です! 「…

JavaScript コールバックの作り方

ぐぐっても簡単な説明がなかったのでメモです。JavaScriptでコールバックを作りたい。。 手洗い関数を実行した後にうがい関数を実行したい! そんな時の手引きです。結論としては、 関数の引数として関数(functionオブジェクト)を渡して実装します! 実際の…

【WEBデザイン】CSSのfont-sizeが%とかemとかremとかvwで指定されてると、ビビっちゃう君と僕を救う2分

いまだにレスポンシブデザイン怖い、、 なぜなら、%とかemとかremとかvw、vhとか恐ろしいフォントサイズ指定がたくさん。。。 これらををなんとなくでしてる僕みたいな人。 途中で引き継いだ案件とかでpx以外が指定されててビビったあなたへ捧げます。 大前…