Font Awesomeを少しだけ使いやすくするTips Font Awesomeは使用する時に2つクラスを指定しないといけません。 一つは「.fa」、もう一つは「.fa-◯◯」というアイコン指定のクラスです。 ただ、毎回HTMLで「.fa」も入れるのは手間だし忘れてしまいます… Yukimi Satoハック2014.07.18 347
FFFTPで全角ファイル名のファイルを文字化けせずにダウンロードする 過去に詰まったことをメモ。 結論から言えば、文字コードを変えればファイル名の文字化け表示も直りますので、それで対応しダウンロードします。 1,「接続」から「ホストの設定」をクリック。2,接続先一覧が表示され… Yukimi Satoハック2014.07.15 2,677
jQueryを使わずにタブ切り替えをjsで実装する こちらのページを参考にしました。 http://hyper-text.org/archives/2007/09/javascript_tab.shtml HTML <div id="javascript_… Yukimi Satoハック2014.07.15 2,145
外部リンクの時にスタイルを変更する a[target="_blank"] { color:red; } この場合、フォントカラーが赤になります。 Yukimi Satoハック2014.07.14 106
jQueryを使わずにクリックで表示非表示を切り替える こちらのページを参考にしました。 http://tenderfeel.xsrv.jp/javascript/61/ HTML <a href="javascript:Toggle('A'… Yukimi Satoハック2014.07.14 1,216
imgタグとCSSを使ってSVGを読み込む .svg{ display: inline-block; background: url(ファイルパス/ファイル名.svg) top left no-repeat; height:100px; //SVGファイルの縦幅 … Yukimi Satoハック2014.07.11 827
SVGを読み込む(Objectタグ) <object type="image/svg+xml" data="ファイルパス/ファイル名.svg"> Yukimi Satoハック2014.07.11 580
正円サムネイルの画像がズレる時の対処法 .thumb{ line-height: 0; //画像がズレるため設定。 } テキストの場合はline-heightが高さと同じ数値指定されていないと縦位置がおかしくなりますが、画像の場合は逆にズレてしまう原因になるの… Yukimi Satoハック2014.07.10 204
「!global」でローカル変数をグローバル変数にする 普段はSassを使っているので、パッケージのテンプレートでもない限りは使わないLessですが、Sassと変数の有効範囲に違いがあります。 a{ $black:#000; color:$black; } この場合、Les… Yukimi Satoハック2014.07.10 389