最近 PWA って言葉をよく聞きます。 PWAはこの略　⇒　「Progressive Web Apps（プログレッシブ　ウェブ　アプリ）」 なんか長ったらしい名前だけど、普通のサイトをアプリ化できるってことです。 ホーム...

CSSで要素の幅や高さを指定するときに注意した方がいいこと・・・ それは幅や高さにはボーダー（枠）やパディング・マージンは含まれないということです。 このことについて自分の記憶の整理も兼ねて少しまとめてみたいと思います。...

after疑似要素とbefore疑似要素は色々な場面で便利 だけど なぜか効かないことがあって困ります。 その after疑似要素 が効かないありがちな理由トップ３ をまとめてみました。 疑似要素が効かなくて困ることある...

ブロック要素を表示する時・・・ 要素中身がある行数を超えたら省略したいって場面ないですか？ div要素が２行を超えたら省略したい p要素で５行以上で省略記号をつけたい そんな時はあるCSSプロパティを使えば、超簡単です。...

PHPでCSSセレクタでDOM解析してみたい・・・ そんな時に Zend DOM Query っていう便利なライブラリを見つけました。 それを使って PHPでCSSセレクタを使う方法とかコード例を 紹介 まず Zend ...

ヘッダ（header）は .htaccess からでも追加できます。 ただそのやり方、分かりにくいから少し苦労しました。 そこで同じように悩んでいる人のために、 .htaccess からヘッダ情報を追加する書き方について...

例えば画像素材サイトとかだと・・・ 素材ページに飛んだら、自動でダウンロードみたいな機能がついてると思います。 こういう自動ダウンロードは意外と簡単に実装できます。 ここでは JavaScript、jQuery 両方での...

画像データを直接送れない場面・・・ 例えば画像そのものをPOST送信するときとか、URLに変換したいときとか そんなときに 画像データを base64形式 に変換する方法 をまとめました。 難しそうと思ってたけど、Jav...

たとえばAjaxからPHPを呼び出して、何かレスポンスを返すとき レスポンスを返した後に、後始末的な処理をしたいことがあったんです。 例えばファイル書き込みとかDB操作とか、 レスポンスを速めるために後でやりたいこともあ...

最近知ったけど、最新のJSだと Fetch API っていうのが使えるみたいです。 使ってみたら、確かに便利ですね。Ajax 的な感覚で使いやすい ただいくつか注意しなきゃいけないこともありました。 そこで自分の記憶の整...