TAM のテクニカルチームがお届けする WEB技術ブログ！
左上や右上にある画像をfloatタグを使って回り込ませるのはよく使いますが、 下記のように画像が左下・右下にあった場合はどう組めばいいかを紹介します！ 画像が左下にある場合のソースです See the Pen JOaxm…
Web制作の現場では、どのツールを使って効率よく仕事を進めるかは大きなポイントと思います。 今回は、デザイナーの立場で、最近ProとなってリリースになったAdobe XD CCについて、実際にブログのデザインに使ってみた…
.NETをVisual Studioで書いていた人間がPhpStormデビューした時、無性に「あれ」がやりたくなりました。 ブレークポイント張ってポチポチ一行ずつ進めるデバッグです。ステップ実行です。 実際にやってみると…
世の中には写真素材サイトが数あれど、ちょっとした写真を自分で撮ることもあったりしませんか？ 「工夫して撮っているのに、なんだかイマイチ…」 「そもそもどう工夫したらいいのかもわからない…」 そんなアナタに！ スマホでも一…
コンテンツマーケティングに必須のマインドマップ。 コンテンツのアイデアをブレストしたり、記事内容の重複を避けたり、効率的にサイトコンテンツを作っていくことができます。 今回は無料で使えてUIにも優れたマインドマップツール…
オリジナルのアイコンをアイコンフォント化して使用する機会があったので、gulpでアイコンフォントを作成してみました。 フォルダ構成 / ├ package.json ├ gulpfile.js ├ node_module…
Sketchのスライスめんどくさいなあって思いませんか？Photoshopの画像アセット機能はフォルダ名に.pngとか拡張子をつけるだけでリアルタイムに画像をスライスしてくれるし、Sketchでもリアルタイムにザクザク吐…
先日、MT7のプレビューイベントに参加しました。MT7楽しみですね！ 今日はMT7の話ではなく、Movable Typeのプラグインの話です。 個人的に構築や運用の時によく使うプラグインがだいぶ固定されてきたので紹介しま…
TAM ではリモートワーク推進の取り組みをやっていまして、遠隔でのコミュニケーション方法や情報共有のやり方も、いろいろ試しながら模索していっている感じです。 オフィス以外の場所で仕事する機会が増えるとなると、「自分がいま…
ユーザーのローカルにある画像をアップロード、ブラウザ上で加工して、加工後の画像をダウンロードする処理をFile APIとCanvasを使って実装してみます。