SEO【簡単効率UP】AltとMetaを一括で確認できる「Alt & Meta viewer」を使ってみた！【Chrome拡張機能】
SEO対策をしている場合、画像のAlt属性やMetaを正しく設定することはもはや常識と言っても過言ではありません。 しかし、一つずつソースを確認しながらAltとMetaをチェックしていくのはなかなか手間がかかりますよね。SEOにかかわる作...
デザイナー向け
SEO
コーディング【CSS】CSSだけで実装できるハイセンスなイラスト15選！
CSS3になってからCSSの可能性はどんどん広がっていきます。 ページのスピードが重要視される今では、CSSで表現できる部分はなるべくCSSで表現したほうが、JSを多用するよりも軽くなります。 少し前にCSS3だけでできる動きやエフ...
コーディング【CSS3】CSSだけで実装できるホバーエフェクト15選
ボタンのホバーエフェクトってたくさんあって迷いませんか？ 私は迷って結局いろんなサイトをうろうろうろうろ決まらない…なんてことをよくやっています笑 今日はもう今後迷わないようにCSS3だけで作るホバーエフェクトたちをCodePenか...
デザインデザイナー向け！ 参考になるスマホWebデザインのギャラリーサイトまとめ5選！【SP版】【海外系も！】
最近はモバイルフレンドリーの流れがじゃんじゃか強まっており、スマホサイトからデザインを起こしたり、スマホサイトのみのデザインを頼まれたり・・・なんてことも珍しくないのではないでしょうか。 あるいは、PCではこのデザインにしたけど、スマホだ...
業務効率化デザイナーの作業が捗る！作業効率アップのおすすめchrome拡張機能10選！
みなさんはどれくらい拡張機能を入れていますか？ デザイナーの仕事を始めてから拡張機能が一気に増えました。 そこで、作業効率を爆上げするおすすめchrome拡張機能をご紹介したいと思います！ スクリーンショットをとってくれる「FireS...
Wordpress【簡単便利】WordPressの記事にCodePenを使ってHTMLやCSSを紹介する方法！
CodePenってなに？ CodePenとはブラウザ上でHTMLやCSS、JSなどのコードを共有できる無料のサービスです。 コードを公開・共有できるサービスはCodePen以外にもいろいろとあるのですが、CodePenの何がいいって、そ...
デザインデザイナー向け！ 参考になるWebデザインのギャラリーサイトまとめ15選！【PC版】【海外系も！】
みなさんはデザインをする際、何を参考にしていますか？ PinterestやWebデザインのギャラリーサイトを参考にしてデザインを作っています。 今回は厳選した15の参考サイトをご紹介したいと思います。 1. MUUUUU.ORG ...
Wordpress簡単にWordPressの投稿に表を追加できる！TinyMCE Advancedの使い方！
Wordpressの投稿に表を追加したいな～～と思うことありますよね。表でまとめたほうがわかりやすい情報って意外とあります。 もちろんHTMLをそのまま打ち込んでも表は作れますが、正直めんどくさい。願わくばプラグインでちょちょいとやってし...
デザイン無料のフリーイラスト素材サイト15選！デザインに使える人やアイコン、イラストなど！
ブログはもちろん、ウェブサイトを作成したり、年賀状や暑中見舞い、ビジネスシーンなど、様々な機会で、フリーのイラストや素材があると便利ですよね。 今回は色んなサイトを集めてみました。いくつかは私も利用させてもらっています。 お気に入りのサ...
コーディング【Atom】作業が捗る！おすすめパッケージ10選！
使いやすいと評判のAtomをご存知ですか？ 日本語化ができる上に、拡張機能も豊富で使い方次第でかなり作業効率が上がります。 私も使っていますが、とにかく簡単にカスタマイズができますし、gitとの連携もできます。 今回はAt...