タグ

2012年7月27日のブックマーク (7件)

  • 可能性を広げる10のスタイルシート | コリス

    ウェブサイトを制作する際、特にCSSの新しいテクニックにはデザインの可能性を広げるのに役立つものがたくさんあります。 すべてのウェブ制作者が知っておくべき10のスタイルシートを紹介します。 @media screen and (max-width: 960px) { } 「@media」は単に印刷用ページのためだけではありません。最近のウェブサイトで多く見かけるレスポンシブデザインや可変レイアウトでもよく利用されます。 「min-width」などのプロパティを使ってMedia Queryを作る際は、ビューポートのサイズを設定して利用してください。 HTML <meta name="viewport" content="width=device-width, initial-scale=1.0"> スマートフォンでは表示するページの大きさをビューポートの幅に(主に)縮小してフィットさせるため

  • Webアプリとネイティブアプリの違いについてまとめてみた | TM Life

    細かく見て行きましょう. Table of contents 入手方法 動作環境 開発環境 実際に同じアプリをネイティブ と Web とで作ったので見比べてみてちょ♪ 結局どっちの開発が良いのよ? 入手方法 ユーザー側のお話です. Web アプリの場合, 常にネットを介して実行をするため, 何もダウンロード, インストールする必要がありません. 便宜上, データをクライアント側に保存することはあります. その際は, キャッシュだったり HTML5 から追加されたローカルストレージを使用します. それに対しネイティブアプリの場合は, 専用のストアを介してアプリのデータをまるごとダウンロードしてインストールする必要があります. 有料のものもありますがその分高機能かつ大規模なものが数多くあります. アプリをダウンロードできるストアには iPhone の場合は App Store, Android

    Webアプリとネイティブアプリの違いについてまとめてみた | TM Life
  • サンプルコードによるRuby入門

    配列の宣言 array = [1,2,3,4,5] 配列の要素の参照 配列の要素を参照するには、以下のようにします 配列[添字] 先頭の要素と2番目の要素を出力するサンプルです puts array[0]; puts array[1]; 配列の要素の代入 配列[添字] = 値 とします 先頭の要素に20を代入するサンプルです。 array[0] = 20 配列の要素の個数 次のようにします array.size 配列の要素を順番に処理する eachというのを使います。 配列.each do |配列の要素| # ここに配列の要素に対する処理を書きます end たとえば配列の要素すべての値を表示する例です array.each do |element| puts element end 重複を取り除く uniqというのを使います 配列.uniq たとえば[1,1,2,3]という配列に.uniq

    サンプルコードによるRuby入門
  • OS X Mountain Lion(マウンテンライオン)をクリーンインストールする方法 – 和洋風KAI

    まず、OS X Mountain Lionにアップデートしましょう。(すでにOS X Mountain Lionの方は次にいきましょう。) アップデートしたら、Time Machineをお持ちの方は事前にバックアップをしておきましょう。 システムを終了します。 Macの電源がきれた状態から、optionキーを押しながら電源ボタンを押してください。optionボタンは電源ボタンを押したあとで押しっぱにしてください。 すると、このように2つのHDDが出てきますのでネットワークを選択し、ネットが繋がるWi-Fiを選択しましょう。 パスワードを入力しチェックマークをクリックします。 Wi-Fiが繋がったら、復旧10.8というディスクをクリックします。 すると、このようにOS Xユーティリティというのが立ち上がるので、ディスクユーティリティをクリックしてください。 このような画面が立ち上がるので、O

  • クックパッド流UIの作り方 - takeshi nagayama's blog

    なんか突然東京行きたくなったので、ひょひょいと行ってきた。 たまたま立ち寄ったクックパッドっていう会社でクックパッドUIの作り方という勉強会してたので、偶然持ち合わせていたはてなステッカー渡したりおいしい料理いただいたりした。 UI/UXのためのSass 池田さん / サービスデザイン部 Sass / Haml (エンジニア・デザイナー問わずに) Github デザイナーもpull req 一つのサービスを複数チームで開発 各デバイスで速いサイクルでの開発 Sassとは → ぐぐれ 全体のデザインを束ねる → デザインガイドライン ガイドライン Sassで統一的なものを提供する 画像を使わずにCSSでデザインするメリット mixinをつかって統一できる 画像編集がいらない プロパティの変更によってデザインに幅をもたせる事ができる mixinの中身は応用がきくような仕組みにしておく 検証を

    クックパッド流UIの作り方 - takeshi nagayama's blog
  • ノアンデはワキガにも効果はある?口コミ通りの期待をしていてもオッケーなの?? | 愛と小町

    ノアンデの特徴 消臭効果が持続する ワキガの原因となる菌を100%除菌 ニオイの元になる汗自体をブロック なかなか人に言えない悩みである体臭…中でもワキガで悩んでいる人は男女問わず多いです。ワキガのニオイは人から嫌がられるから、手術を検討している人もいますよね。 でも「ワキガの手術をする前に、ワキガ対策になるノアンデを試してみたら、ニオイが改善された」という口コミを発見しました。 口コミのように当にワキガが改善されるのか、ノアンデの効果や成分について調査しましたのでご紹介します。 公式サイトはコチラ ノアンデはどんな人に向いているの? こんな人におすすめ ワキガで悩んでいる人 市販の消臭用品で効果を感じなかった人 ワキガのニオイを解消するもので持続力があるものを探している人 ノアンデは、医薬部外品のワキガ対策のデオドラントクリームですので、ドラッグストアなどに売られている一般のデオドラン

  • 2万以上もの各種ボタン・アイコン・バーなどのユーザーインターフェースパーツのデザインを検索してダウンロードできる「UICloud」

    「Download button」「CSS button」「Music Player」など、テキストボックスに欲しいユーザーインターフェースパーツを記入するだけで、総合計2万個以上のパーツの中から欲しいものを検索してきてくれるのが「UICloud」です。 UICloud | User Interface Design Search Engine, UI Elements, GUI Design, Free Downloads http://ui-cloud.com/ トップページのテキストボックスに探したいパーツの名称を記入して「Search」ボタンを押します。今回は「Download button」で探してみました。 すると検索結果一覧が表示されます。色んなダウンロードボタンがずらり。 気になったものをクリックします。 すると、大きめサイズのイメージが表示されます。 画面右端には詳細情報

    2万以上もの各種ボタン・アイコン・バーなどのユーザーインターフェースパーツのデザインを検索してダウンロードできる「UICloud」