WEB

css

[CSS3]IE6~8でもCSS3を使えるようにするCSS3 PIE

全国数百万人(適当)のWEBクリエイターのみなさん!毎日「IEしねしねー」の呪文唱えてますか!今日はそんな腐クリエイターさんたちのための情報ですよ!(今更・・・)思いっきりCSS3が使えるIEは10・・・しかし、UAシェアを見てみるとまだま...
css

[CSS3]CSS3で背景画像を複数指定する!IE9以上

3歩進んで2歩下がる生活スタイルがすっかり定着の下山です。マウスをカチカチやってるよりキーボードをパチパチやってるほうが好きです。(前フリ)という訳で背景画像を3つの素材からCSSで作ってしまおうと・・・photoshopとか画像処理なんて...
css

[CSS3]p要素とtext-overflowを使ってキレイにレイアウトする

背中に蕁麻疹。うまい具合にイスの背もたれで心地よく掻いています下山です。(傍から見るとモゾモゾ気持ち悪いオッサン・・・)さて上の画像をご覧ください。こんなレイアウトってよく使いますよね?使うんです。divやli等でレイアウトする方が多いと思...
WordPress

[WordPress]トップページの新着情報にカスタムフィールドでアップロードしたPDFをリンクしたり記事をリンクしたりする

確認不足でドタバタ下山です。WordPressの案件でよく使うのでコピペで使えるように書いとく。タイトルにもあるように「PDFをアップロードしてトップページの新着情報に直接リンクしたいんですよねー。でも普通の記事も書きたいんですよねー。」っ...
css

[CSS]transform-styleとかperspectiveに後ろ髪を引かれてたからやってみた

天気悪いっすね下山です。寝ても覚めても納期に追われてます。CSS3から新登場のtransform-styleとかperspectiveが気になってまして・・・transform系はjQueryだろーが!とか思ってまして・・・食わず嫌いは良く...
css

[CSS]画像加工なしで写真をレイアウトする

頭痛と戦うWEB屋さん下山です。「トップページの写真を自分たちでも入れ替えたいよねー」って言われましてね。Photoshop使って写真を加工して上のようにレイアウトしてたんですよ。お客様に「じゃあPhotoshop買って勉強しましょうか!」...
WEBツール

各種フレームワークビルトインのオーサリングツールPingendo

眠い目をこすりながら、こんなものを発見してしまったもんだから書かずにいられない下山です。Bootstrap等のフレームワークをビルトインしたhtml、CSSオーサリングツールのPingendoのご紹介。一通りザッと使ってみた感じでは、なかな...
css

[CSS]同じサイズのボックスを横並びにするときのコツ

ネガティブマージンってイヤですね下山です。写真のサムネイルを並べてクリックで拡大とかよくやるじゃないですか!やるじゃないですか!やれ!そのときulliでサムネイルを並べたりするじゃないですか!するじゃないですか!やれよ。で、隣同士のサムネイ...
css

[WordPress]サイトマップ自動生成プラグイン「PS Auto Sitemap」と「SlickMap CSS」でステキサイトマップ

そういえば鹿児島は梅雨入りしました下山です。WordPressでサイトマップを生成するプラグイン「PSAutoSitemap」ってデフォルトでスタイルがいくつか選択できるようになっていますが、デザインがステキすぎてくぁwせdrftgyふじこ...
WordPress

[WordPress/Twitter Bootstrap]カスタムメニュー使用時にナビゲーションバーにactiveを追加する

なんだかタイトルの日本語がおかしいですが気にしません下山です。WordPressのテーマをTwitterBootstrapで作っていましたところ、アノBootstrapのナビバーとか使うじゃないですか。更にはWordPressのカスタムメニ...