CSV＆Photoshopのデータセット機能で画像を量産する方法
決まったフォーマットを元に、画像や文言を差し替えるといったファイルの量産は、とても面倒で時間がかかりますよね。 そんな時にはPhotoshopのデータセット機能を活用してみてください。 差し替え要素をまとめたCSVファイ…
TAM のテクニカルチームがお届けする WEB技術ブログ！
決まったフォーマットを元に、画像や文言を差し替えるといったファイルの量産は、とても面倒で時間がかかりますよね。 そんな時にはPhotoshopのデータセット機能を活用してみてください。 差し替え要素をまとめたCSVファイ…
IcoMoonでSVGスプライトを簡単に設定できるようでしたのでやってみました。 目次 ABOUT SVGスプライトとは SVGスプライトを使うメリット なぜIcoMoonで作ったか HOW TO （1） Illustr…
突然ですが、僕はずっとPostCSSを誤解していました… このたび晴れて誤解が解けたので、記念に記事を書きたいと思います。 Sassの代わりではない はい、これです。 この記事で言いたいことは、これがほぼ全てです。 僕は…
サイトでGoogle Mapを埋め込む時に、マップの色が浮いてしまったり、表示される項目が多すぎてわかりづらくなってしまう事もあると思います。 その際、マップの色や、表示される項目を調整できるのがGoogle Maps …
2016年のAdobe MAXで発表された“Adobe sensei”。 今年1月にアップデートされたPhotoshopCC19.1の中にも“Adobe sensei”の力を使った新機能があります。 そのなかのひとつ「被…
背景 Backlog で案件のタスクを管理していた 個人タスクは Trello で管理していた Backlog の課題も Trello で一覧で状態が見られたら良いと思った つまりこういうこと！ 手順 Heroku のア…
サーバーの負荷状況を調査するため、cronでApache Benchを実行し定期的にcsvを出力していました。 このcsvが勝手にスプレッドシートに取り込まれてくれればなぁ、と思い Google Apps Script(…
デザイナーとしてこだわりたいものといえば「フォント」ですが、有料フォントはどれもお高めですよね。 そこで今回はAdobeが提供するCreative CloudのWebフォントサービス、「Typekit」をご紹介いたします…
Photoshopでの作業を効率アップさせる方法は、アクションやバッチ、スクリプト等さまざまですが、そのうちのひとつに「エクステンション」というものがあります。 パネルから操作できるのが特徴で、「GuideGuide」や…
新しい年の始まり、みなさんはお仕事捗っていますか？ 日々の制作業務を効率よく進めることができたらとっても気持ちがいいですよね。 今回は、Web制作の業務をスムーズにしてくれるお役立ちChromeアドオンをご紹介いたします…