ITハットMENUすべてのカテゴリーWeb制作93仕事効率化4Electron32016.12.21PHPで現在のURLやディレクトリの絶対パスを取得するファイルのインクルードは少し注意が必要なので、それも合わせて紹介していきたいと思います。変数やマジック定数を使って、URLやディレクトリパスを取得します。タグを使うべきであると基本的にされています。タグの方ならタグで囲まれているので、中に様々な要素を追加できるという利点があるからですね。いっつも独自機2016.12.19CSSでChromeのinput要素のオートフィル時に黄色い背景色になる問題を解決すごい細かいことで、気づいていない方もいるかもしれませんが、僕は気になったので解決方法を紹介します。本当に細かい部分まで配慮できるWeb制作者こそ素晴らしいと思います。ダブルクリックしてみると、黄色い背景2016.12.18IE9+対応でjQueryのajaxを使って非同期的にファイルをアップロードするIE9以下でも画面遷移なしにファイルをアップロードする必要があり、少しつまづいたので紹介したいと思います。古くからある手法のようです。わかりやすいように必要最低限のHTMLです。contextローカル環境構築のために使用しているMAMPのバージョンを4にしたら、こんなタイトルのようなエラーが出ました。PHP5.xではエラーにならなかったけど、PHP7ではエラーになるようです。contextとい2016.12.15PHPExcelを使ってExcelファイルを読み込んで編集や保存ダウンロードするPHPでExcelファイルを編集できるかどうか調べていると非常に高機能なライブラリがあったので紹介します。色々なことができるのですが、基本的なファイルの読み込みや編集、保存方法を説明していきます。使って、CSVファイルの読み込みから編集、書き出しの方法を紹介します。mb_convert_e2016.12.13PHPでjpg/png/gifなどの画像フォーマットを自由に変換するWebサービスはいろいろな形式の画像ファイル読み込みに対応していて、サーバー側では例えばpngなどに統一していますよね。@imagec2016.12.12JSでCSS3のプロパティがブラウザに対応しているかどうか調べるみなさんはCSS3を使っているでしょうか。使っているなら絶対にやらなくてはいけないことがあります。それは、非対応ブラウザへの対応です。そのためにはまず、使っているブラウザがCSS3のプロパティに対応しているかどうかチェックする必要があります。その方法を紹介します。=2016.12.11JS/jQueryでCanvasを使って画像の画素Pixelへアクセスし画素値を取得するちょっとJavascriptで画像処理をしてみたくなったので、手始めに画素値へのアクセスの仕方を紹介します。Loader最近ではWebフォントは個人ブログなどでも当たり前のように使われるようになってきました。1つ気になることがあります。それは、アクセスした0.5秒後くらいまではデフォルトフォントが表示されて、その後Webフォントが表示されるので、ちらついて見えることです。2016の8日目の記事です。CSS-Tricksというブログに面白そうな記事があったので自分なりに考えてみました。と2016.12.06CSS/JSファイルの変更がなかなか反映されないときの対処法CSSやJSファイルのデータはブラウザのキャッシュ機能によって、常にキャッシュされています。WordPressに変更したファイルをアップロードしても、反映されないことがあるのはこのためです。非常に簡単な方法で解決することができたので紹介します。使うのと思う方もいるかもしれません。大量のベンダープレフィックスも必要ないですしね。古いバージョンのIEの確認はParallelsを利用していますが、どうもIE9はRetinaディスプレイに対応していなかったようで、HTML/CSSレイアウト表示が崩れてしまっていました。そのときの対処法を紹介します。Retinaの不具合を修正したいOSを選び、歯車アイコンをクリックしま2016.12.03Sass/Scssでデフォルト引数を指定する際の引数順序依存を改善するSCSSは非常に便利で開発の効率も上がりますが、かゆいところに手が届かないといったことも結構あります。今回はその1つである、引数の順序依存を改善する方法を紹介します。こんな関数を作ってみます。Pipesというサービスを使って、スクレイピングできたのですが、いつのまにかサービスが終了していました。その代わりとして同じくYahooが提供しているYQLというサービスで同様のことができたのでその方法を紹介します。http://ithat.me/wp-content/uploads/2016/122016.11.30CSSだけで見出しに使えるIE9+対応で高品質なリボンを作るCSSでIE9+対応なリボン見出しを作るときのメモです。以下に紹介する方法ではグラデーションを使っていますが、IE9でグラデーションを使いたい場合はSVGを使うようにしましょう。2016.11.29CSS/jQueryでoverflow-y:auto/scrollなエリアのスクロールバーを非表示にするスクロールバーを自作で表示させたいとき、デフォルトのスクロールバーが邪魔だったので非表示にする方法をまとめました。Webkit(Chrom2016.11.28CSS/jQueryでのブラウザのスクロールバーの幅を取得するスクロールバーの幅を取得する方法を紹介します。最近ではスクロールバーの幅を扱う必要性がなくなってきたのであまり使う機会はありませんがメモしておきます。CSSではこれでスクロールバー分の幅が取得できます。