riotでjQueryを使わないスクロール止めの実装 - Qiita
背景 webページの一部のパーツがブラウザのスクロールに付いてくるようにしたい 例えばECサイトによくある、購入ボタンをブラウザのスクロールに追尾させて、 ユーザーがコンテンツのどこにを見ていても即座に商品をカートに入れれるようにしたい。 僕.「cssだけでできる?」 G .「position: stickyはどう」 僕.「いいやんけこれ」 僕.「IEもpolyfillあるし」 僕.「なんかうまいこといかん」 G .「親要素にoverflow(style)が使ってると動かんよ」 僕.「ぐぬぬ」 僕.「overflowいっぱい使ってるなあ・・・」 僕.「overflow外して良い？」 デ.「だめ」 僕.「ぐぬぬ」 ※Gはgoogle検索 ※デはデザイナーさん 僕.「ではscriptで対応するか・・・。」 G .「これなんか参考にならんか？ あとこれとか」 僕.「JQuery使ってるやつばっか
riotでjQueryを使わない複数行の三点リーダの実装 - Qiita
背景 長い文字列は末尾を三点リーダに変換したい 例えばECサイトとかで商品が一覧で並んでいるときに、 長ーい商品名のアイテムだけ高さがずれたらダサい。 僕.「cssだけでできる?」 G .「IEは対応してないけど良い？」 僕.「（IEからも割とアクセスされえるので）だめ」 ※Gはgoogle検索 僕.「ではscriptで対応するか・・・。」 G .「これなんか参考にならんか？ あとこれとか」 僕.「JQuery使ってるやつばっかやん。」 僕.「うちJQuery使ってないねん。」 僕.「あー。あとriot使ってるんでそっちで対応したい」 G .「該当ありません」 僕.「ぐぬぬ」 条件 表示する文字列が長い時に、描画領域で特定の高さになるように末尾を省略して三点リーダにして表示する riotjs使っているのでパーツをriotのtagで用意したい IEでも動く jQueryは使わない 今回は上記
laravelのcollectionをフィルタリングしてkeyを振り直す - Qiita
背景 既知の人も多いでしょうが、 なんか良いやり方がパッと思いつかなかったので備忘録に。 ちなみにlaravel5.5です 何がしたいのか laravelのcollectionにて 集計したデータをフィルタリングして、 collectionのkeyを順番に振り直したい $collection = Collection::make([ ["id" => "1", "is_use" => true], ["id" => "2", "is_use" => true], ["id" => "3", "is_use" => false], ["id" => "4", "is_use" => true], ]);
Dockerでgulp（+gulp-compass）実行環境を構築 - Qiita
背景 gulpの実行を他のPCでもできるようにせねば。 自分のローカル環境では適当に構築していたのだが、 いちいちインストールするのも面倒だし、諸々な差分が発生して面倒。 dockerコンテナにしてやれば構築・配布が容易だろう、と考えた。 Dockerコンテナでやりたいこと dockerでgulpおよびgulp-compassの実行 gulp-compassは「sassのフレームワークCompassをgulpで動かすライブラリ」だと思われる gulp+watchが走ってる gulp-compassが実行できる コンパイル結果がローカル環境にも反映される よくは知らないが、gulp-compassはrubyの力で動くので、rubyのインストールも必要だ。 今回使うディレクトリ構成 これあると、わかりやすいよね root/ ├ docker/ │ └ node/ │ └ Dockerfil
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
riotタグにjsonで連想配列を渡してやるとvalueが消える件 - Qiita
