タグ

2011年12月15日のブックマーク (9件)

  • watchオプションの使い方 - あと味

    Less & Sass Advent calendar 2011の11日目です。 Sassは自分がコーディング担当の案件は、確実に使っているのですが、まだまだ表面的な使い方しかできてないのかなと、Advent Calendarの他の記事を見ると感じます。 さて、Sassを使ってCSSを書いていく時には、ほぼ例外なく、watchオプションのお世話になることと思います。 弊社のデザイナーのやり方などを見ると、イマイチ理解して使ってない感じもしたりしたので、少し細かく説明する記事があってもいいのかなと思って、この記事を書くことにしました。 知ってる人には当たり前すぎて、得るものがないかもしれませんが、その点はご了承下さい... watchオプションとは? Sassはfilename.sassまたは、filename.scssを使って、Sassの記法、もしくはSCSSの記法で書いたファイルを、コマ

    watchオプションの使い方 - あと味
    Qlo
    Qlo 2011/12/15
  • スマートフォン向けサイト作成時のSass活用法

    この投稿はLess & Sass Advent calendar 2011の5日目の投稿です。このポストでLess & Sass Advent calendar 2011を知ったという方は一日目の投稿から読むことをお勧めします。 ここまでの4日間のAdvent calendarでSassに興味を持ち、導入意欲も湧いてきたかと思いますが、この辺りで実際に実務でどのように使っているかをスマートフォン向けサイトを例に紹介したいと思います。 ベンダープレフィックスの面倒さを解消スマートフォン向けサイト(以下スマホサイト)構築時のCSS記述の面倒さに「ベンダープレフィックス(接頭辞)」をつけることにあると思います。 Sassを使えば簡単に記述できます。 わかりやすいようにベンダープレフィックスをたくさん書いていますが、対応するブラウザが少ない場合は少なくて構いません。 .scss@mixin bor

    スマートフォン向けサイト作成時のSass活用法
    Qlo
    Qlo 2011/12/15
  • レスポンシブ対応に使えそうなLESS/Sassの書き方 | Good thinking

    Responsive Web Designを考えたCSSコーディングに役立つLESS/Sassのコードを紹介します。 記事はLess & Sass Advent Calendar 2011の13日目の記事です。 ※投稿日付が15日になっていますが、私の勘違いで投稿が遅れてしまいました。。(関係者の方ごめんなさい) LESS/Sassの前にResponsive Web Designの定義の話 まず先にResponsive Web Designとはどういうものであるかを確認しましょう。 Ethan Marcotteが提唱したResponsive Web Designは、次の3つの要素で構成されたものとなります。 A flexible, grid-based layout,(柔軟で、グリッド型のレイアウト) Flexible images and media, Media queries

    Qlo
    Qlo 2011/12/15
  • ガーリー素材

    ガーリー素材はイラスト素材の無料配布サイトです。 利用規約やサイトについての詳細はこちらのページをご覧ください。

    ガーリー素材
  • 鎌倉のクリエイティブエージェンシー (グリュック) Planning + Design + System

    鎌倉のクリエイティブエージェンシー (グリュック) Planning + Design + System
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。

    Qlo
    Qlo 2011/12/15
  • Games for Nintendo Switch, Nintendo 3DS, and Smartphones

    pL� �UGamesTop Picks Super Mario Bros. WonderExpect the unexpected!Learn moreNintendo SwitchPikmin 4A new adventure blossoms!Learn moreNintendo SwitchThe Legend of Zelda: Tears of the KingdomExplore the vast land – and skies – of HyruleLearn moreNintendo SwitchAnimal Crossing: New HorizonsLearn moreNintendo SwitchNintendo Switch SportsSwing, kick and spike your way to victory!Learn moreNintendo Sw

    Games for Nintendo Switch, Nintendo 3DS, and Smartphones
    Qlo
    Qlo 2011/12/15
    最後のブレが衝突感あっていい。
  • I ♥ wireframes

    Tumblelog managed by Ivana Jurcic, Web Developer from Belgrade, Serbia. If you want to contribute contact me via email, twitter or post your wireframe in this flickr group. Facebook page Submit wireframes Archive RSS feed Adobe Proto Adobe® Proto, a new Adobe Touch App, lets you create interactive wireframes and prototypes of websites and mobile apps on your tablet. Communicate and share ideas wit

    I ♥ wireframes
  • 配色初心者でも効果的なカラーデザインが出来るようになる4つの工程 / Maka-Veli .com

    タイトル間違えました。 「僕みたいなクソデザイナーが配色する時に騙し騙しデザインする手法」です。 配色には色々作法があります。そして言葉もあります。加法、減法、色の三属性、伝統、政治的意味合い、などなど。厳密に出したらキリがありませんし、プロじゃないので、細かい事は抜きにして、個人的に抑えておく簡単なポイントをまとめてみました。 雰囲気のキーワードを出す なんとなくのキーワードを出します。 カッコイイ! うぉ!すっげ!って感じ クール とにかく渋く。鳥肌立つ感じで 可愛いっぽく。 やっぱ少し可愛くが良い ラブリー♡ もうワクワクーって感じで♥ シンプルに。 余計な物はいらん インパクトどーん とにかく覚えてもらいたい! 爽やかーーー キレイに見せたい! 楽しい! チョーハッピ スーパーハッピ ノ…(ry など。 ここで決めたキーワードがベースになります。 常に頭に入れてお