タグ

レスポンシブに関するhisasannのブックマーク (9)

  • Jam3

    Selected ProjectsA selection of Creative Technology, Content Storytelling and Design Interaction projects.

    Jam3
  • Asylum Marketing

    Investigamos el mercado, la industria, las audiencias, y el entorno competitivo, logrando diseñar la mejor estrategia para sus marcas con base a insights y tendencias. Creemos que la creatividad es la variable del éxito y pensamos en creatividad orientada al negocio. Por eso, transformamos su comunicación con estrategias, contenidos y campañas efectivas que cumplen con los objetivos de su negocio.

    Asylum Marketing
  • Microsoft Japan

    12/9 10:59 AM まで Surface と Xbox がお買い得価格でお求めいただけます。今年の Microsoft Store ビックセールをお見逃しなく。

    Microsoft Japan
  • BABY-G | CASIO

    <a href=\"https://www.casio.com/jp/casio-id/\">CASIO IDで新しい体験を</a></p>\r\n"}}" id="text-736e2c2f04" class="cmp-text"> CASIO IDで新しい体験を <b><span class=\"cmp-text--size-36\">BABY-G</span></b><br>\r\n<b><span class=\"cmp-text--size-40\">BA-110YK</span></b><br>\r\n</p>\r\n","xdm:linkURL":"/content/casio/locales/jp/ja/products/watches/babyg/products/anadigi/ba-110yk.html"}}"> <b><span class=\"cmp-text--

    BABY-G | CASIO
  • 20 Responsive CSS Frameworks And Boilerplates

    Developing and designing responsive websites is one task that every web designer and/or developer should know as it is one of the latest web design trends especially this year, 2013. By the way, check out our previous post regarding everything you need to know about responsive web design if you want to learn more about it. There are, however, a lot of tools and techniques, e.g. jQuery plugins for

    20 Responsive CSS Frameworks And Boilerplates
  • たった1行で完成?凄まじくレスポンシブデザインなサイトの作り方 | DECONCEPTER

    簡単に作れる!みんな大好き可変グリッド 先日話題になっていた「なんだこれ!!「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ!!」で紹介されていたNHKスタジオパークのレスポンシブデザイン。 こちらのサイト、プラグインを使ってとてもシンプルに作られています。キレイ。このシンプルさを伝えたくてうずうずしてきました。せっかくうずうずしたのでどんな作り方をしているのかサンプルを交えて紹介します。 まずはこちらのデモを御覧ください。 凄まじくレスポンシブデザインなサイトデモ 使われているのはjQuery Masonryというプラグインだ! @planetofgoriさんのブログで紹介されているように、jQuery Masonryというプラグインが使われています。このプラグインたった数行でNHKのサイトのような可変グリッドレイアウトが作れてしまいます。可変グリッドのレイア

    hisasann
    hisasann 2012/10/19
    この記事いいな。画像のmax-widthが書かれているあたりがとくに。
  • Animating with CSS Transitions · jQuery Masonry

    Ut condimentum mi vel tellus. Suspendisse laoreet. Fusce ut est sed dolor gravida convallis. Morbi vitae ante. Vivamus ultrices luctus nunc. Suspendisse et dolor. Etiam dignissim. Proin malesuada adipiscing lacus. Donec metus. Curabitur gravida. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus

    hisasann
    hisasann 2012/10/15
    いつか使いたい、CSS3アニメーション
  • NHKスタジオパーク

    NHKスタジオパーク その2 NHKスタジオパークをVRで!大人気だったアニメのアフレコやキャスター体験をどうぞ! NHKスタジオパーク 閉館について 2020年5月11日 平素よりNHKスタジオパークをご利用いただき誠にありがとうございます。 新型コロナウイルス感染拡大防止のため臨時休館中のNHKスタジオパークは、6月の再開をめざしてきましたが、このたび閉館させていただくことといたしました。 緊急事態宣言が延長されるなど新型コロナウイルスをめぐる状況の先行きが見通せないことと、東京オリンピック・パラリンピックの延期に伴い、放送センターの建て替え工事の準備作業にスケジュールの変更が生じたためです。 当初はことし9月いっぱいでの閉館を発表していましたが、諸般の状況の変化に伴い、閉館時期を早める判断に至りました。 長年、多くの方々にご利用いただき、心より御礼を申し上げます。 既に団体予約をされ

    NHKスタジオパーク
    hisasann
    hisasann 2012/10/15
    いいレスポンシブ。
  • レスポンシブ・ウェブデザインでの CSS コードの書き方 | Yomotsu net

    いわゆるレスポンシブ・ウェブデザイン、つまりメディアクエリーを採用した Web サイトを構築する際の一番管理しやすいと感じるコードの書き方をまとめました。ただし、あくまでも個人的な、経験から感じた意見ですので絶対ではありません。 CSS のコードの配置広く知られている方法はいくつかあります。 CSS ファイル自体を分ける方法 @media 規則で 1ファイル内にメディア特性単位に書く方法 @media 規則で 1ファイル内にパーツ単位で書く方法 それぞれをコードで表すなら以下の書き方が該当します。 方法1 : CSS ファイル自体を分ける方法この方法は管理が大変でおすすめできません。これでファイルごとコード分割されてしまったらコード検索しづらいわけです。 <link rel="stylesheet" href="desktop.css" media="(min-width:769px)">

    レスポンシブ・ウェブデザインでの CSS コードの書き方 | Yomotsu net
  • 1