【CSS】コーディングが超絶早くなる!Sass(SCSS)を使ってみよう 導入編 基礎編では、Sassのメリットと、SCSSという文法での基本的なコードの書き方をご紹介しました。ではさっそくSassを使う環境を整えていきましょう。複雑な手順は一切なく、10分程度でセット ... ǂށ

【CSS】コーディングが超絶早くなる!Sass(SCSS)を使ってみよう 導入編 基礎編では、Sassのメリットと、SCSSという文法での基本的なコードの書き方をご紹介しました。ではさっそくSassを使う環境を整えていきましょう。複雑な手順は一切なく、10分程度でセット ... 続きを読む⇒
【CSS】コーディングが超絶早くなる!Sass(SCSS)を使ってみよう!基礎編 「便利らしいのは知っているけど、導入に踏み切れずにいる」 「最初の準備が大変そうで面倒」 そんな理由でSassを使うのをためらっている方もいるのではないでしょうか。 けれど、実際のところS ... 続きを読む⇒
【Photoshop】Photoshopでテキストをカッコよくデザイン!圧巻のテキストエフェクトチュートリアル8選 photoshopの機能が進化するにつれ、ダイナミックにデザインされたテキストロゴを多く見られるようになりました。一度は真似してみたいエフェクトがあちこち ... 続きを読む⇒
【CSS3】CSS3ベースの美しすぎるナビゲーションメニュー8選 アニメーションや3D効果など、CSS3の進化が止まりません。今回は、美しい質感や動きを実現した、ナビゲーションメニューをご紹介します。 1.A Little Menu Bar http://codepen ... 続きを読む⇒
【デザイン】配色に困ったら迷わずコレを使おう!便利ツール2つ 困った時に使える配色ツールはたくさんありますが、ソフトを起動することなく、すぐに使えるとなおさらうれしいですね。今回は、ブラウザ上で手軽に使える、直感的で便利なツールを2つご紹介します。 デザインについてお困 ... 続きを読む⇒
SVGとは?HTML5時代に注目を集めるSVGの基本を理解する HTML5時代のデザインパーツとして注目を集めているSVG。Flashとは異なり、iOS環境下でも利用でき、Internet Explorer9が正式対応したことも相まって、gifやPNGに代わりSVGを使 ... 続きを読む⇒
【Photoshop】写真をあっという間にミニチュアぽくしてしまうチュートリアル Visual Photo Guideで、どんな写真でもミニチュアの模型のようなイメージに変えてしまうチュートリアルが紹介されていました。 (http://visualphotoguide. ... 続きを読む⇒
【jQuery】カレンダーから日付を選択させる「Datepicker」をサクッと実装 入力フォームで日付を選択する際、ドロップダウンよりもカレンダー表示のほうが見やすく、誤入力を防ぐことができます。そんなユーザビリティに配慮したカレンダー表示のシステムを簡単に実装し、さ ... 続きを読む⇒
【Photoshopお役立ち機能】大量の画像に同じアクションを適用できる機能二つ 画像に同じ処理を行うときに便利なアクション機能。複数画像を開いてアクションを再生する、という作業を繰り返し行ってもよいのですが、画像の枚数が20枚、30枚となってくると大変です。 そんな時 ... 続きを読む⇒
【ホームページデザインのコツ】ワンパターンから抜け出す!テーブルデザインの参考サイト6選 価格やスペック表としてよく用いられるテーブル。どんなデザインにしようか迷って、結局いつも通り・・・ということはありませんか? 今回は、テーブルをデザインする際に参考になるサイトをご ... 続きを読む⇒
【WordPress】記事投稿の際に気をつけたいSEO対策のポイント7つ 以前の記事「SEO効果を高めるプラグイン「ALL in One SEO Pack」を導入しよう(※記事24)」では、メタタグを設定し、SEO対策を行う方法をご紹介しました。今回は、記事の投稿の際に ... 続きを読む⇒