タグ: Webサイト制作

Instagramの投稿一覧をWebサイトに表示できる【LightWidget】

2021年10月5日
Webサイト制作, 便利ツール

WebサイトにInstagramを掲載したい！と思ったときに、意外とその方法が見当たらなかったりしませんか？各Instagramの投稿をブログ記事などに埋め込む方法は公式でありますが、投稿一覧を掲載するには今回紹介する「LightWidget」というサービスを使うと便利ですよ！
続きを読む

コピペでOK！セクション間のおしゃれな仕切りをカスタマイズして実装できる便利なWebサイト3つ

2021年9月14日
CSS, SVG, Webサイト制作

上下に並んだセクションの間に、斜めのラインや模様を取り入れると一気に印象が変わります。複雑な図形もSVGを使って実装できますが、一からコーディングするとなるとなかなか手間がかかります。そこで予めいろんな模様が用意されているWebサイトを使って手軽に挿入してみましょう！
続きを読む

ポートフォリオサイトをNuxt + Netlifyに移行しました

2021年7月14日
Nuxt JS, Vue.js, Webサイト制作

WordPessで作成していた私のポートフォリオサイトをNuxt JSで作り変えてみました。デザインや内容はそのままで、管理体制を変えた感じですね。Nuxtに移行した理由や悩んだところをまとめてみます。
続きを読む

デザインカンプからのHTML/CSSコーディングの練習になる学習サイト

2021年12月27日
Webサイト制作, Webデザイン

HTML/CSSのコーディングの練習をするときに、既存のWebサイトの模写をする方もいらっしゃるかと思います。模写は模写で勉強になる点もありますが、実務ではデザインカンプと呼ばれるデータファイルを渡され、それを仕様にそってHTML/CSSでコーディングしていきます。実務に近いかたちに慣れるためにも、デザインカンプからのコーディングの練習をしていきましょう！
続きを読む

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

2021年5月27日
Webサイト制作, フリーランス

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

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

2021年4月20日
Webサイト制作

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

拙著「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」の中国語版が出版されました！

2021年4月7日
Webサイト制作, Webデザイン, お知らせ

私の書いた書籍「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」の中国語版が発売開始されました！韓国語版につづき、翻訳にはノータッチです。台湾にて発売中！
続きを読む

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

2021年3月24日
CSS, HTML, Webサイト制作

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