MacBook Proのストレスマッハキーボード入力を改善する

変換→エンターで確定ができずにイライラしちゃう人へ →MacBookProのキーボードをWindowsと同じように使う!変換方法教えます Windows風のキー操作ってなんなん…キー認識がおバカちゃんで即返品交換の儀かと…

Read more

IE11とWindowsEdge用CSSハック

IE11 @media all and (-ms-high-contrast:none){ *::-ms-backdrop, .クラス名 {     セレクタ } } Windows Edge @supports (-m…

Read more

SVG Spriteを作成する

SVGでアイコンやらイラストやら作成した時に、 CSSでスタイルを変更できるようにしたい! でもファイルをベタで読み込むのはちょっと… それに1つのファイルに纏めたい! という場合にどうぞ! ちなみに、サイズがバラバラで…

Read more

jQueryでスクロールしたら上からヌルっと出て来るヘッダーを実装する

参考:【jQuery】ナビゲーションをアニメーションで表示しページ上部に固定する方法 – North-Geek 参考サイトだと、ヘッダーはトップイメージの下にあり、そこが基準になっていますが、今回は下記のよう…

Read more

Safari(〜9系)でのcssアニメーション指定

10系(最新)ではanimationで全部纏めて記述できるのですが、〜9系は -webkit 接頭語とそれぞれを指定してあげる必要があります。 -webkit-animation-name: topBtn; -webki…

Read more

【CSS】複数読み込んでいたCSSを1つにまとめる

PageSpeedさんに「読み込むリソース多いよ!」と怒られた?ので、CSSを雑に1つにまとめてみました。 纏めたCSS bootstrap.min.css bootstrap-responsive.min.css od…

Read more

Odometerを実装してみる

Odometer というカッチョイイJSを実装してみました。 仕様 クリックしたら数値変わる クリック用のナビゲーションつけよう 実装 HTML <ul> <li id=”month” class=”s…

Read more

【jQuery】ハンバーガーアイコンを開閉時に変化させる【Bootstrap】

参考:3本線のメニューボタンをパネルの開閉にあわせてバツに変化させてみる HTML <a href=”#” id=”panel-btn”><span id=”panel-btn-icon”>&lt…

Read more

【CSS】Bootstrapで組んだナビメニューをタブレットでもスマホ表示にする

レスポンシブデザインでつきまとうナビメニューの形と幅の悩みですが、Bootstrapはデフォルトではタブレットの表示がスマホと同じようにたたまれたメニューにはならないので、それを解決するCSSです。 iPadでBoots…

Read more

iOSでposition:fixedを指定した時に、他の要素が突き抜けているとヌルヌル動く

レスポンシブで作っている時に、他の要素に幅指定が入っていて、尚且つ横幅を突き抜けている時、overflow-x を指定していても、 position:fixed を指定してあるheaderがヌルヌルとスクロールする度に上…

Read more

マウスオンすると中央から線が伸びてくるCSS

SCSSでの記述になります。liの擬似クラスを利用してborderを表示させています。 ul { margin: 0; padding: 0; li { position: relative; margin: 0 0.5…

Read more

Macでパスワード付きZipを作成する

ターミナルを使って作成します。 cd Desktop/ →デスクトップに移動。(zipにしたいファイルがデスクトップにある場合)  ちなみに、De まで打って tab を押すと補完してくれます。便利。 zip -e zi…

Read more

jQueryでpreloadする

/head 付近に記載しましょう。/body 付近に書いたらなんにもならないですw $(function(){ jQuery.preloadImages = function(){ for(var i = 0; i&lt…

Read more

【Movable Type】サブカテゴリを6個ずつ並べる

知らなかったんですが、MTSubCategoriesタグで<$mt:Var name=”__counter__”$>って使えなかったんですね… リストを一定件数ずつ区切って出力するを参考にしました。(そのまま…

Read more

【Movable Type 5】カテゴリに公開エントリが1件も所属していないと再構築されない

久しぶりにMT触ったら「なんで再構築されない??」と悩んだのでメモ。 まさにこれなのですが、使ってるMTは5.2.3!おうのう… アップデートもできない状況なので、諦めて対処するとします。。

Read more