webサイト制作 pushStateとajaxを使ってSEOに強い無限スクロールページを作成する webサイト制作SEOに適した無限スクロールの導入FacebookやTwitter、Pinterestなどのソーシャルメディアサイトが使っている事で一躍有名になった無限スクロール(英: Infinite Scrolling)ですが、今でもシ... 2020.02.22 webサイト制作
webサイト制作 htaccessを使った動的配信 webサイト制作「.htaccessファイル」を使った動的配信動的な配信 | Google 検索デベロッパー ガイド | Google Developersスマートフォン利用者を自動的に「スマートフォン版サイト」へ誘導できるよう、「アクセス... 2020.02.20 webサイト制作
webサイト制作 コーディング作業のさいのチェックリスト webサイト制作モバイルフレンドリーテストsearch.google.comリンク切れがないかdead-link-checker.com表示速度www.thinkwithgoogle.comalt属性を適切に設定するmeta属性を適切に設定... 2020.02.17 webサイト制作
webサイト制作 ファビコンにsvg形式の画像を使う webサイト制作以前、授業でファビコンを作成した際には、一度、png等のビットマップで作成し、そのあと.ico用のジェネレーターで変換していましたが、とうとうファビコンもSVG形式が対応されるようになりました。SVGを使えばこれまで使われて... 2020.02.14 webサイト制作
webサイト制作 robots.txtで検索エンジンのクローラーを制御する web制作robots.txtとはrobots.txtとは、GoogleやYahoo!などといった、自サイトの情報を取得(クロール)するプログラム(クローラー)を制御するためのテキストファイルです。例えば、特定のファイルや、ディレクトリをク... 2020.02.10 webサイト制作
webサイト制作 フリーで使えるSVGアイコン webサイト制作webデザインicooon-mono.comiconbox.funflat-icon-design.comiconmonstr.comremixicon.comicons.pixsellz.ioアニメーション付きのSVGアイ... 2020.01.29 webサイト制作webデザイン
webサイト制作 スニペットを使ってホバーアニメーションを付ける webサイト制作最近はcss3のアニメーションだけで色々な事が出来るようになっています。特にホバー時のように小さいアニメーション(マイクロインタラクション)であればcssのみで充分表現できます。とは言え、css3のアニメーションをゼロからス... 2020.01.25 webサイト制作
css3 レスポンシブイメージの設定 レスポンシブデザインwebサイト制作css3img要素を画面幅によって切り替えたい場合、以前はJavascript等でwindow幅によって画像のファイル名を変える、などの方法が取られていましたが、html5.1,で策定された「レスポンシブ... 2020.01.23 css3webサイト制作webデザインレスポンシブデザイン
webサイト制作 ワイヤーフレーム の作成 webサイト制作webデザインワイヤーフレームとは「サイトの設計図」です。サイトを作成する前に「何を・どこに・どのように」画面に配置するかを明らかにする事で、実際の作成作業をスムーズに進める事が出来ます。また複数人で作業する場合やクライアン... 2020.01.22 webサイト制作webデザイン
webサイト制作 cssで作るメガドロップダウンメニュー webサイト制作メガドロップダウンメニュー最近よく見かけるメガドロップダウンメニュー。特にコーポレートサイトなど情報量が多いサイトでは、リンク先のページに飛んでからさらにそのページの中から目当てのコンテンツを探さなければならない、といった手... 2020.01.21 webサイト制作