定義リスト[dl]のdt/ddを横並びにする方法
こんばんちわ、やのっぱです。(´・ω・｀) 今回は定義リスト[dl]の中身(dtとdd)を横に並べる方法やってみるよ。 その前に定義リストってなん？？？美味しいの？ ッと思ってたら、どこからともなく天の声が！！←天から聞こえとるがな 「説明しよう！定義リストとは定義（dt）する用語を説明（dd）するリストである！」...
View Article【CSSハック】これだけあればなんとかなるハック集
【CSSハック】これだけあればなんとかなるハック集 おはこんばんちわ、真田・・もとい、やのっぱです(´・ω・｀)v 本日は主に可愛くも憎らしいIEたんが駄々をこねたときに役立つあれをメモします。 大体適切なマークアップをしていればほぼ解決できるものですが ブラウザ毎にどぼしても言うこと聞かない！って時ありますよね？ そんなこともあろうかとこれを用意しておいた！！←真田ボケ回収 【CSSハック！！】...
View Article「width崩れ、カラム落ちにはこれ」まるでチート！【CSS3】box-sizingが実はすごい子
「width崩れ、カラム落ちにはこれ」まるでチート！【CSS3】box-sizingが実はすごい子 おはこんばんちわ、スニペのショートカットをネトゲみたいにファンクションキーに振って、技出してる感じでグラデーション作ったりしてニヤニヤしてるやのっぱです(´・ω・｀)v...
View ArticleClik here to view.
今さら聞けない、marginとpaddingの違い
こんばんちわ、初夏ですでに溶けそうなゲルっぱ。。。やのっぱです(´・ω・｀)ｳｪｳｪ 今回は超絶初心者さんへ贈る、margin(マージン)とpadding(パディング)を軽めに説明します。 注意：本記事のソースはclearfixを導入した状態で作っています。 実際にお試しになる場合はclearfixを導入してください。 clearfixなんぞや？はこちら margin paddingとはなんぞや？...
View Article【CSS】のショートハンドまとめてみた【プロパティを一括で指定しよう！】
おはこんばんちわ、たまにデザインすると通常の１７倍くらいストレスがたまるやのっぱです(´・ω・｀)おほー 今回は、後輩にちょっとコーディング手伝わせた時にショートハンド使ってなくて気になったので、CSSのショートハンドについてまとめてみました。 ショートハンド？なにそれ？ショートケーキかなにか？おいしいの？っという方のためにちょっとご説明します。 ショートハンドとは 例） margin-top:...
View ArticleHTML5でコーディングするとき絶対しておいたほうが良い準備
おはこんばんちわ、あなたのわたしのやのっぱです(´・ω・｀)おほー 最近、HTML5で記述することも多くなってきたのではないでしょうか？ 初めてのHTML5！といった記事を書こうとおもったのですが、収まり効かなくなりそうなので 小出しにいたします。 今回は準備編です！ HTMLを勉強したてでHTML5はまだよくわからない！ でもなんだか最新ですごそう！使ってみたい！...
View ArticleClik here to view.
【CSS3】で写真に色々装飾を加えてみた border-imageなど (枠・写真加工編【IE9以前は非推奨】
どうもおはこんばんちわ、暑がりで寒がりな面倒くさいやつ…やのっぱです(´・ω・｀)おほー 今回はお役立ち記事が思い浮かばないので、装飾つくって遊んだだけです。 こういうのお好きな方は参考にしたり、もっとこうしたほうがいいよね…など考える材料にしたりしていただけると幸いです。 なお、今回IE9～6は無視してます。border-imageなどがIE10以降実装になってるからですね。...
View ArticleClik here to view.
【CSS3】で写真に色々装飾を加えてみた（box-shadow編【IE9以前は非推奨】
どうもおはこんばんちわ、トメィトゥが大好きなやのっぱです(´・ω・｀) リコピン♪リコピン♪(*´ω｀*) 今回もCSSで装飾するよ！ 前回→【CSS3】で写真に色々装飾を加えてみた(枠・写真加工編)【IE9以前は非推奨】 さて、今回はbox-shadowを使って色々作ってみようと思います。...
View ArticleClik here to view.
【CSS3】で写真に色々装飾を加えてみた(hoverしたときのエフェクトを作る【IE9以前は非推奨】
【CSS3】で写真をhoverしたときのエフェクトを作る【IE9以前は非推奨】 おはこんばんちわ、あなたのわたしのやのっぱです(´・ω・｀)ﾉ CSS3とかで写真に装飾つけるシリーズも第三回となりました。 今回はhover時のエフェクトを付けてみようとおもいます。 CSSで作るので、例のごとくレガシーブラウザ(IEとかIEとかIEのIE9以前)には未対応なのですが・・・...
View Article【JQueryライブラリ】簡単に高さを揃えられるjquery.tile.jsを使ってみよう。
【JQueryライブラリ】簡単に高さを揃えられるjquery.tile.jsを使ってみよう。 こんばんちわ、やのっぱです(´・ω・｀)v 今回は良く利用するJQueryライブラリ、tile.jsの使い方をお話していきます。 それではやっていきましょう。 まずは設置から まずはダウンロードし、設置をしていきます。 配布元のjquery.tile.js Demosから【Download...
View Article
