Illustratorで画像の書き出しが便利になる画像アセットの使い方
最新のIllustrator CCでは、簡単に画像アセットを使うことができるようになりました。Web制作の現場ではデザインカンプから必要な画像、アイコン等をよく書き出します。また、ロゴやイラスト、アイコンといったデザインはIllustrat...
続きを読む>>
最新のIllustrator CCでは、簡単に画像アセットを使うことができるようになりました。Web制作の現場ではデザインカンプから必要な画像、アイコン等をよく書き出します。また、ロゴやイラスト、アイコンといったデザインはIllustrat...
続きを読む>>
サーバにアップロードされている公開前のWebサイトやテスト環境は観覧されると困るので、アクセス制限をかけたいところです。今回はWebサイトにベーシック認証(Basic認証)でアクセス制限をかける方法をご紹介します。 Basic認証とは、HT...
続きを読む>>
Web制作においてテスト環境を準備することはよくあることです。サイト内の修正をする際に本番環境で直接作業をして、もし記述を間違えて表示を壊してしまったとなると壊れたWebサイトが見られてしまいます。 しかし、テスト環境でも公開してしまうと検...
続きを読む>>
Web制作を学習している方に向けてWebページを作成するにあたり、HTMLで最低限必要な記述のベースとCSSのメディアクエリ(Media Queries)を使ったレスポンシブWebデザインの書き方、そして学習方法をご紹介します。...
続きを読む>>
WordPressでWebサイト(ホームページ)やブログを制作している時、タクソノミーでカテゴリ分けして記事などを分類している場合にアーカイブまたはタクソノミーのアーカイブページにカテゴリリストのリンクを載せることがあるかと思います。 タク...
続きを読む>>
画像や図などにキャプション(説明)を入れることで、ユーザーに画像や図を理解してもらいやすくなります。またテキストコンテンツとしてGoogleが画像の近くにある画像の説明として認識しやすくなるため、SEOにも効果がでます。 画像の代替となるテ...
続きを読む>>
Webデザイン上、PCとスマホのレイアウトの順番を変える時にCSSでどうしてもコントロールしきれない時があります。そんな時に使えるCSS3のFlexboxを使ってHTMLの記述を変えずに表示順を変えるテクニックをご紹介します。 今回紹介する...
続きを読む>>
パソコンでインターネットを利用するときにWeb観覧に必要なWebブラウザですが、セキュリティ面を考えると常に最新バージョンにしておきたいものです。 Macをお使いのかたはSafariをApp Storeにアップデートのお知らせが来るかと思い...
続きを読む>>
Web開発をするにあたり、Google Chromeの「Google Chrome Developer Tools」、Firefoxの「Firefox Developer Tools」の検証モードを使うことで効率よくWebサイトのデバッグを...
続きを読む>>
WindowsでXAMPPを使ってローカル開発環境を構築して実際にサイト制作などする際、複数のドメインを管理できると非常に便利です。ここではXAMPPでバーチャルホストを設定して複数のドメインを使う方法をご紹介します。...
続きを読む>>