タグ

2013年3月28日のブックマーク (6件)

  • CSSでfloatを解除する方法のまとめ

    CSSのfloatを解除(クリア)する方法をまとめてみました。 以前、floatを解除するテクニックとして以下の記事をエントリーしたのですが、その後色々なテクニックがあることに気がつきました。 CSS の after 擬似要素で回り込みを解除する ということで、そもそものfloatの問題(というか仕様)と、その対処方法についてネットで調べた情報を一通りまとめました。 1.floatにより親要素の高さが出なくなる(=背景がなくなる)問題 親要素の中にある子要素にfloatプロパティが設定されていると、内容をもたない親要素の高さが0になるという仕様になっています。 例えば、次のCSSHTMLを例にします。 <style> #container { width: 200px; background: #ddd; } .box { width: 25px; margin: 10px; paddi

    CSSでfloatを解除する方法のまとめ
    raomito
    raomito 2013/03/28
  • 個人的にテンション上がったIllustratorの裏技 | ナナメウエBlog

    最近イラレの変態とか呼ばれてます鈴木(@suzukisan__)です。 今回は新しく見つけたイラレの裏技を紹介します。 環境はCS6ですので、他のバージョンでもできたという方はご報告して頂けると喜びます。 ラスタライズなしでぼかしの限界値を越える方法 Illustratorのぼかしの限界値を超える方法 | ナナメウエBlog 以前こちらの記事でも紹介したのとは別の方法です。 こちらはアピアランスの分割をして表現しているのですが、ぼかしが画像化してしまうのでスマートじゃないですよね。 結果としてはこのようになります。 どちらもぼかしの値としては30pxですが、ぼかし(ガウス)だと四角形みたいになっていますが、今回紹介する方法では綺麗なぼかしです。 さらにぼかしの値を上げても綺麗に表現することができます。 それではネタばらししていきましょう。 正解はドロップシャドウでした。 X軸

  • Vim で javascript 書くためにやってる設定 | バシャログ。

    杉の木を伐採しまくるバイトを始める夢を見ました・・・。みなさん、こんにちは nakamura です。 前回 VimPHP 開発するための設定 を書きましたが、今回は Vimjavascript を書くための設定をいくつかご紹介しようと思います。(基は前回 PHP 用に行った設定の javascript 版です) 関数名などの自動補完 PHP と同様に辞書ファイルを用意して neocomplecache で補完するだけです。辞書ファイルは以下からjavascript.dict と jQuery.dict を拝借して $HOME/.vim/dict/ に置きました。 config/vim/dict at master · guileen/config · GitHub (ただちょっと古いんだよな~・・・。自動生成するスクリプト軽く書こうかな・・・。) .vimrc autocmd

    Vim で javascript 書くためにやってる設定 | バシャログ。
  • コーダーさんの為のGrunt入門(後編)〜CSSプリコンパイラ編 - Mach3.laBlog

    この記事は賞味期限切れです。(更新から1年が経過しています) 前編の導入編 に続いて、 コーダーさんにとって強力な武器である、Less/Sass/Stylus等のCSSプリコンパイラのコンパイルを Gruntにお任せしてみる方法を紹介していきます。 Less/Sass/Stylus をGruntでコンパイルする ではさっそく、GruntでCSSプリコンパイラを扱うタスクを紹介します。 grunt-contrib-less – LessをCSSにコンパイルします grunt-contrib-sass – SassをCSSにコンパイルします grunt-contrib-stylus – StylusをCSSにコンパイルします 指定できるオプションは異なりますが、設定の仕方に差はありません。 違いを挙げるならば、Less/StylusはJavaScriptで書かれているのでnode.js上で動作

    コーダーさんの為のGrunt入門(後編)〜CSSプリコンパイラ編 - Mach3.laBlog
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
  • 「illustratorのアピアランス」の基本

    高橋としゆき @gautt 以前に勉強会で「アピアランスを制す者はIllustratorを制す」的なことを話したけど、これ見てるとほんとそう思うわ。Illustrator Unlimited Appearance https://t.co/xWxEjPEgnu @jaypeg_officialさんから 2013-03-23 12:15:24

    「illustratorのアピアランス」の基本