css[CSS3]p要素とtext-overflowを使ってキレイにレイアウトする
背中に蕁麻疹。うまい具合にイスの背もたれで心地よく掻いています下山です。（傍から見るとモゾモゾ気持ち悪いオッサン・・・）さて上の画像をご覧ください。こんなレイアウトってよく使いますよね？使うんです。divやli等でレイアウトする方が多いと思...
css WordPress[WordPress]トップページの新着情報にカスタムフィールドでアップロードしたPDFをリンクしたり記事をリンクしたりする
確認不足でドタバタ下山です。WordPressの案件でよく使うのでコピペで使えるように書いとく。タイトルにもあるように「PDFをアップロードしてトップページの新着情報に直接リンクしたいんですよねー。でも普通の記事も書きたいんですよねー。」っ...
css[CSS]transform-styleとかperspectiveに後ろ髪を引かれてたからやってみた
天気悪いっすね下山です。寝ても覚めても納期に追われてます。CSS3から新登場のtransform-styleとかperspectiveが気になってまして・・・transform系はjQueryだろーが！とか思ってまして・・・食わず嫌いは良く...
css[CSS]画像加工なしで写真をレイアウトする
頭痛と戦うWEB屋さん下山です。「トップページの写真を自分たちでも入れ替えたいよねー」って言われましてね。Photoshop使って写真を加工して上のようにレイアウトしてたんですよ。お客様に「じゃあPhotoshop買って勉強しましょうか！」...
google[Google Analytics]マイレポートを使ってソーシャルメディアからのアクセスを眺める
いや暑いっすね暑いと部屋着はパンツイッチョ下山です。こうやってブログとかやってるとアクセス状況って気になりますよね。Maku_zinVer2.1.1もGoogleAnalyticsで色んな解析をしてます。そこで気になったのがソーシャルメディ...
WEBツール各種フレームワークビルトインのオーサリングツールPingendo
眠い目をこすりながら、こんなものを発見してしまったもんだから書かずにいられない下山です。Bootstrap等のフレームワークをビルトインしたhtml、CSSオーサリングツールのPingendoのご紹介。一通りザッと使ってみた感じでは、なかな...
css[CSS]同じサイズのボックスを横並びにするときのコツ
ネガティブマージンってイヤですね下山です。写真のサムネイルを並べてクリックで拡大とかよくやるじゃないですか！やるじゃないですか！やれ！そのときulliでサムネイルを並べたりするじゃないですか！するじゃないですか！やれよ。で、隣同士のサムネイ...
css[WordPress]サイトマップ自動生成プラグイン「PS Auto Sitemap」と「SlickMap CSS」でステキサイトマップ
そういえば鹿児島は梅雨入りしました下山です。WordPressでサイトマップを生成するプラグイン「PSAutoSitemap」ってデフォルトでスタイルがいくつか選択できるようになっていますが、デザインがステキすぎてくぁｗせｄｒｆｔｇｙふじこ...
WordPress[WordPress/Twitter Bootstrap]カスタムメニュー使用時にナビゲーションバーにactiveを追加する
なんだかタイトルの日本語がおかしいですが気にしません下山です。WordPressのテーマをTwitterBootstrapで作っていましたところ、アノBootstrapのナビバーとか使うじゃないですか。更にはWordPressのカスタムメニ...
css[CSS]min-heightで最低限の高さを指定する(IE6対応)
実際の案件の要求とは別件ですがmin-heightについて。例えばdivに背景画像を指定した場合、コンテンツ量によっては背景画像が見えないこともあります。そんな時はmin-heightを使って最低限の高さを指定すれば問題解決。（IE6でも）