【CSS】保存版!忘れがちなCSS セレクタ18個 普段あまり使わないCSSセレクタを使いたい時、どんな書式だったっけ?とその都度調べていませんか?また、CSSのチュートリアルなどを見ていて、この記号は何だろう・・・ということはありませんか? 今回は、忘れがちな、でも覚 ... ǂށ

【CSS】保存版!忘れがちなCSS セレクタ18個 普段あまり使わないCSSセレクタを使いたい時、どんな書式だったっけ?とその都度調べていませんか?また、CSSのチュートリアルなどを見ていて、この記号は何だろう・・・ということはありませんか? 今回は、忘れがちな、でも覚 ... 続きを読む⇒
【CSS】JS不要!SVGとCSSでアニメーションするクールなマウスオーバーエフェクト マウスオーバーした時に、ボックスの周りをラインがキラッと走るエフェクトがcodropsで紹介されていました。これまでにはなかった新感覚の動きがとても気持ちいいので、ぜひ試してみたい効 ... 続きを読む⇒
【デザイン】全部無料!Webデザイナーに人気の写真素材サイト8選 国内外に数多く存在する写真素材サイト。無料でも、有料素材とひけを取らない優れた写真がたくさん公開されており、Webデザイナーにとっては強い味方です。今回はその中でも数、質、使い勝手に優れた8サイトをご紹介 ... 続きを読む⇒
【CSS】何度も試したくなる!印象的なCSS(+JavaScript)アニメーション8選 クリックやマウスオーバー時のアニメーションが美しいと、何度でも繰り返し動作を見たくなりますよね。今回は、ユーザーがついつい試してみたくなる、魅惑のアニメーションをご紹介します。 1 ... 続きを読む⇒
【Webライティング】集客できるコピーライティング 3つの法則 リンクテキストの文字を見る時間はほんの1~2秒程度、さらにページを見る時間は5秒とも言われるスピーディーなWebで、一瞬で注目を集めて最後まで読ませる文章を書くにはどうすればいいのでしょうか。実は3つのルー ... 続きを読む⇒
【photoshop】テキストを1クリックで3Dに!無料アクション photoshopの3D機能はとても優秀ですが、細かな設定は初心者にはとっつきにくいもの。そこで今回は、数パターンの3D風エフェクトを、1クリックで適用できる無料アクションをご紹介します。 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を中心に、効率的なコーディングを目指します。 基礎編 ... 続きを読む⇒