Outlook、Gmail、スマホでも崩れない必勝HTMLメールコーディング

Outlook、Gmail、スマホでも崩れない必勝HTMLメールコーディング
よしだです。 10年近く会っていない人何人かに連絡を入れたら70%の確率でマルチだと思われました。連絡はマメにとるのが良いですね。   さて、今回はHTMLメールのコーディングについての記事 ...

Gulp×PostCSSで爆速コーディング!

Gulp×PostCSSで爆速コーディング!
  よしだです。   みなさんCSSプリプロセッサ(CSSメタ言語)、使っていますか? CSSプリプロセッサを使えば、すばやく、そして、楽にCSSコーディングが行える上、メンテナン ...

人生色々、スマートフォンメニュー色々

人生色々、スマートフォンメニュー色々
  こんにちは!あれです!新人のMです。 社内でインフルエンザがはやりつつありそうで、ビビっております。 連休になるとがっつり風邪をひくタイプなんですが、あれなんなんでしょうか。 そんな話は ...

Webサイトコーディングを時短できるジェネレーター15選

Webサイトコーディングを時短できるジェネレーター15選
実は足音で人を判別できるという特技を持っています。。。 コーダーのよしだです。今回は弊社コーダーチームでもよく使用している、Webサイトのコーディングを時短・効率化できるジェネレーターを惜しみなく紹介 ...

デザイナーやディレクターにも知ってほしい!SVGの使い方

デザイナーやディレクターにも知ってほしい!SVGの使い方
入社一ヶ月、新人コーダーのよしだです。好きなHTMLタグは<li>タグです。この度、カンナートHACKSの担当に任命され、隔週で更新していく予定です。HTML、CSS、JavaScript ...

MovableTypeの大きな2つの特長

MovableTypeの大きな2つの特長
WEB担当者の方や制作会社のディレクターの方で、WEBサイトのリニューアルや新規サイトの立ち上げ時などに、CMSを導入したいけど、様々な要件によって導入できるCMSに制約があったという経験がある方はい ...

マークアップエンジニア目線から見た、サイトリニューアル時のマルチデバイス対応!

マークアップエンジニア目線から見た、サイトリニューアル時のマルチデバイス対応!
最近アップルからスマートウォッチが発売され、インターネットに繋がる機器がさらに増えました。 様々なデバイスが登場する事によって、潜在顧客との接点を増やすための施策に対応すべき事が増えていくと考えられま ...

BEMをカスタマイズして見やすいCSSのコンポーネント設計を目指す!

BEMをカスタマイズして見やすいCSSのコンポーネント設計を目指す!
BEMはよく見ると大変分かりやすい記述方法なのですが どうにもclass名が気持ち悪い!! なので、もう流行は過ぎた感がありますがBEM思想を元にした CSSのコンポーネント設計を考えていきたいと思い ...

モバイルフレンドリー対応をすべきページの優先順位とは?

モバイルフレンドリー対応をすべきページの優先順位とは?
ついに本日4/21(火)よりモバイルフレンドリーのアルゴリズム変更が始まりました。   モバイルフレンドリーについては、第1回目の記事でチェックツールのご紹介、第2回目の記事では、モバイルフ ...

gulp-ejsでhtmlファイルを楽に管理しよう

gulp-ejsでhtmlファイルを楽に管理しよう
コーディング時に便利なタスクランナー「gulp」 何かと便利なプラグインがありますがその中でも、 最近注目されている「gulp-ejs」を使ってより制作を楽にしたいと思います! 「gulp-ejs」に ...