デザイナーやディレクターにも知ってほしい!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」に ...

モバイルフレンドリー(スマホ対応)の追加情報をご紹介

モバイルフレンドリー(スマホ対応)の追加情報をご紹介
日に日に話題にする事が多くなってきているモバイルフレンドリー。 今回は、The 13th In-house SEO Meetupの記事を参考にさせていただき、弊社でアレンジさせていただきました。 この ...

ブックマークレットとjqueryで簡単チェックツールを作る

ブックマークレットとjqueryで簡単チェックツールを作る
制作会社、特に受託をメインでやっている会社は、たった一つのコピペミスが命取りになってしまいます。「Ctrl+C」と「Ctrl+X」を打ち間違えてしまう悲劇は、幾度となく訪れます。ですので、チェック作業 ...

モバイルフレンドリーを考える

モバイルフレンドリーを考える
先日、Googleが「スマートフォン対応しないと検索順位下げるかもよ」と発表しました。4/21(火)から実施するということなので、もう1か月しかありません。。 さっそくわが社で制作しているウェブサイト ...