なんやかんやあれやこれや

Pocket

取材に付いて行っても、コミュ症発動して何も喋れないことを再認識したので、出現率が下がった私です。

中の人全員が、女の子とご飯行ってウハウハしているわけではないことをここに書き記します。

嘘です。たまには、中の事を書くのです。今回は、
・PCがエロくなった
・バレンタインデー
・現実の厳しさ
・ふぉーりん・らぶ
以上豪華4本立てで行きます。

*PCがエロくなった
PCサイトの方ですが、アイキャッチの画像にホバーイベントを実装しました。

やり方ですが、
画像のclass要素に、CSSのfilterを付けます。blurはぼかす。
(*px)の部分で数字をでかくするほどボケます。( ´∀`)Σ⊂(゚Д゚ ) なんでやねん!ごめん。

.post-thumbnail {
display: block;
position: relative;
width: 100%;
z-index: 0;
-webkit-filter:blur(5px);
}

んで、hover時に、blurの解除、と、+の画像(ホントはCSSで書きたかった)を載せたかったので、
こちらはid要素をふって、あと、ふんわりさせるためにtransitionでふんわり。

#post-thumbnail:hover:after{
content: url(plus.png);

}
.post-thumbnail:hover{
-webkit-filter:blur(0px);
-webkit-transition: all .8s;
transition: all .8s;
}
.post-thumbnail::after {
position: absolute;
top: 104px;
left: 236px;
}

表示は、wordpressのコードの部分をタグにすれば普通でも

  

ただ、少しかくかくするかな、、、、?
あと、ぐる娘は、Google ChromeとFirefoxしか知りません。

filterで出来ることはこちら
++JavaScriptも使わず元画像も変更せずに画像をグレースケール表示させる

*バレンタインデー
しかし なにも おこらなかった!

*現実の厳しさ(訳:記事の下にライター情報を表示させるようにしました)

WordPressのプラグインで、投稿者の情報を表示させるプラグイン(Fancier Author Box)がありますが、
ぐる娘では、ライターとカメラマンとRPGしてますので、「なんであいつは出てウチは出んのや」と。
そこで、タグにご自分のお名前をご記入頂きまして、そのタグが御座います時に、その御方の情報をお出しするという。

タグには、料理名や、店舗名も入るので、
$tagを、foreachで回して、正規表現などで名前とマッチさせる。
その時に、連想配列で、$name[]とかで名前をどんどんつっこむ、$count +1とかで人数をカウント。
カウントした数で、for文を回して、更に$nameに再び名前にマッチさせて、そいつの情報を出していく。
というとても頭の悪い回し方をしています。

もしかしてメンバーが増えた時や、個々の文言の修正がしやすいようにしていますが、
多分きっとjsonでもっておいた方がいいのかなとも思います。他にいい方法があれば教えて下さい。ちいさなメダルを壺に入れておきます。

*ふぉーりん・らぶ(訳:エディターを!SublimeText2に変えたよ!)

なにいってんだこいつみたいな目で見ないで!
こう、ezHTMLや、Dreamweaverを使っていて、本格的にはじめてからは、netbeans(スペルこんなんだっけ)を使ってました。
ただ、ねっとびーんずは少し重くて、重くて、ふるえ、、、くおえるえーる。
で、先輩に「SublimeTextいいよ!使ったことないけど!」と教えて頂いて、ぐぐりました。どかっと。

そしたら、あのLIG様で、”恋に落ちるエディタ”「Sublime Text」 完全入門ガイド!とあるではないですか。

特徴としては、
・シェアウェアだけど、ささやかに促されるが、機能制限無く、使用可能
・Windows、Mac、Linux に対応
・軽い、拡張機能がたんまり
・かっこいい
詳しくは、上述のLIGさんのところで。

設定も、下手に設定画面などもなく、jsonで書いていくので、お手頃でそれこそPCが違っても同期しやすいです。
ファイル自体をDropboxでもつとか。

sublimetext
画像ちょっと見にくいかもです。
基本的に書くのが、HTMLとPHPとWordPressなんですが、
それぞれ、コード補完の拡張機能もあって、にわかエンジニアにはお助けコロッケナリ。はじめてーの厨~きみも厨~

使用、設定などなどのまとめは、まとめるのが上手な方々が書き記してくれてますのでそちらで。。
というか、こういうの使用法、設定などを探すのも楽しみの一つだと思うので、
http://mnemoniqs.com/web/sublimetext2/

http://php-fan.org/sublimetext.html

以上、だから何?で終わりそうなお話でした。(たまには存在をアピールしたい)

P.S
最近、三軒茶屋に引っ越してきたんですけど、ここ、
ヴィレヴァン、コメダ、ココイチ、クリエ、ピアゴと名古屋色強い気がする。
あとは、スガキヤさえ来れば!すがきやさえ来れば!!矢場とんとかでもええで、、、。

Pocket

writer/photographer