Webエンジニアのブログ

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

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

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

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

YouTube動画はWebサイト（ホームページ）やブログ等に埋め込んで活用することができますが、Webページのコンテンツによっては、YouTube動画を一覧で表示たいこともあるでしょう。API（YouTube Data API）などを使って...
続きを読む>>

CSSでは関数を利用していくことで、通常のプロパティの指定だけではできないことができたり、効率的にスタイルを適応させることができます。 CSSも年々進化を続け、とても便利な関数が続々と追加される中、ここではレスポンシブWebデザインの制作で...
続きを読む>>

昨今、多くのWebサービスやソーシャルメディアが生まれる中、プライベートで楽しんだりビジネスとして活用したりと、さまざまな使い方をしていくでしょう。こうしたメディアで発信する情報は、運用しているWebサイトに埋め込むこともできます。 企業サ...
続きを読む>>

Web初心者でも手軽に開発環境が準備できるXAMPPですが、世の中の進化に合わせてXAMPPもアップグレードして、ローカル上で開発テストを行なっていく必要があります。 特によくWebで利用されるPHPについては、1年ペースで新バージョンがリ...
続きを読む>>

Processingでは、map関数を使うことで描くオブジェクトの変化を調整したり、そのオフジェクトの変化に合わせて色を調整したりすることができます。アニメーションなどでデジタルアートを制作するうえで、とても使い勝手のいい便利な関数です。 ...
続きを読む>>

CSSのメディアクエリの記述方法は、コーディングでWebサイトを構築していくうえで、レスポンシブ対応やデバイスごとのスタイリングにはよく利用していく書き方でしょう。 CSSも年々アップデートされる中、Media Queries Level ...
続きを読む>>