【Sublime Text 2】ダミー画像をめっちゃ簡単に挿入できるパッケージ 「Placehold.it Image Tag Generator」 | バシャログ。

2013/07/25 68 users バシャログ sublime text ダミー画像 パッケージ

お隣さんのそのまたお隣さんにあった幽霊屋敷がやっと取り壊しになって、自宅に日が差し込むようになった ishida です。 重機での解体作業がまるで地震のように感じられる今日この頃です。 さて、今回は Sublime Text 2 パッケージのご紹介です。 HTMLコーディング時、画像素材が提供待ちの場合の際にはよくダミー画像を配置します。 私がよく使うのは、以下のサイトです。 placehold.... 続きを読む

【スマートフォン制作向け】radioボタンをCSSのみでカスタマイズ | バシャログ。

2013/05/07 81 users バシャログ CSS カスタマイズ デフォルト 実務

こんにちは、GWは神奈川県から一歩も出ませんでした ishida です。 さてさて、今回は最近スマートフォン案件が増えてきましたので実務で使えそうなコーディングTipsをば。 スマートフォンでは、radioボタンがデフォルトのままだとかなり押しにくいですよね。 対象がスマートフォンであれば（IEちゃんを除けばOKかも）CSSだけで、意外とカスタマイズができます。 HTML HTMLのコードは以下に... 続きを読む

【CSS】画像を上下中央に表示する（IE7以下にも対応させる） | バシャログ。

2013/04/08 358 users バシャログ CSS 上下中央 IE7以下 display

娘が小学二年生になり、みまもりケータイ2を買い与えました ishida です。 娘がケータイのボタンを押すたびに、位置情報が送られてきて便利なのですが、 電話をかけたときにも、位置情報がメールで送られてきてちょっと通知頻度高すぎなんじゃね？ さてさて、今回はとある案件で画像を上下中央に表示する機会がありまして、 忘れないように自分的メモです。 CSS3が使えるようになってからは、display: ... 続きを読む

【Fireworks】ワイヤフレーム作成時に覚えておくと便利なアタリ画像＆アタリテキストを簡単に作成する拡張機能 | バシャログ。

2012/12/08 132 users Fireworks バシャログ Firew ノロウイルス 自分

3日間、ノロウイルスにやられ寝込んでいました ishida です。 手洗い・うがいはキチンとしておきましょうね。 さてさて今回は、「Fireworks Lover Advent Calendar 2012」 8日目のエントリーとして Fireworksでワイヤフレーム・モック作成時に覚えておくと便利な拡張機能について２つご紹介します。 自分はワイヤーフレーム作成につかうツールは、もっぱらFirew... 続きを読む

【WordPress】お問い合わせ内容も管理画面で管理できてトレビア〜ンなフォームプラグインinquiry form creator | バシャログ。

2012/11/29 320 users バシャログ WordPress ブログシステム 管理画面 カニ

今年の年末はカニを食べる！と思い、値段があがる時期前に冷凍カニを購入しましたishidaです。早くカニを食べて食っちゃ寝したいっ。 さてさて本日は、WordPressのプラグイン紹介です。 これまでブログシステムはもっぱらMovableType派でしたが、コレもしかしたらWordPressで実装できるんじゃねぇ？と思う要件がありました。 調査がてらにお問い合わせフォームプラグインをいろいろと使って... 続きを読む

チェック作業の時間短縮！文字コード/改行コードの判定・変換ツール「FCChecker」 | バシャログ。

2012/11/19 53 users バシャログ 判定 改行コード 変換ツール 文字コード

仮面ライダーウィザードのウィザードリングが5つ集まりました ishida です。 コレ以上あつめると嫁さんに怒られるので、リンク集めはもう辞めます。でもベルトがほしいよぉー さてさて、本日はファイルも文字コードと改行コードチェックに便利なツールのご詳細です。 プロジェクトではそれぞれコーディングルールも異なります。 HTMLのバージョンだったり、文字コード、改行コード、対象ブラウザなど。 複数プロ... 続きを読む

web高速化のためのコーダー向け圧縮ツール・サービスまとめ | バシャログ。

2012/04/25 405 users バシャログ web高速化 おいら CSSスプライト CSS

ゴールデンウィークは、ディズニーランドに連れていくと娘に約束してしまった ishida です。いったいどのくらい混雑するんだろう、どうせオイラはパレードの席取りでひたすら待つのさ。 さてさてweb高速化においてサーバー側ではなくフロントエンド側で対応できることもかなりあります。 CSSのセレクタ構文の最適化やCSSスプライトによる画像リクエスト数の削減であったり。 今回は、ファイル容量を削減に焦点... 続きを読む

地味に便利なコーダーさん向けのジェネレーターまとめサイト「Web制作小物ツール」 | バシャログ。

2011/11/17 125 users バシャログ ジェネレーター ジェネレーターサイト ワイン 6個

ボジョレー・ヌーボー解禁日、今日は買って帰るけどワインはあまり飲めないishidaです。 Web制作に関連するジェネレーターサイトはいろいろありますが、個人的によく使っているサイトをご紹介します。特にコーダーさん向け。 Web制作小物ツール http://webtools.dounokouno.com/ サイト名からあまり想像できないですが、地味に便利なジェネレーターが６個あります。 ダミーテキス... 続きを読む

[Dreamweaver] コードビューを　Sublime Textエディタ風な黒い画面になるようコードカラーリングを変更してみた | バシャログ。

2011/10/07 64 users コードビュー Dreamweaver 町内会 バシャログ 以下

明日は娘の幼稚園の運動会、 明後日は町内会の運動会と運動会会な週末を迎えようとしているishidaです。 うむ、間違いなく月曜日は筋肉痛で動けないのでしょう。 さてさて、コーディング用エディタとしてこれまでDreamweaverひとすじだったのですが、 Sublime Text の存在を最近知って、併用しています。 特にコードカラーリングのセンスがよく目にもやさしくて、黒い画面もありだなと。 以下... 続きを読む

[Fireworks]144種類のテクスチャがセットになった拡張機能 「Texture Collection」 | バシャログ。

2011/08/18 83 users Fireworks バシャログ テクスチャ 拡張機能 セット

こんばんは、最近「ももいろクローバーZ」にハマってしまいましたishidaです。 先月発売された1stアルバムを買うか否か迷ってます。 今週末土曜日に、読売ランドでライブもあるんだよなぁ～。 さてさて、今回はちょろっとFirefoxの拡張機能のご紹介です。 拡張機能にもいろいろありますが、 汎用的に使えそうな144種類がセットになった拡張機能です。 続きを読む

ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。

2009/09/09 417 users inline-block display バシャログ 以下

こんばんは、ishidaです。 CSS2.1 で定義されている displayプロパティの値、inline-blockの使いどころを探してみたところ、ページ送りにかなり使えそうです。 まずは以下のサンプルをご覧下さい。Yahoo 検索結果のページ送りデザインをまねています。 ページ送りのサンプル 1 2 3 4 5 6 7 8 9 10 次へ> XHTML のサンプルは以下です。とてもシンプルです... 続きを読む