やまろぐはてな

勉強会レポートとか技術メモとか戯言とか

CSSプロパティの記述順について - CSScomb解決編

yamanoku.hatenablog.com 以前CSSプロパティの記述順に対してどうするかなどと悩んでいましたが、1つの解決策を見つけました。 CSScombを使用してみる 自分で記述順を悩むなんてアホくさいので機械に全部処理してもらうということになりました。というわけ…

在宅勤務に関してやってみて思うこと

今日は在宅勤務(厳密にはリモート勤務)したので適当に書いてみる。 在宅勤務について 自分の会社では月1回の在宅勤務を推奨されており、好きなタイミングで申し込める。もちろん電車だったり交通期間が機能していないときなどにも変更できる。これまで基…

株式会社はてなに入社しました

株式会社はてなに入社しました 株式会社はてなに入社しました - hitode909の日記 本当はここで働いてます。 www.geek.co.jp 絶賛社員募集中です。

colorbox - iframeでyoutube使う時の諸注意

経緯 colorboxでyoutube動画をモーダルギャラリーで見せるみたいな流れになった。 やり方は以下の感じ。 <p> <a href="https://www.youtube.com/embed/00000000" class="colorBox"> <img src="~~" alt=""> </a> </p> // jquery (事前にjquery.jsとcolorbox.js読み込んでおく) $(".colorBox").colorbox({rel:'colorBox', iframe: true, width: 640, height: 480, …

CSSプロパティの記述順について - 問題提起編

CSS

管理というか記述順どうしてますか 会社ではルールを覚える前にアルファベット順で記載したらどうかっていうのがあり、Googleの書式ルールではそれらしい。 確かに複数人との作業では確実性のある法則性なんですが、個人的にはpositionのためのtop, bottom, …

CSS - opacity、visibilityで要素消した時の注意点

マテリアルデザインのCSSアニメーションが顕著になってきましたが業務での気付きがあったので共有メモ。 opacityやvisibilityで要素を消したり出すアニメーション .hoge { opacity: 0; visibility: hidden; transition: all .5s linear; /* allだと重いから…

stylus - mediaqueryとreset.cssの管理

mediaquery管理 自分なりに考えた結果です。嘘です参考にした結果です。 pc() @media all and (min-width: 769px) {block} sp() @media all and (max-width: 768px) {block} をどこでもいいけど、base.stylみたいなのに設定しといて呼び出す時 .element +pc(…

StylusでOldIEの記述やりたい話

stylus便利なのでもうピュアなcssを書きたくないのですが、かねてから気になってた問題と解決法を記載。 Old IE 問題 Old IEっていうよりかはfilterの記述法についてです。 通常の書き方だとこう書きたくなります。 filter: progid:DXImageTransform.Microso…

Hubot弄ってみる 準備編

経緯 Reading... 割と本気で家庭用Slack Botを作ってみた - 八発白中 https://t.co/fOo7NWGqpQ— やまのく (@yamanoku) January 14, 2016 slackで残業申告時間前になったら残業するやつは申告しろって通知するbot作りたいんだけど、通知されたところで自分た…

config.jsonのhostnameをいちいち変えなくてもいい方法(追記あり)

背景 gulp-webserverの便利機能の1つにhostnameに自分のPCのIPアドレスを設定すると、他端末でアクセスしても見れる(ただしwifi接続時)っていうのがあるんですが、他の人と作業しているとhostname設定ママで渡しちゃうとエラーが吐いちゃうので非常に不便…

Chromeでソースコード見た時文字化けする問題

Cmd+Alt+Uでソースコードみてたら文字化けしてたので直し方 chrome://settings/fonts をアドレスバーに入れてエンター 下のように出てきたら一番下の「エンコード」を日本語(Shift_JIS)からUnicode(UTF-8)に変更 ChromeはデフォがShift_JISになってるっぽ…

jQuery - スクロールバーも入れて幅検知する

背景 レスポンシブさせるときにサブカラムの幅は維持してメインカラムの幅を縮めようとしたかった。そしてある幅になったらカラム落ちさせて1カラムにさせる。 やりたいこととして、リサイズ&ロードさせて、全体分の幅からサブカラム+横のmargin分を引いた…

作業時間を記録する話

きちんと把握できているか 自分の作業時間について把握できるのがプロかとは思いますが、一応お金をもらってる身ではあるのでプロなのだと思いますが、そこまでちゃんと出来てないのが現実です。 簡単な更新作業ではおおよその把握は出来ると思いますが、新…

技術的な方はこっちで書こうかなという感じでなんとなく移行です。徐々に追加してゆきます。 日常的なのはこちらからどうぞ oyamaokuto.org 自己紹介は以下からどうぞ http://oyamaokuto.org/about