デザイン | cocotiie ココッティ―

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

2021年04月16日other

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

2021年04月08日tips

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

2021年04月04日other,tips

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

2021年04月03日tips

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

2021年04月02日tips

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

2021年03月21日other,wordpress

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

2021年03月05日other

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

2021年01月14日tips

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

2020年12月18日tips

最近jQueryを使わない流れになってきていますね。Bootstrap 5も脱jQueryになる様です。そんなこんなで、jQueryを使わないスライダー Swiperをご紹介します。便利なのですが、初心者に分かり易い説…

2020年08月10日tips

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