Webエンジニアのブログ

通常、Webページは縦にスクロールしながらコンテンツを閲覧していくといった既成概念がありますが、縦幅を固定して横スクロールで魅せていくWebページも、デザインによっては面白いWebサイトに仕上がるのではないでしょうか。 ここでは、横スクロー...
続きを読む>>

主に画像などのコンテンツをギャラリーとして見せていく場合によく利用されるグリッドレイアウト。格子状に分割してブロック内に要素を配置するなかで、各要素はブロックごとで決められたサイズとなりますが、要素の内容によってバラバラのサイズのレイアウト...
続きを読む>>

スマートフォンやタブレット端末でのWebデザインでは、ツールバー、アドレスバーのUIが表示によってデザインが少しズレたりします。 iOSのSafariをはじめ、スマートフォンやタブレット端末でのツールバーやアドレスバーを含む100vhの表示...
続きを読む>>

昨今では多くのWebサイトで動画が使われており、Webページにアクセスした時にファーストビューで動画が流れるサイトもよく見かけるかと思います。 Webページにアクセスした時にはじめに動画が流れて、動画再生の終了時に動画がフェードアウトし、そ...
続きを読む>>

Web制作においてサイトの見栄えに影響を与えるフォントサイズの指定では、pxやem、rem、%といったいろんな単位を使った経験があるでしょう。px単位は昔からよく使われていた単位でありますが、ブラウザのフォントサイズはユーザーが変更可能なた...
続きを読む>>

MacのFinder（ファインダー）やWindowsのExplorer（エクスプローラー）といった、ファイルやフォルダを管理するツールは、PC作業において必ず利用していきますし、データの管理や整理が重要になります。 多くの情報を管理していく...
続きを読む>>

写真素材は紙媒体やWeb媒体などいろんな媒体で利用していくことがあります。写真データによっては元データをそのまま使うこともできますが、場合によっては加工が必要であったり、写真の一部分だけを利用していくなど、様々な使い方をすることもあるでしょ...
続きを読む>>

ビジネスシーンではChatWorkやSlack、Microsoft Teamsなど、手軽にコミュニケーションが取れる様々なチャットアプリがありますが、GmailをはじめGoogleドライブやGoogleカレンダーほか、スプレッドシート、ドキ...
続きを読む>>

WebデザインやWeb制作技術を学ばれている方は、HTMLでは意味付けしていくタグ、CSSではスタイルを適応させるためのプロパティや擬似要素、擬似クラス、そして関数など沢山のことを覚えて利用していく必要があります。 学習初心者は、HTMLと...
続きを読む>>

紙媒体やWeb媒体で利用していく写真素材において、写真の中でメインとして撮っている被写体以外は必要ない時や、あると困る時などには編集する必要ができてきます。 Adobe Photoshopでは、コンテンツに応じた塗りつぶしの機能で、手軽に不...
続きを読む>>