harada
CSS3: ページ内リンクの飛び先にスタイルを適用できるE:target 擬似セレクタ
ページ内リンクで、飛んだあとのスタイルを指定することができます。つまりリンクをクリックする前と後で表示を変更できます。 CSS :target { color: red; } HTML <ul> <li…[PhpStorm/WebStorm] Git上のファイルとローカルで開いているファイルを比較する
Githubで同期させているファイルの場合、WebStorm／PhpStorm上のファイル名の上で右クリックをするとメニューの中に「Git」という項目があります。 ここから「Compare with the same r…[PhpStorm/WebStorm] メモ用プラグイン「Scratch」を入れる
PhpStormやWebStormにはプラグインを入れることもできるんですね。 試しに、便利だという「Scratch」というプラグインを入れてみます。 このプラグインを入れることで、プロジェクトとは関係ない位置にメモ用の…[PhpStorm/WebStorm] 表示を確認するために簡単にダミーテキストを入れる
loremというテキストをうってTabで変換することで、ダミーテキストが入力されます。 p.text>lorem ↓ <p class=”text”>Lorem ipsum dolor sit amet…[PhpStorm/WebStorm] 使いたいEmmet記法が分からなかったら見るサイト
Emmet記法が一覧で書いてあるのでとても便利ですね。 Emmet記法のチートシートhttp://docs.emmet.io/cheat-sheet/ divの場合は以下のようにクラス名だけを指定するだけで記述してくれる…Sassの @extendを利用してコンパクトに記述する
@extendを利用するには、利用したいスタイルがどこかのclassにまとめて記述されているという前提条件があります。 引用元class .ex_class { margin: 5px 0; padding: 5px; …IE8のテキストエリアに指定した日本語フォントを適用する
IE8環境で、本文は指定した通りのフォントが表示されているのに、なぜかテキストエリアでのみ指定したフォントが表示されないという現象があるようです。 この現象は先頭に欧文フォントを指定していると起こるようで、先頭に日本語フ…