CSS Animation アニメーション完了後にアニメーションの最後の状態のままで止めたい - かもメモ
CSS animation でアニメーション完了後にアニメーションの最後の状態で止まってほしい時のメモ animation-fill-mode プロパティを forwards にする。 .box { animation: my-anime 5s ease -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } animationプロパティの値に続けて書いてもOKっぽい .box { -webkit-animation: box-anime 5s ease forwards; animation: box-anime 5s ease forwards; } サンプル See the Pen CSS ANIMATION TEST by KiKiKi (@chaika-design) on CodePen.
GitHubに間違ってpushしたcommitを消す。 - かもメモ
リモートのpushを1つだけ戻したい時 $ git push -f origin HEAD^:ブランチ名 localのブランチを修正してGitHub上に反映する時 $ git rebase -i HEAD^ 修正したいコミットが3つ前ならHEAD~3、2つ前ならHEAD~2などを指定 エディタが立ち上がるので、修正したい pick から始まるコミットを削除して保存 pick dad6fe7 コミット pick 2bb1e85 間違ったコミット # ←消したいコミットを消して保存 pick de8687c コミット # Rebase 4fd8f0d..de8687c onto 4fd8f0d # # Commands: # p, pick = use commit # r, reword = use commit, but edit the commit message # e, edit
Ruby Mac OS10.10にrbenvでRubyをインストールする - かもメモ
下準備 1. Xcodeをインストールする App StoreからXcodeをインストールする。 2. Command Line Tools for Xcodeをインストールする Xcodeを起動 メニューからXcode>Open Developer Tool>More Developer Toolsを選択。 ブラウザのページが開くのでCommand Line Tools(OS X 10.10) for Xcodeを探してダウンロードしてインストールする 3. Homebrewをインストール Homebrewメンテされてない？とかって話もチラホラ聴いたようなきがするけれど、忘れたので構わずインストール (もしかしたら その内 変更しなければならなくなるかも) The missing package manager for macOS — The missing package manage
CSS内でPHPの変数を使いたい。 - かもメモ
例えばWordPressのプラグインなんかを作っていて、CSSで変数を使いたいなんて時があります。 読み込みをPHPファイルにする。 まずはCSSファイルの拡張子を.phpにして、CSSを読み込ませていた部分をPHPのファイルに変更します。 HTMLならこんな感じ。 <link rel="stylesheet" type="text/css" href="sample.php" /> WordPressのwp_enqueue_styleでCSSファイルを読み込ませている場合も拡張子を変えるだけです。 <?php wp_enqueue_style( 'sample-css', PLUGIN_URL . '/css/sample.php' ); このままでは、text/htmlとかで読み込まれてしまうためCSSとして動作しません。 PHP化したCSSをCSSとして読み込んでもらう PHP化した
Gulp concatでファイルをまとめて、uglifyでmin化してファイル名を変更して出力したい。 - かもメモ
最近gruntよりgulpの方が熱い！という噂を聴いてバリバリgrunt派だったのですがチャレンジしてみました。 インストールとかは同じnode関連なのでnpm使えば簡単にできるので、この辺りgruntと大差なく導入できるなぁ〜って印象でした。 gruntで言うところのwatchがgulp自体に含まれてるっぽいので、gruntより最初の段階でnpm install する量は少なくて済みますね。ﾊﾗｼｮｰ!! インストール関係はこちらを参考にしました。 liginc.co.jp いつもやっている、javascriptの結合とmin化をするタスクを書いてみました。 プロジェクトのpackage.jsonを作る。 node.jsが必要なので、インストールされてない場合は下記リンクなどを参考にインストールしておいてください。 Macにnvm + Node.jsをインストールする - Qiita プ
jQuery Ajaxでファイルを送りたい！ - かもメモ
input[type="file"]をAjaxで送信したい時 普通にAjaxを使って送ると、ファイルが文字列になってしまい form.submit()した時と違うのでハマったのでメモ。 どうやら FormData を使い Ajaxが自動的に送信データを整形する機能をOFFにすれば form.submit()と同じデータで送れるようです。 ■ フォーム <form id="myForm" name="myForm" method="post" action=""> <input type="file" name="file" id="formFile"/> <input type="text" name="text" id="formText"/> <textarea name="textarea" id="formTextarea"></textarea> <input type="sub
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
