社員ブログ

今さらdribbble colorのことを知りました

2018年10月12日 金曜日

dribbble-logo

デザイナーもしくはそれに準ずる仕事している人であれば知っているであろう「dribble(ドリブル)」。

デザイナーのためのSNSですが、招待制のため作品を登録できるの優秀なデザイナーのみであり、作品のクオリティが非常に高く、眺めているだけでインスピレーションが湧いてくるあのdribbbleです。

そのdribbbleにカラーコードフィルタリングする機能があることを最近知りまして、非常に便利なので共有します。

ちなみに、なぜ「dribbble」はbが1つ多いのかというと、ドメインを取得できなかったからだとか

(さらに…)

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

2018年07月20日 金曜日

CSSアニメーション

今に始まったことではありませんが、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/ (さらに…)

Adobe製品の進化がすごい件

2017年11月10日 金曜日
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に回帰してみようかしら・・・。

Adobe Creative Cloud アプリがアップデートできない問題

2017年05月17日 水曜日

今回の内容はAdobe Creative Cloudのアップデート関連です。

私、Adobe Creative Cloudでアプリをアップデートするとかなりの確率でエラーが発生するので地味にトラウマ化しております。

同じトラウマを抱えてしまったそこのあなたのために、

アップデートでエラーがおきても慌てない!華麗に解決するための備忘録を残しておきます。

今回解決するエラーはエラーコード145です

(さらに…)

体験型ギフト SOW EXPERIENCE 体験してきました

2016年10月14日 金曜日

先日、友人よりいただいたSOW EXPERIENCEという体験型ギフトサービスのチケット有効期限が迫っていたことを思い出し、利用してきました。
今回はその体験談です

(さらに…)

レスポンシブ対応 画像を正方形にトリミングするCSS

2016年09月20日 火曜日

先日、縦長の画像をレスポンシブ(可変)対応で正方形にトリミングして表示する、というミッションがありましたので備忘録がてら書きます。

スマホの画像を使いたいが縦長すぎるので可変トリミングして欲しい、という時に役立ちそうです。
イメージがわかない方は下の画像(gifアニメーション)を御覧ください。

square
photo by PAKUTASO

(さらに…)
 Prev 1 2 Next
文字サイズサイズ小サイズ中サイズ大