日本語のフリーフォントのまとめ

個人でも商用でも無料利用できる、日本語のフリーフォントを扱うサイトをご紹介します。フォントによっては、かなり幅広く利用できる無料フォントもあります。有り難い事です。お気に入りのサイトを見つけて下さいね! ご紹介しているサ…

[CSS] 簡単!テキストリンク hover時のデザイン

基本的にはコピペでOK!CSSのみで出来るテキストリンクのhover(マウスを乗せた時)のデザインをいくつかご紹介します。ちょっと自分好みにカスタマイズするだけで、ガラリと見栄えが変わります。 CSSだけでいろいろ出来る…

画像の背景を簡単に削除 remove bg

画像の切り抜き作業は、技術の進化で年々楽になっています。Photoshop CCではとても簡単らしいですね。私はまだPhotoshop CS6ユーザーなので、簡単にはいきません。作業時間を考えると、もう使えないと言っても…

[Photoshop][Illustrator]重なった部分の文字の反転

同じ色の文字やオブジェクトが重なった場合、同化して見えません。色を反転させるというか、背面の色を見える様にすれば見やすくなります。様々なデザインで使われているテクニックです。IllustratorとPhotoshopで実…

[CSS]border-radius 角丸でデザインに幅を

CSSでは、border-radius: 〇%で、角丸にする事が出来ます。例えば、border-radius: 50%で円を描く事が出来ます。角丸を使えば、デザインの幅が広がりますね!一部のブラウザやレスポンシブデザイン…

脱・無料ブログ!おすすめ サーバー と運営

アメブロなどの無料ブログやホームページって、広告が気になりませんか?しかも、自分には広告収入が入ってこないw。広告なし版にすると月額1,000円前後します。デザインの幅もあまり広くないですし、どうせなら安価に自分で運営し…

インストール不要で簡単!動画編集 FlexClip

オンライン上で動画の編集ができるサイトはいろいろありますが、FlexClipの魅力はテーマに合わせたテンプレートの多さ! テンプレートを使用すれば、プロっぽい動画が簡単に作れてますものね。直感的に操作できますが、日本語表…

[CSS] @media メディアクエリ まとめ

レスポンシブ対応のサイト制作で不可欠なのがメディアクエリ(@media)の記述です。私自身、曖昧なまま使っていた所があり、すんなり思い通りにならない、コンパクトに書けなかったしています。実践しやすい様に、まとめてみました…

[CSS] ラインマーカーを引いてみる

CSSを使って、ラインマーカーで線を引いたようなデザインにしてみようと思います。文中のちょっと目立たせたい箇所に引けば、そこだけ文字自体に色を付けるよりも見た目にも良く、注意を引く事が出来ます。一般的なタイプと太さが調節…