【Fireworks】スマホサイトに！スライスを偶数にリサイズするコマンド作りました。 | バシャログ。

2013/02/06 22 users Fireworks 偶数 バシャログ Dreamweaver

今年の花粉は少なめ、て話を聞いたこと無い気がするhakoishiです。 なんかそういうところボジョレーっぽい。 さて、今回はスライスを偶数にリサイズするFireworks機能拡張を作りました。 以前、ソース内の画像サイズを半分にリサイズするDreamweaverコマンドを作ったのですが、 Dreamweaverで画像サイズをリセットするコマンド＆半分にするコマンド（Retina対応に便利） 画像サ... 続きを読む

【Sass】Sassでレスポンシブ！メディアクエリを便利に書こう。 | バシャログ。

2012/08/09 43 users Sass コンパイル バシャログ コーディング 冗談

気が付いたら8月突入してて茫然としたhakoishiです。 しかももう1/3過ぎてるとか冗談はおよし。 さて、今回はSassでメディアクエリを便利に管理できる書き方の一例をば。 まとめて書いて、コンパイルの際にブレイクポイント毎に分散させます。 最近、レスポンシブ対応でコーディングをする機会があったのですが、ブレイクポイント毎にそれぞれセレクタを書いていったら管理しきれなくなってしまいました。 ま... 続きを読む

コーディングの効率化に効くと評判のツールを手軽に試せるサイト(+アドオン)4つ | バシャログ。

2012/03/19 85 users アドオン バシャログ コーディング less vim

桜はまだか。hakoishiです。 さて、web制作界隈は次々に便利なツールが登場してきます。 「便利と評判のあのツール、使ってみたいけど導入が手間で…」 そんな時、web上で手軽に試せるツールがあったりすると嬉しいですね。 ってことで、今回はそういったツール達のご紹介です。 zen-codingを試す JavaScriptフレームワーク各種を試す LESSを試す vimを試す zen-codin... 続きを読む

【CSS】実はこんなに便利！cssのセレクタ指定方法をちょっとだけ掘り起こしてみた | バシャログ。

2012/03/06 388 users バシャログ CSS margin Zoff マージン

モニターを見つめる目に優しいメガネがZoffからも出る！しかも度付きOK、フレームも選べる！気になってます。hakoishiです。 さて、今回は実は便利なcssのセレクタ指定方法をちょっとだけ掘り起こしてご紹介。 直下要素だけ、とかセレクタ名が部分一致したら、とか実はかなり便利です！ 特定の要素の直下の要素に一括でマージンを設定 #container>* { margin: 0 10px; } 親... 続きを読む

[Photoshop]コーディングの手間を省略！PSDファイルからテキストを抽出してtxtファイルにまとめてくれるスクリプト | バシャログ。

2012/02/23 99 users バシャログ コーディング Photoshop PSDファイル

どうも。Xperia arcの外装に小さなヒビを発見して自分の心にも小さなヒビが入りました。hakoishiです。 扱い荒かったのかなぁー… さて、今回はPSDファイルからテキストを抽出してtxtファイルにまとめてくれるスクリプトのご紹介です。 コーディングの時、PSDファイルからテキストをコピーしてくるのが地味に手間だったりしますね。フォント環境の無いPCだと都度警告が出たりもするし。 テキスト... 続きを読む

WordPressのPostオブジェクトの中身まとめ（テンプレートタグもあるよ） | バシャログ。

2011/12/13 16 users テンプレートタグ バシャログ チート 出番 WordPress

JINS PC買いました。hakoishiです。 でも普段はメガネ率高いのであまり出番無いんでした。家ではたまに重ねがけしてます。 さて、今回はWordPressのPostオブジェクトの中身をまとめました。 厳密には違うものもありますが、対応するテンプレートタグ（ループ内使用）もなるべく併記していますので、テーマ作成時のチートシート的にお使いいただければ。 ID 投稿ID 格納データ 数値（自動で... 続きを読む

引き続き、ソーシャルボタン設置のソースコードサンプルあれこれ。 | バシャログ。

2011/11/22 30 users バシャログ Evernote Twitter AddThis

みなさん、今年も残り40日くらいだそうですよ。 年末の大掃除が終わるか今から心配なhakoishiです。 さて、今回は前回に引き続き、ソーシャルボタン設置のソースサンプルをご紹介。 今回は、「google+」「mixiチェック」「mixiイイネ！」「evernote」の4つです。 ※前回のエントリーはこちらから。「はてなブックマーク」「twitter」「facebook」「addthis」を取り上... 続きを読む

ソーシャルボタン設置のソースコードサンプルあれこれ。 | バシャログ。

2011/11/11 510 users バシャログ Twitter Facebook AddThis

今日は2011/11/11、やたら「1」の並ぶ日付です。 11時11分にスクリーンショット撮り損ねてちょっとorzなhakoishiです。 いっそその時間に更新までしてしまいたかった！後の祭り。 さて、今回はソーシャルボタン設置のソースサンプルをいくつかご紹介。 今回取り上げるサービスは、「はてなブックマーク」「twitter」「facebook」「addthis」の4つです。 はてなブックマーク... 続きを読む

cssで縦方向中央に配置する方法（5つのケース） | バシャログ。

2011/10/13 601 users CSS バシャログ Siri コーディング オブジェクト

iPhone 4Sが発売間近。 買おうか迷って一旦諦めたはずがまた迷い始めました、hakoishiです。 siriに甘い言葉をささやきたい。英語できないけど。 さて、コーディングで縦中央にオブジェクトを配置したいことって少なくないですよね。 しかしながら、cssはそういうのちょっと苦手。 「ほら、あの時使ったアレだよアレ！」と過去のソースを掘り起こしてみても、状況が違ってて使えないケースも多かった... 続きを読む

Dreamweaverの使い勝手をちょこっとだけ底上げしてくれる拡張機能5つ | バシャログ。

2011/09/08 112 users Dreamweaver バシャログ Zen Coding

チーム内のももクロ旋風が留まるところを知りません。 まだメンバーの顔と名前覚えきってないんだけどそんなこと言えないhakoishiです。がんばります。 さて、本日はDreamweaverの使い勝手をちょこっとだけ底上げしてくれる拡張機能を5つほどご紹介します。 Zen Coding これはもう、いわずもがなですね。コーディング効率大幅アップ。 下記よりDreamweaver用のファイルを選択してD... 続きを読む