タグ: Webサイト制作

フリーランスWebデザイナーが初案件を獲得する方法

フリーランスWebデザイナーを目指して日々勉強をしているみなさん、そろそろ実案件を受けようと準備を進めているみなさん、いかがお過ごしでしょうか?スキルの向上は実践あるのみ…と言われますが、最初のうちはその実践を積む機会がなかなか持てませんよね。今回はそんな新人のみなさんが最初に案件を取るまでのお話を書いてみます。

続きを読む

Webサイト制作やデザイン関連のオンライン勉強会いろいろ

外出する機会も減り、これまであった勉強会などのイベントもめっきり減ってしまいました。スキルアップのためのモチベーションもなかなか上がらない方も多いかなと思います。そんな中、今はオンラインの勉強会やワークショップなどのイベントも多数開催されています。興味のある分野のオンライン勉強会を覗いてみてはいかがでしょう?
続きを読む

HTML/CSS初学者がつまづきやすい記述ミスと修正方法

Webサイトを制作中に、なぜかうまく表示されないことはよくありますよね。最初のうちは簡単なミスを見落としがちです。実際によく質問される項目を、拙著「ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座」にてまとめています。その一部、特にHTML/CSSについて頻繁に聞かれるケースを紹介します。

続きを読む

【プレゼント企画】書籍「ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座」+マグカップ

私の執筆した書籍「ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座」が発売されました!発売を記念してWebクリエイターボックスのオンラインショップでも人気のマグカップとセットでプレゼントします!をTwitterで手軽に応募できるので、ぜひぜひ参加してくださいね!
続きを読む

Googleフォントをサブセット化してページの読み込みをスムーズに

おしゃれなフォントが気軽に実装できるGoogleフォント。みなさん使っていますかね?登録やダウンロード不要なので便利ですが、日本語フォントはなかなか容量が大きくてページの読み込み速度に影響が出てしまいます。そこで必要なフォントのみを指定できるサブセット化をしてみましょう!
続きを読む

Webクリエイターボックスの【Webサイト制作 動画講座】始まります!

Webクリエイターボックス、ユーチューバーになる…!ということで、YouTube動画を更新していこうかと思います。Youtubeのアカウント自体は2010年からあって、微妙にブログで紹介するときなどに動画をアップしていたんですが、完全に放置していましたね…。そのアカウントを掘り起こして、今後更新をしていこうかと思っています。
続きを読む

CSSファイルを読み込むだけ!クラスなしCSSフレームワークいろいろ

BootstrapでおなじみのCSSフレームワークでは、各要素に決められたクラス名を指定してスタイルを適用していました。ですが最近クラスを指定せず、HTMLを書くだけで整ったスタイルを適用してくれる「クラスなしCSSフレームワーク」が続々と登場しています。headタグ内にCSSファイルを読み込む記述を追加するだけでOK!学習コストもかからずとっても便利です。日本語版のデモも用意したので、どんな表示になるか確認してみてください。
続きを読む

SVG形式のファビコンを設置しよう

つ・い・に!ファビコンもSVG形式が対応されるようになりました!SVGを使えばこれまで使われてきたPNGなどのビットマップ形式とは違い、拡大縮小しても画質が劣化しません。つまり、過去記事「クリエイティブなファビコンを設置しよう」で紹介したように多くのサイズを用意する必要はありません!やったね!少し工夫すればダークモードにも対応できますよ!さっそくみていきましょう!
続きを読む