kezuka « グリニッジ株式会社

おしゃれなCSSローディングアニメーションを手軽に作る方法

2018年07月20日金曜日

今に始まったことではありませんが、WEBサイトやサービスにローディングを取り入れることはもはや当たり前になってきていると感じます。

ローディングアニメーションといえば、一昔前はGIFアニメーションで作られていましたが、最近ではCSSのみで実装することが当たり前となってきました。

CSSアニメーションで作られたローディングは手軽に実装できてシステムへの負荷もほとんどなく、サイトに合わせて色や動きを実装することも容易です。

また、ローディングアニメーションのCSSコードを公開しているサイトも非常に多く、簡単にサイトに導入できると思われています。

(さらに…)

Emmetを導入してコーディングを爆速にする

2018年06月12日火曜日

HTMLやCSSのコードを書いていて、次のようなことを感じたことはありませんか？

DOCTYPE宣言が覚えられないからいつもコピペなんだよね、たまにコピー元どこにおいたか忘れてしまうけど。
ulタグとかtableタグとか出てくるとコピペでなんとかしているけど、本当に面倒だよね。
クラス名に数字を連番で入れたいのだけど、とても面倒だよね

DOCTYPE宣言のようにコピペでなんとか済むものもありますが、コピペで対処できない繰り返しの記述、コーディングをしていると避けては通れないかと思います。
これを面倒と感じているのは私だけではないはずです。
今回紹介する「Emmet」はコーディングにおける面倒な作業から開放してくれるすぐれものなのです。

emmet1

(さらに…)

Googleが読み込み速度を改善と売上への影響を測るツールを公開した件

2018年03月09日金曜日

googleはページの読み込み速度がSEOに影響を及ぼすことを公表しています。ページを読み込み速度系のツールはこれまでにも公開されてきましたが、モバイルサイト読み込み速度比較と速度改善が売上へ与える影響をシュミレートするツールが公開されています。 https://www.thinkwithgoogle.com/feature/mobile/ (さらに…)

sketchやAdobe XDがリリースされる前は、海外のクールなUI kitなどは大体Photoshopでした。最近はsketchやXDのものも増えてきていますね。 win7ではsketchもXDもどちらも対応していないため、疎外感を感じる今日この頃、皆様いかがお過ごしでしょうか。さて、標題の通りAdobe Creative Cloud含むAdobe製品の最近の進化はすごいなぁと感じており、最近のお気に入りのサービスなり機能なりを少しだけ紹介したいと思います。 (さらに…)

ECショップに関するデータの話

2017年09月05日火曜日

本日はいくつかのデータを紹介したいと思います。 EC関連のデータの話というと、モールがどうとかの話が多いと個人的には感じているので、今回は消費者に関するデータをご紹介します (さらに…)

Dreamweaverの進化がすごい件

2017年07月04日火曜日

個人的に好きなエディタはSublime Textですが、最近のDreamweaverも色々進化してすごいなぁと思います。 emmetがデフォルトで入っており、Bootstrapが標準テンプレートとして組み込まれ、ついにGitにも対応 https://blogs.adobe.com/creativestation/web-dreamweaver-cc-git-support （ついでにMonokaiテーマがついに導入されたとか）。昔はデザイナーが視覚的にコーディングを行い効率化を図るツールという認識でした。その分重くもっさりしていたため、ここでDreamweaverから離れた人は多いのではないかと思います。私もその一人です。しかし、CCになってからデザイナーのためのエディタというより、エンジニアのためのエディタになりつつある気がします。それか、Dreamweaverに入っている機能や技術は扱えなくてはいけない最低限の標準なのかもしれません。そろそろDreamweaverに回帰してみようかしら・・・。