Webエンジニアのブログ

昨今、仕事でもインターネットを通じて、遠方の相手と打ち合わせしたり会議をしたりと、いろんなアプリケーションを使って仕事をすることが多くなってきました。ここでは、在宅勤務やテレワーク、リモートワークなどで手軽に利用できる、GoogleのGoo...
続きを読む>>

CSSのnth-child擬似クラスでは、指定した要素からいろんな条件でスタイルをあてることができます。セレクタの指定がある場合は、指定したセレクタの兄弟要素のグループの中の対象の要素を表します。 以下、様々な:nth-child()擬似ク...
続きを読む>>

HTML5から導入されたiframe要素のsandbox属性。Webページに外部のHTML文書を埋め込むことができるiframe要素において、セキュリティを高めるために利用できる設定です。 埋め込まれる側のWebサイトでは、HTTPヘッダー...
続きを読む>>

ビジネスシーンにおいて、PowerPointで資料を作成することはよくありますが、誰もが意識するのが見やすいプレゼンテーション資料の作成でしょう。 どのような資料を作成するかによって、配色やレイアウトなどいろいろ考えることはありますが、まず...
続きを読む>>

Zoomでは、ビデオ会議でよく利用される画面共有機能と共に、ホワイトボード機能も搭載されています。さすがビデオ会議というだけあって、打ち合わせなどを効率的に行える仕様になっているわけですね。 Web会議やオンラインセミナー、また教育機関でし...
続きを読む>>

Webページではコンテンツの掲載方法としてアコーディオンメニューをデザインとして実装することがあります。状況によって1ページに膨大なコンテンツとなり得るQ&Aなどで利用することがあるでしょう。 アコーディオンメニューはクリックアクシ...
続きを読む>>

Photoshopを利用したデザイン制作では多くの便利な機能があり、筆で描いたようなものや油絵や水彩画風など多彩な表現ができるブラシ機能があります。デフォルトで利用できる素材は多々ありますが、Webからブラシ素材をダウンロードしてきて追加す...
続きを読む>>

私たちが生きていくために必要な情報は、新聞や雑誌をはじめ、デジタル時代の今はニュースアプリやインターネット検索で情報を収集していきますが、世の中に溢れているたくさんの情報の中からより正しい情報を得るのはとても大変です。ここではより新鮮で正確...
続きを読む>>

ビデオ通話や会議を行うアプリはいろいろありますが。データ通信量が軽くて接続が安定している「Zoom」は、とても快適に利用することができます。 会議を開催するホスト側がアカウントを作成していれば、クライアント側の登録は不要です。使ったことがな...
続きを読む>>

昨今のWebサイトのフォームデザインでは、UXの面でユーザーにストレスなくわかりやすいデザインが求められます。ここでは、対応ブラウザも増えてきたフォームデザインで使えそうな、CSSの:focus-within疑似クラスをご紹介します。...
続きを読む>>