プログラミング CSS vw vh vminの単位について
この記事でcssで扱える単位を調べた時にでてきたvw,vh,vminという単位。
vw は viewport width
vh は viewport heightといって、1vw はwidthの1%と同じ、1vh はheightの1%と同...
ttakuru88
プログラミング プログラミング css calc()で長さを計算して求める
calc()というもので、CSSで計算させることができるようになってたらしい。
sassとか使うわけじゃなく、ナチュラルなcssです。
たとえば、以下のようにすると、
#main{
width: calc(1000px - 10px...
サーバー運用 nginxでof shared memory zone “czone” conflicts with already declared
nginxで画像をキャッシュしよー、と思ってググったら、この記事が出てきた・・。弊社じゃんか
WordPressを100倍速くする！ MySQLの調整やnginx proxy cache
というわけで書いてあるとおりにやってみた。
...
プログラミング ruby xmlrpc/clientでの自動ブログ更新
先日友人から、「ブログbot作ってよ。」って言われた。
知るかよ・・
でも調べちゃう。
どうやら、xmlrpcを使えば良いということで、rubyのxmlrpc/clientを使用した。
seesaaブログの
「seesaaブログ使って...
継続的インテグレーション Jenkins: Html Audio Notifierプラグインでビルドが終わった時に音を鳴らす
Jenkinsで気になるプラグインを見つけたので紹介。
Html Audio Notifierというプラグイン、名前から予想できる通り、ビルドが終わったら音を鳴らして通知してくれるもの。
当然、JenkinsのWebページを開いてる時のみ...
プログラミング railsでの bulk insert
大量のデータをデータベースに書き込むときにはBULK INSERTを使うんだろうけど、railsの場合は？？
それをしてくれるgemがありました。
使い方は簡単
モデルのインスタンスを配列にいれて、クラスメソッドのimportにそ...
プログラミング CSSのみでプルダウンメニュー作る
プルダウンメニューを作るjQueryプラグインとかあるけど、それCSSでできるよ！
ポイントは子どもセレクタ。
以下のようなHTMLを用意する。
<div class="parent">
マウスオーバー！！
<...
サーバー運用 nginx x-forwarded-forでアクセス制限
Amazon EC2でロードバランサを使っていると、セキュリティグループでのIP制限がきかない。
そりゃそうだよね、ロードバランサいるんだから。
インスタンス内でIP制限する必要がある。
接続元のIPは、X-FORWARDED-FORヘッ...
プログラミング CSS pointer-eventsでマウスイベントを無効化する
HTMLでdisableクラスを持った要素のclickとかmouseoverのイベント発生をキャンセルしたい場合がある。
そういうときは、javascriptでイベント拾ってコールバックでfalse返すとか、イベントオブジェクトのpreve...
プログラミング SCSSでself, thisっぽいこと
たとえばcssで、messageクラスの要素のうち、alertクラスが付いているものを赤文字、warnクラスが付いているものを黄色文字にしたいとする。
それは以下のように書ける。
.message.alert { color: red;...