知っていれば便利な「CSS18選」
普段あまり使わないCSSセレクタを使いたい時、どんな書式だったっけ?とその都度調べていませんか?また、CSSのチュートリアルなどを見ていて、この記号は何だろう・・・ということはありませ ...
【CSS】JS不要!SVGとCSSでアニメーションするクールなマウスオーバーエフェクト
マウスオーバーした時に、ボックスの周りをラインがキラッと走るエフェクトがcodropsで紹介されていました。これまでにはなかった新感覚の動きがとても ...
Webデザイナー人気の「無料写真素材サイト8選!」
国内外に数多く存在する写真素材サイト。無料でも、有料素材とひけを取らない優れた写真がたくさん公開されており、Webデザイナーにとっては強い味方です。今回はその中 ...
【CSS】何度も試したくなる!印象的なCSS(+JavaScript)アニメーション8選
(+JavaScript)アニメーション8選
クリックやマウスオーバー時のアニメーションが美しいと、何度でも繰り返し動作を見たくなりますよね。今回は、ユーザーがついつい試し ...
【Webライティング】集客できるコピーライティング 3つの法則
リンクテキストの文字を見る時間はほんの1~2秒程度、さらにページを見る時間は5秒とも言われるスピーディーなWebで、一瞬で注目を集めて最後まで読ませる文章を書くにはどうすれ ...
【photoshop】テキストを1クリックで3Dに!無料アクション
photoshopの3D機能はとても優秀ですが、細かな設定は初心者にはとっつきにくいもの。そこで今回は、数パターンの3D風エフェクトを、1クリックで適用できる無料アクシ ...
【wordpress】プラグインありorなし?好みの方法でパンくずリストを表示させよう
Wordpressでパンくずリストを作る方法は、プラグインあり、なしのいずれでも可能。どちらが良いとは一概に言えず、管理方法などによってもメリット・ ...
【デザイン】Illustratorの「合成フォント」で作業効率をアップする
文字組みで、和文と欧文でフォントを使い分けることはよくあると思います。一部だけなら文字ごとに選択、フォントを変更しベースラインをそろえる・・・という作業を個々に ...
画像・イメージ検索のSEO対策についてまとめました
Webでは、SEOを意識したコーディングやライティングが求められますが、ついつい忘れがちなのが画像関係のSEO。しかし画像がメインのサイトでは、画像周りのSEO対策も重要です。上手に最適化 ...
【CSS】SCSSのコーディングを劇的に便利にするツール「Compass」を使おう
以前、基礎編、導入編、実践編の3回にわたってご紹介した【CSS】コーディングが超絶早くなる!Sass(SCSS)を使ってみよう!では、Sassを活用して ...
無料で使える!サイトマップ作成に便利なオンライン作図ツール
サイト制作をする上で重要な基礎作りの部分にあたるサイトマップ作成。しっかりと作り込み、方向性がぶれないようチームで認識を共有しておく必要があります。そこで今回は、サイトマップ作 ...
【CSS】コーディングが超絶早くなる!Sass(SCSS)を使ってみよう!実践編
Sassの魅力、そして導入手順と2回にわたってご紹介してきましたが、今回はいよいよ実践編。Sassの一番大きなメリットと言えるMixinを中心に、効率的な ...