MacBook Proのストレスマッハキーボード入力を改善する 変換→エンターで確定ができずにイライラしちゃう人へ →MacBookProのキーボードをWindowsと同じように使う!変換方法教えます Windows風のキー操作ってなんなん…キー認識がおバカちゃんで即返品交換の儀かと… Yukimi Satoハック2017.10.16 382
IE11とWindowsEdge用CSSハック IE11 @media all and (-ms-high-contrast:none){ *::-ms-backdrop, .クラス名 { セレクタ } } Windows Edge @supports (-m… Yukimi Satoハック2017.02.21 806
SVG Spriteを作成する SVGでアイコンやらイラストやら作成した時に、 CSSでスタイルを変更できるようにしたい! でもファイルをベタで読み込むのはちょっと… それに1つのファイルに纏めたい! という場合にどうぞ! ちなみに、サイズがバラバラで… Yukimi Satoハック2016.11.11 1,456
jQueryでスクロールしたら上からヌルっと出て来るヘッダーを実装する 参考:【jQuery】ナビゲーションをアニメーションで表示しページ上部に固定する方法 – North-Geek 参考サイトだと、ヘッダーはトップイメージの下にあり、そこが基準になっていますが、今回は下記のよう… Yukimi Satoハック2016.10.24 8,244
Safari(〜9系)でのcssアニメーション指定 10系(最新)ではanimationで全部纏めて記述できるのですが、〜9系は -webkit 接頭語とそれぞれを指定してあげる必要があります。 -webkit-animation-name: topBtn; -webki… Yukimi Satoハック2016.10.20 1,205
【CSS】複数読み込んでいたCSSを1つにまとめる PageSpeedさんに「読み込むリソース多いよ!」と怒られた?ので、CSSを雑に1つにまとめてみました。 纏めたCSS bootstrap.min.css bootstrap-responsive.min.css od… Yukimi Satoハック2016.10.13 2,215
Odometerを実装してみる Odometer というカッチョイイJSを実装してみました。 仕様 クリックしたら数値変わる クリック用のナビゲーションつけよう 実装 HTML <ul> <li id=”month” class=”s… Yukimi Satoハック2016.09.09 2,132
【jQuery】ハンバーガーアイコンを開閉時に変化させる【Bootstrap】 参考:3本線のメニューボタンをパネルの開閉にあわせてバツに変化させてみる HTML <a href=”#” id=”panel-btn”><span id=”panel-btn-icon”><… Yukimi Satoハック2016.08.18 2,507
【CSS】Bootstrapで組んだナビメニューをタブレットでもスマホ表示にする レスポンシブデザインでつきまとうナビメニューの形と幅の悩みですが、Bootstrapはデフォルトではタブレットの表示がスマホと同じようにたたまれたメニューにはならないので、それを解決するCSSです。 iPadでBoots… Yukimi Satoハック2016.08.17 4,437