WEBデザイン 【コーディング備忘録】ヘッダーを固定させる方法と注意点
ヘッダーに何も設定していない状態だと、メニューを選択しにまたページトップまで戻る手間が生じてしまいます。 本日は、スクロールしても常にページの上部にヘッダーを固定表示させることができるCSSプロパティ「position:fixed」をご紹介...
Webデザイン
WEBデザイン 
WEBデザイン 【コーディング初心者向け講座】影をつけるCSSプロパティ「box-shadow」と「 drop-shadow」について学ぶ！〜CSS〜
先日、text-shadowという文章に影をつけるCSSプロパティをご紹介しました。 今回は画像やオブジェクトなどに影をつける「box-shadow」と「filter:drop-shadow」についてまとめたいと思います！ box-shad...
WEBデザイン 【Illustrator】イラレで画像に枠線をつける方法
Illustratorで画像に枠線をつけようとして、スウォッチパネルの塗りと線から色を設定してみるも「何も起こらない...」という経験をしたことはありませんか？ 実は画像に枠線をつける方法は別に２つあるんです。 アピアランスで追加した新規...
WEBデザイン 【コーディング初心者向け講座】文字に影をつけるCSSプロパティ「text-shadow」について学ぶ！〜CSS〜
IllustratorやPhotoshopでは「ドロップシャドウ」や「光彩」を使えば簡単に文字に影をつけることができます。 これをコーディングで再現するとき、text-shadowというCSSプロパティを使います。 text-shadowの...
WEBデザイン コーディングはじめました。
ぽかぽか陽気でだいぶ春めいてきましたね。 本日から新年度ということで、新たな環境に身を置いて勉強・仕事に励む方も多いと思います。私にはそこまで大きな変化はないのですが、今週から少しだけ業務内容に変化が。 ついに業務でコーディングをやることに...
WEBデザイン 【CSS完全に理解した】ちょっと変わった視点からCSSが学べる記事
過去にSNS上でバズった「CSS完全に理解した」をご存知でしょうか？ 画像はIKeJI(@ikeji)さんより 「CSS完全に理解した」という文言が枠外にはみ出ていて、誰もが思わず「本当に理解したの？」というツッコミを入れてしまうようなネタ...
WEBデザイン Adobeの新機能「スーパー解像度」がすごいと話題に！
Adobe Camera RAWがバージョン13.2に更新され、「スーパー解像度」という新機能が追加された事がSNS上で話題になりました。 どんな機能なのか調べてまとめてみましたので、良かったら参考にしてみてくださいませ〜。 スーパー解像度...
WEBデザイン サイトの色を取得できる拡張機能「ColorZilla」のご紹介
デザインの配色をする際、様々なサイトの配色を参考にすることがあります。 本日は、「このサイトの配色が気になる！」「同じ色を使いたい！」となった時に役立つGoogle Chromeの拡張機能を紹介したいと思います。 ColorZilla こち...
WEBデザイン 子どもの手書き文字が可愛い無料フォントのご紹介
本日は、最近見つけた可愛いフォントを紹介しますよー。 その名も、「全児童フォント」 小学校で習う教育漢字1006字が収められていて、商用フリー。 なんと、小学1年生が実際に書いた文字をベースに作られたフォントなんだそうです。調整しすぎずほど...
WEBデザイン 【Illustrator】パス上に文字を入力する方法
本日は、Illustratorの「パス上文字ツール」を使った文字の入力方法を解説していきますよ。「パス上文字ツール」が使えると、このようなロゴのようなものを作成するときに役立ちますよー。 では、さっそくいってみましょう！ はじめに、ペンツー...