SVGのキャラクターを parallax.js で動かしてみる
先日弊社TAMサイトをリニューアルしましたが、ご覧いただけましたでしょうか? サイトリニューアルにあたり404ページでTAMくんの顔をマウスの動きに合わせて動かすというものを作ったので、今回はそれを紹介したいと思います。…
先日弊社TAMサイトをリニューアルしましたが、ご覧いただけましたでしょうか? サイトリニューアルにあたり404ページでTAMくんの顔をマウスの動きに合わせて動かすというものを作ったので、今回はそれを紹介したいと思います。…
CSS Niteで発表されたコーダー白書2016(19ページを参照)によると、業務でHTMLコーディングをしている人のうち、約70%がSassを日常的に使っているそうです。 CSSプリプロセッサーにはStylusやLES…
ミャンマー人向けのサイトを作成する必要があった際に言語設定ではまったので、その時の対応方法を備忘録として書いておきます。 ミャンマーでの公用語は ビルマ語(ミャンマー語)です。 ビルマ語のlang属性はlang=”my”…
レスポンシブ対応などの際、デザイン性を重視し、「ここだけは文字サイズを小さくしてエリア内に納めたい!」という要望があったとします。その場合、みなさんはどんな方法で対応しますか? ブラウザ上でフォントを 10px以下のサイ…
「Group Layer Renaming」はその名の通り、レイヤーをリネームしてくれるPhotoshopのスクリプトです。 新しいネタではありませんが、画像アセットと合わせて使うと便利だったので紹介します。
はじめに:HTMLメールを取り巻く環境 HTMLメール、作ってますか? マーケティングオートメーションと組み合わせたメールマガジンや、アプリケーションの通知メールなど、多くのプラットフォームがメール配信を行っていますが、…
Windows10に実装されて1年半経つMicrosoft Edge。 日本国内でのシェアは5%前後といったところのようですが、今後、Windows7やWindows8からの乗り換えが進めば、シェアが増えるかもしれません…
HTMLのコーディングをするとき、メタ情報やヘッダーのような共通部分を効率的に管理するためにPugというテンプレートエンジンをよく使っています。最初は「導入コストが高い」と考えていましたが、それ以上のメリットがあると感じ…