Sassを@importから@useに置き換えるための手引き - kojika17
Sassの@importルールは、廃止されることが予定されています。 @useや@forwardといったルールに置き換わるのですが、これらは全く新しいシステムです。 これらの知見が溜まってきたのでご紹介します。 @import と 新しいモジュールシステム Sassの初期の方から実装されていた@importは、テキスト形式でSassファイルを読み込むための機能です。便利な機能ですが、CSSの@importと重複しているため、SassなのかCSSなのか一見してわかりにくい側面がありました。 新しいモジュールシステムは、この問題を解消し、Sassをより柔軟に使用できるようにします。 @importではグローバルに指定されていた変数などは、ファイルごとにカプセル化され、ファイルの内容に基づいて解決できるようになりました。 現在、Dart Sassしか新しいモジュールシステムは使えませんが、Lib
WEMO | コピペで終わらない、本質的な理解を目指した知識整理のメモをお届け。
jQueryをCDNで読み込む時のフォールバックの記述「window.jQuery || document.write()」って何ぞや？コードの意味を読み解い...
ExcelのCSVデータ取り込みで「このテキストファイルのデータは、1つのワークシートに入りきりません。」というエラーになる場合の対処
ExcelのCSVデータ取り込みで「このテキストファイルのデータは、1つのワークシートに入りきりません。」というエラーになる場合の対処方法を紹介します。 １．問題点 ExcelのCSVデータ取り込みで「このテキストファイルのデータは、1つのワークシートに入りきりません。」というエラーが発生しました。 データは下記に示す、5行程度の短いものです。 テスト１－１,テスト１－２,テスト１－３ テスト２－１,テスト２－２,テスト２－３ テスト３－１,テスト３－２,テスト３－３ テスト４－１,テスト４－２,テスト４－３ テスト５－１,テスト５－２,テスト５－３ CSVファイルの取り込み手順は下記のとおりです。 「データ」→「外部データの取り込み」→「テキストファイル」をクリックしてインポートしたいCSVファイルを選択。 「テキストファイルウィザード - 1/3」画面にある、「元のファイル」から「65
ExcelでUTF-8のCSVデータを取り込む方法
ExcelでUTF-8のCSVデータを取り込む方法を紹介します。 １．問題点 次のような文字コードがUTF-8のCSVファイルがあります。 テスト１－１,テスト１－２,テスト１－３ テスト２－１,テスト２－２,テスト２－３ テスト３－１,テスト３－２,テスト３－３ テスト４－１,テスト４－２,テスト４－３ テスト５－１,テスト５－２,テスト５－３ このファイルをダブルクリックしてExcelに取り込むと、文字化けします。 こういう場合、テキストエディタでCSVファイルを開き、文字コードをShift_JISに変換して一旦保存し直してから取り込むのですが、編集後もUTF-8のまま保存したいので、できればそのままの文字コードで開きたいです。 ということで、ExcelでUTF-8のCSVデータを取り込む方法を紹介します。 ２．UTF-8のCSVデータを取り込む UTF-8のCSVデータを取り込むには
PHPで「そのようなファイルやディレクトリはありません」というエラーになる場合の対処
PHPで「そのようなファイルやディレクトリはありません」というエラーになる場合の対処について紹介します。 このエントリーはビギナー向けの内容です。 １．問題点 次のPHP（test.php）を書いてみたのですが、「そのようなファイルやディレクトリはありません（または"No such file or directory"）」というエラーになります。 <?php echo 'input something: '; $string = trim(fgets(STDIN)); var_dump($string); ?> ２．原因 このPHPスクリプトをブラウザではなくコマンドラインから実行した場合、このようなエラーが発生します。 ３．対処 このスクリプトをコマンドラインからの実行で動作させるためには、1行目に下記を追加します。 #!/usr/bin/php または #!/usr/local/bin
Google+ ウィジェットの JavaScript コードに async / defer 属性がついた件
Google+ プラットフォームで配布されている、「+1 ボタン」 や、「バッジ」 などの JavaScript コードすべてに、async / defer 属性が付与されるようになりました。 Google+ プラットフォームで配布されている、「+1 ボタン」 や、「バッジ」 などを Web サイトに設置する際に使用される JavaScript のソースコードがありますが、これらソースコードに、script 要素の async / defer 属性が付与されるようになりました。 Googleの Ilya Grigorik 氏が自身の Google+ に投稿しているほか、実際のソースコードにもすでに反映されています。 All Google+ widgets have been updated to use the script[async + defer] pattern!... ： Ily
jQuery 公式 Blog 「jquery-latest.js を使用するのをやめろ」
jQuery 公式 Blog は、「Don't Use jquery-latest.js」 と題された記事内で、今後、jquery-latest.js のバージョンを 1.11.1 で固定することと、本番環境で jquery-latest.js を読み込むのをやめてくれというアナウンスを行っています。 jQuery 公式 Blog は、7月 3日付けで投稿された 「Don't Use jquery-latest.js （jquery-latest.js を使うな）」 と題された記事内で、今後、jquery-latest.js のバージョンを 1.11.1 で固定することと、本番環境 （公開している Web サイト） で jquery-latest.js を読み込むのをやめてくれというアナウンスを行っています。 Don't Use jquery-latest.js ： Official jQ
ExcelでCSVファイルを読み込むと先頭の「0」が消える件について
ExcelでCSVファイルを読み込むと先頭の「0」が消える件について対処方法を紹介します。 このエントリーではExcel 2010を使った画面で説明します。 １．問題点 テキストエディタで開くと、電話番号などの数字だけのデータが並んだCSVファイル（Book1.csv）があるとします。 このファイルをExcelでそのまま開くと、先頭の「0」が消えた状態で表示されます。 CSVで数字だけのデータの先頭の「0」が消えるのはExcelの仕様みたいで、CSVファイルとExcelの関連付けを解除しても解消しません。 ちなみにこの例では、最初に開いた状態はセルの幅が狭いため次のように表示されてしまい、ますます訳が分かりません。 ２．「0」を消さない方法（その1：データのインポートを利用する） 「0」を消さないようにするには、データのインポートを利用する方法があります。 新規ファイルを作成する状態にして
Firefox 25で表示が遅くなった場合の対処方法
Firefox 25でページ表示が遅くなった場合の対処方法を紹介します。 １．問題点 先日、会社で使っているFirefox 24が自動更新でFirefox 25にアップデートされたあと、ページの表示時間が劇的に遅くなりました。 具体的には、これまで数秒で表示されていたページが、表示されるのに数十秒かかるようになってしまいました。 最初はアップデートが原因と気が付かなかったのですが、ネットで色々調べるとFirefox 25の問題であることが分かりました。 ２．原因 Firefox 25で自動プロキシ設定スクリプト（proxy.pac：ファイル名は任意）を扱う際のバグらしいです。 Bug 923458 - [Regression v24 to v25] Slow loading of websites via proxy / pac file なお、この問題は会社などで下記のように自動プロキシ
WordPress本体のjQueryと公式版のjQuery｜Webクリエイターネット
Category WordPress ｢WordPressでjQueryを使っていると、ライブラリやプラグインが動かなくなった!?｣なんて話を聞いたり、そんな場面に出くわしたことはないでしょうか？ jQueryの基本的なことを知っている方ならすぐ分ることだと思いますが、ブログ等を運営している方皆さんがその辺りに詳しいわけではありません。 また、既存のテンプレートやプラグインを活用すると、誰でも簡単にサイトを構築できるといったところがWordPressの魅力の一つでもあります。 今回は、WordPress本体のjQueryと公式版のjQueryの違い、WordPressでjQueryを使用する場合に気を付けておきたいことについて書いてみようと思います。 Keyword：jQuery,コンフリクト WordPress本体のjQueryと公式版のjQueryの違い WordPress本体にはjQ
jqueryで画像のロード完了後に実行 - downstairs lab
jqueryで以下のように書いたら画像の読み込み完了後に読み込まれると思っていたら、 ieは正しく動作せず。どうやら、ブラウザによって挙動が異なる模様。 http://api.jquery.com/load-event/ $("#photo img").load( function(){ //ロード完了後の処理 } そこでimagesLoadedプラグインを使用するとieでも画像の完了後の処理が可能になります。 https://gist.github.com/268257 $("#photo img").imagesLoaded( function(){ //ロード完了後の処理 }); 画像のロード完了処理の際はお気を付けください。
php file_get_contentsでエラー
// sample.php にて。 $cont = file_get_contents( “test.html” ); 上記のような感じでfile_get_contents()を使うと「failed to open stream: No such file or directory」っていうエラーがでてきた。 「sample.php」も「test.html」も同じ階層に置いているのに。 調べると…相対パスだと微妙に間違うことがあるとか意味不明な内容発見。とりあえず絶対パスにしろと。 絶対パスをそのまま記述すると汎用性がなくなるので下記のように「dirname(__FILE__)」ってのを使うことにした。
Adobe Reader の文章の読み上げ機能を無効にする方法
PDF のビューワーとして Adobe Reader をお使いの方が多いことかと思います。 僕は１年ほど前まで Adobe Acrobat 6 を使い続けてきたので、何の不満もなかったのですが、パソコン替えたりしてから Reader 9 を使うことになったわけですが、PDF を開く度に文章の読み上げ準備のダイアログが勝手に開いて非常にイライラします。バージョンいくつからの機能？これ。 他の PDF ビューワーへ乗り換えようかと考えましたが、その前にこの機能を無効化する方法がないものかと試してみました。まずは真っ当な方法で [環境設定] ＞ [読み上げ] を見てみます。 うん。なんという設計思想なんでしょうか。無効化することができません。なんとも不親切極まりない。 でもイライラ感をどうにかしたいので、この機能を実装しているプラグインのファイルを直接削除してしまうことにしました。僕は Win7
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaTechnology Slot Online | Cara Daftar bermain Slot Online
JavaTechnology Slot Online | Cara Daftar bermain Slot Online
WordPressはFirefoxのPV数が2倍 – kumonchu.com