言えばインスタグラムがあるでしょう。サイト上に表示したいですよね。いざやろうとタイムラインを表示しようと思っても簡単にはできません。サイト上に表示させる方法を紹介します。小技ブログを書いていれば「パンくずリスト」という言葉を聞いたことがあるかもしれません。どんなカテゴリのどの階層に居るのかを分かりやすく表現する為に使われるナビゲータのようなものです。ような検索エンジンのクローラにもサイトの構造を明示できる手段の一つです。有利となるということです。デザインを担うこととなっています。そんな中で地味にどうやってコーディングすれば良いのかと頭を悩ませるものがありますので、紹介したいと思います。ような高解像度まで対応したレシポンシブなデザインが求められていますので、描画領域の幅が不明でも使える小技となっています。小技8月に入って一段と暑さが増したような気がする今日です。今回はPCの動作がどうも遅いな、という場合の原因がメモリ不足だった場合の対処法です。ノートPCや古いPCでメモリ容量が少ない時やいつもスリープで再起動を余りしない場合には効果が分かりやすいと思います。私は幸いにも暑さには慣れているので割と快適に過ごしております。開発者ツールのアレコレについて紹介します。小技を紹介することとします。小技Javascriptでウィンドウのリサイズやスクロールを検出して処理を実行することがあります。そんな時に使う「window.onresize」や「window.onscroll」は何も対策をしないともの凄い数のイベントが発生してしまいます。そこで、そんなイベント発生回数を抑える小技を紹介します。スクロールイベントに重い処理を行おうと考えている方は一考の価値があると思います。小技Webサイトをデザインしていると古いブラウザへの対応が気になりますよね。昔からずっと鬼門だったIEへの対応は骨が折れます。2018年現在では既にIE10以前はMicrosoftのサポート外になりました。サポートが切れたブラウザも少なからず使っている人もいます。そこで、古いIEで作成したWebサイトがどのように表示されるのか確認する方法を紹介します。小技CSSだけでシンプルなドロップダウンメニューを作る方法を紹介します。アニメーションを付ける場合、以前はJavascriptを使って動的にプロパティを変えていく必要がありました。プロパティで徐々に変化させることもできるようになりました。写真ギャラリー用のテストページを作ってみました。ご興味のある方がおりましたら、解説記事を作ろうと思います。コメントやお問合せからご意見をお聞かせ頂けると助かります。画像の並びはランダム、配置もランダムです。小技Webサイトを作っていてちょっとお洒落でカッコいい書体を使いたいことってありますよね。ページがシンプルな程、書体にはこだわりたいところです。PCにインストールされている書体しか表示しません。仮にインストールされていない書体をCSSで指定した場合、ブラウザが勝手に標準の書体を使って表示してしまいます。アナログ回路とWebサイトの設計してます。あと、無農薬のお米とお茶を農家直販で扱ってます。(火)去年の年末、浜松のアマンダンライズのキャンドルナイト。(水)去年の年末、浜松のアマンダンライズのキャンドルナイト。2700X」で自作PC!組立手順を写真と共に解説します。購入して約1年経ったので良い点・悪い点をまとめてみました。2017-2019当ブログ上で公開されている当ブログに著作権が帰する情報は全て自由に利用可能です。被リンク、画像の利用・加工等を含みます。著作権は放棄していませんので、利用する際は流用元のURLやサイト名などを明記するようにして下さい。責任は一切負いかねますので、予めご了承下さい。