CSSについて, 便利なサイトの紹介

【CSS】保存版!忘れがちなCSS セレクタ18個

普段あまり使わないCSSセレクタを使いたい時、どんな書式だったっけ?とその都度調べていませんか?また、CSSのチュートリアルなどを見ていて、この記号は何だろう・・・ということはありませ ...

CSSについて, WEBデザイン

【CSS】JS不要!SVGとCSSでアニメーションするクールなマウスオーバーエフェクト

マウスオーバーした時に、ボックスの周りをラインがキラッと走るエフェクトがcodropsで紹介されていました。これまでにはなかった新感覚の動きがとても ...

WEBデザイン, 便利なサイトの紹介

【デザイン】全部無料!Webデザイナーに人気の写真素材サイト8選

国内外に数多く存在する写真素材サイト。無料でも、有料素材とひけを取らない優れた写真がたくさん公開されており、Webデザイナーにとっては強い味方です。今回はその中 ...

CSSについて, jQueryについて, WEBデザイン

【CSS】何度も試したくなる!印象的なCSS
(+JavaScript)アニメーション8選

クリックやマウスオーバー時のアニメーションが美しいと、何度でも繰り返し動作を見たくなりますよね。今回は、ユーザーがついつい試し ...

SEO対策・アクセスアップ, WEBデザイン, ライティング・原稿制作

【Webライティング】集客できるコピーライティング 3つの法則

リンクテキストの文字を見る時間はほんの1~2秒程度、さらにページを見る時間は5秒とも言われるスピーディーなWebで、一瞬で注目を集めて最後まで読ませる文章を書くにはどうすれ ...

Photoshopのテクニック

【photoshop】テキストを1クリックで3Dに!無料アクション

photoshopの3D機能はとても優秀ですが、細かな設定は初心者にはとっつきにくいもの。そこで今回は、数パターンの3D風エフェクトを、1クリックで適用できる無料アクシ ...

WEBデザイン, WORDPRESS

【wordpress】プラグインありorなし?好みの方法でパンくずリストを表示させよう

Wordpressでパンくずリストを作る方法は、プラグインあり、なしのいずれでも可能。どちらが良いとは一概に言えず、管理方法などによってもメリット・ ...

デザインのテクニック

【デザイン】Illustratorの「合成フォント」で作業効率をアップする

文字組みで、和文と欧文でフォントを使い分けることはよくあると思います。一部だけなら文字ごとに選択、フォントを変更しベースラインをそろえる・・・という作業を個々に ...

SEO対策・アクセスアップ

画像・イメージのSEO対策についてまとめました

Webでは、SEOを意識したコーディングやライティングが求められますが、ついつい忘れがちなのが画像関係のSEO。しかし画像がメインのサイトでは、画像周りのSEO対策も重要です。上手に最適化 ...

CSSについて, WEBデザイン

【CSS】SCSSのコーディングを劇的に便利にするツール「Compass」を使おう

以前、基礎編、導入編、実践編の3回にわたってご紹介した【CSS】コーディングが超絶早くなる!Sass(SCSS)を使ってみよう!では、Sassを活用して ...

WEBデザイン, 便利なサイトの紹介

無料で使える!サイトマップ作成に便利なオンライン作図ツール

サイト制作をする上で重要な基礎作りの部分にあたるサイトマップ作成。しっかりと作り込み、方向性がぶれないようチームで認識を共有しておく必要があります。そこで今回は、サイトマップ作 ...

CSSについて, WEBデザイン

【CSS】コーディングが超絶早くなる!Sass(SCSS)を使ってみよう!実践編

Sassの魅力、そして導入手順と2回にわたってご紹介してきましたが、今回はいよいよ実践編。Sassの一番大きなメリットと言えるMixinを中心に、効率的な ...