StyleWebエンジニアのブログMENUHOMEWEB便利ツール健康・ダイエットHTMLのpicture要素、source要素でPCとスマホの画像を切り替えるWebサイトでは多くの画像を利用してデザインしながらコンテンツを作っていきますが、利用する画像のサイズが大きいと表示速度に影響します。PCやタブレット端末、スマートフォンなど多くのデバイスにあう画像を表示させたいときは、デバイス幅によっ...続きを読む>>2020/02/22|WEBPHPを使ったWrodPressなどでCSSやJSファイルを更新した時だけキャッシュをクリアWebサイトに関係するファイルのキャッシュについては。Webページの表示速度にも関わってくるところですので、サーバ側やhtaccessファイルでキャッシュの設定を行うこともあります。loading設定で画像や動画、SNSの埋め込みを遅延ロードレンダリング処理でサーバとのデータのやり取りが行われる中で、Webブラウザに表示されるまでの時間をなるべく速くすることで、ユーザー体験としてもSEOとしても最適なWebページと言えるでしょう。多くの方がMacを利用していく中で、必要に応じて便利なアプリをインストールして、快適にパソコン作業をおこなっていることでしょう。した便利なアプリはたくさん利用していってもいいですが、ずっと使っていなかったり使わなくなったアプリケーショ...続きを読む>>2020/02/13|便利ツールmacOSのSafariでWebページ全体のスクリーンショットを撮る方法たまに必要になる、観覧しているWebサイトのページのスクリーンショット。表示領域だけでなくページ全体を撮りたいことがありますが、macOSのSafariでは、デベロッパーツールを利用することでWebページ全体のスクリーンショットを撮るこ...続きを読む>>2020/02/09|便利ツールCSSのscroll-snapプロパティを使ってスクロール移動でコンテンツの表示領域に合わせるスムーズで快適なスクロールはUIの一部として採用するサイトも増えて、表示領域にピタッと合わせるスクロール処理は、主にJavaScriptやJavaScriptライブラリであるjQueryを使って実装することが多いかとおもいます。...続きを読む>>2020/02/05|WEB高度な検索ができるExcelのXLOOKUP関数の使い方エクセル作業を便利にしてくれる様々な関数。シートの表から何かを検索して処理をしたい時、検索処理ができるVLOOKUP関数やHLOOKUP関数を利用してきたかと思います。2020年1月頃にリリースされたバージョンから、新たにXLOOKUP関...続きを読む>>2020/02/03|便利ツールHTML5のfigure要素でソースコードや引用を表示するときの使い方HTML5から追加されたfigure要素は、主に画像を載せる時に利用することが多いかと思います。コードなどをまとまりとして表すときに利用します。PCを利用していく中で、多くの方が便利なアプリをインストールして快適なパソコンライフを送っていることでしょう。10からデフォルトで搭載されているEdgeブラウザでWeb観覧されると思います。≫PROFILEAkira元ボクサー、元トラックドライバーと不思議な経歴を持つ。納豆はご飯と分けて食べるタイプ。