並び順

ブックマーク数

期間指定

  • から
  • まで

521 - 560 件 / 1121件

新着順 人気順

サイズの検索結果521 - 560 件 / 1121件

  • 山崎はるかのメモ

    トップ 書籍・人物 山崎はるかのメモ 目次ページ 山崎はるかのメモ ※本ページはメモエリアです。かなり文責を放棄してますのでご了承ください List Tweet 0 40 ご意見・ご感想 現在 公開しているメモの一覧 □最新メモ ★NEW  コードサイニング証明書を買う前に - 2022年版 (2022/09/21) ★NEW  いきなりgitが使えなくなった - 2022年版 (2022/04/16) ●人気の高いメモ ★★★ コピー寸法拡大率・縮小率 一覧表 改訂版(2015/03/02) ★★★ 言葉でわかる あなたは高知県人 改訂版(2015/02/19) ★★ ストーカー概論・別編1 (2013/10/12) ★★ 乳酸菌R-1ヨーグルトの密造 - 自宅でできる培養レシピ (2012/02/04) ★ Twitterへの投稿リンクの作り方 (2010/03/14) ★「ドリンクタ

    • デジタルカメラのセンサーを知ろう

      「センサーサイズ」を知る デジタルカメラのカタログには、そのカメラの仕様が掲載されています。表の中には、「1/2.3型」や「1/1.8型」、「22.3×14.9ミリ」と表記されている項目があります。これはそのカメラに搭載されているセンサーの大きさを表しています。 1/2.3型や1/1.8型などはセンサーの対角長を表しますが、1インチ(25.4ミリメートル)に対しての1/2.3や1/1.8という表記ではありません。古いビデオカメラに使用されていた撮像管とよばれる部品のイメージサークルを継承した表記で、多くのコンパクトデジタルカメラで採用されている1/2.3型の対角長は7.7ミリとなります。 一方で大型のセンサー、フルサイズと呼ばれるサイズでは36×24ミリ/対角43.2ミリ、APS-Cでは23.4×15.6ミリ/対角29.3ミリ、フォーサーズおよびマイクロフォーサーズでは17.3×13ミリ/

        デジタルカメラのセンサーを知ろう
      • Linker.in Domain Name Is Available to Buy - Domain Name Marketplace

        The domain name Linker.in is for sale A great idea deserves a great domain name!

          Linker.in Domain Name Is Available to Buy - Domain Name Marketplace
        • http://www.smaroomch.net/web-service/

          • CAMP

            本格Webサービス開発ならCAMP

              CAMP
            • Chrome 111のココに注目! 三角関数やスタイルクエリなどCSSに関する新機能がけっこうたくさんサポートされました

              本日リリースされたChrome 111で、CSSに関する新機能がけっこうたくさんサポートされたので、紹介します。 sin(), cos(), tan()などの三角関数をはじめ、親要素のスタイルに応じて子要素のスタイルを適用できるスタイルクエリ、:nth-child()で「of S」構文が使用できるようになったり、他にもいろいろ盛りだくさんです。 コンテナクエリは先月のFirefox 110ですべてのブラウザで使用できるようになりましたが、今度は三角関数がChromeでサポートされ、すべてのブラウザで使用できるようになりました。 sin()のサポートブラウザ CSSで使用できる三角関数は、sin(), cos(), tan(), asin(), acos(), atan(), atan2()です。すでに2022年にリリースされたSafari, Firefoxではサポートされています。 202

                Chrome 111のココに注目! 三角関数やスタイルクエリなどCSSに関する新機能がけっこうたくさんサポートされました
              • Webページのグリッドを計算する時に便利!全体幅・カラム数・溝の組み合わせのパターンを提示してくれる -Grid.Guide

                Webページのグリッドを決める時、全体の幅、カラムの数、溝のサイズ、両端のスペースを元に、グリッドのパターンを提示してくれるオンラインサービスを紹介します。 1px端数がでてしまうといった面倒な計算とは、これでさようならです。

                  Webページのグリッドを計算する時に便利!全体幅・カラム数・溝の組み合わせのパターンを提示してくれる -Grid.Guide
                • 初心者必見!見やすくて使いやすいスマホサイトを制作する5つのコツ | ajike switch

                  こんにちは デザイナーの石丸です。 最近はやっと春らしい暖かい日々が続くようになりましたね。 さて、最近スマホサイトのデザインを手がけることがあったので、 デザイン時の気付きやポイント、基礎ルールをまとめました。 基礎中の基礎ですが……しかしまずは基礎をしっかりと固める事が1番ですっっ! では始めます。 1 横幅は320pxまたは640pxでデザインする 2 フォントについて 3 ボタンデザインについて 4 見出しデザインについて 5 余白のあるデザイン 1 横幅は320pxまたは640pxでデザインする iPhone4から解像度が640×960となり、最近では横幅640pxでデザインすることが 主流となってきました。 ここで気をつけることは… 解像度が横320pxの端末では640pxの画像を320pxで指定し、コーディングすることになりますので、 フォントサイズや余白など、2で割り切れる

                    初心者必見!見やすくて使いやすいスマホサイトを制作する5つのコツ | ajike switch
                  • コーデで失敗しない服のサイズ選びに必要な5つのステップ

                    1つ1つのアイテムがカッコ良くても、サイズが合っていないととてもカッコ悪く見えます。色より、季節感より、スタイルより、もっと大事なことはアイテムが体にフィットしているかどうかです。今回は洋服のサイズ選びに必要な5つの手順をお話します。オシャレで一番大事なことはサイズがピッタリあっていること! 1つ1つのアイテムはとってもカッコ良い!合わせ方でも、100点満点のコーデ!という人でも、微妙にサイズが合っていないと、すっっっごくカッコ悪く見えてしまいます。 色よりも、季節感よりも、ファッションスタイルよりも、モデル体型であるよりも、もっともっと大事なことはアイテムサイズが体にフィットしているかどうかなんです。 特にトップスサイズが合っていないと何を合わせてもオシャレには見えません。 というわけで、今日は洋服のサイズ選びに必要な5つの手順の話をしたいと思います。 失敗しないサイズ選び1.今着ている

                      コーデで失敗しない服のサイズ選びに必要な5つのステップ
                    • 宅急便|ヤマト運輸

                      60サイズ~200サイズ(縦・横・高さの合計が200cm以内、 かつ重さが30kgまで)のお荷物を送るのに最適です。 責任限度額はお荷物1個につき30万円まで(税込)

                        宅急便|ヤマト運輸
                      • 【】

                        当サイトで使用している画像、イラスト、文章、シミュレーション等の無断複製・使用・転載を禁じます。 Copyrights(C) 2011 パソコンデスク通販のデスク市場 All Rights Reserved.

                        • CSS fit-contentプロパティの便利な使い方

                          要素のサイズを要素内のコンテンツのサイズに依存して決めるfit-contentプロパティの便利な使い方を紹介します。 見出しのテキスト、画像の配置、コンテンツのブロック、タブなど、Webサイトやスマホアプリでよく使用されるUI要素を実装するテクニックです。 Use Cases For CSS fit-content by Ahmad Shadeed fit-contentプロパティの基本的な使い方は以前の記事をご覧ください。 fit-content, min-content, max-contentの便利な使い方、CSSでコンテンツに依存してサイズを決める 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに fit-contentの使用例: 見出しのテキスト fit-contentの使用例: figureと画像 fit-c

                            CSS fit-contentプロパティの便利な使い方
                          • 要素の幅でレスポンシブ対応を行える! コンテナークエリーの使い方 - ICS MEDIA

                            コンテナークエリー(@container)は、CSSの新しいアットルールです。従来のメディアクエリー(@media)とは異なる手法で、レスポンシブウェブデザインができます。メディアクエリーはビューポート(ブラウザ幅)を条件にスタイルを適用できるのに対して、コンテナークエリーは要素の幅を条件にスタイルを適用できます。 コンテナークエリーを利用することで、再利用性の高いパーツを実装できます。とくに、カラム数が多いレイアウトや複雑な横並びの要素において、コンテナークエリーは有効な機能です。 この記事では、簡単な作例と使用上の注意点を紹介します。 コンテナークエリーの使い方 作例の紹介の前に、コンテナークエリーの使い方を簡単に説明します。 コンテナークエリーを使用するためには、使用したい親の要素にcontainer-typeプロパティを設定する必要があります。以下の2通りの指定ができます。 con

                              要素の幅でレスポンシブ対応を行える! コンテナークエリーの使い方 - ICS MEDIA
                            • 胸のサイズが自由自在のブラ、エアポンプで好みの大きさに調節OK。

                              コスメディックラブズは8月1日から、エアポンプでバストサイズを好みの大きさにコントロールできるブラ「レディエア」を発売する。価格は7,400円(税別)。 「レディエア」は、胸がどんなに小さい女性でも、エアポンプを押すだけで、バストの大きさを自由自在に調節できるブラジャー。女性の見た目印象を決めるバストボリュームやシルエットを、その日の気分や服に合せてコントロールできる。 「胸が小さいことがコンプレックス」「女性としての自信がない」「どんな服でもキレイに着こなしたい」といった声に、同社は「レディエアはそんな女性の夢を全て実現します」と自信を示している。 その仕組みは、ブラの中に一体化されたエアポンプを押していくたびに、エアクッションに空気が入っていく特殊構造。エアクッションは100%コットンで肌に優しく、柔らかい素材を使用している。パットは空気で厚みが出るので、どんなに膨らんで大きくなっても

                                胸のサイズが自由自在のブラ、エアポンプで好みの大きさに調節OK。
                              • 知っておくと便利なCSSの単位: コンテナクエリに基づく相対単位(cqw, cqh, cqi, cqb, cqmin, cqmaxなど)の便利な使い方を解説

                                CSSでよく使用する単位といえば、px, r(em)あたりでしょうか。CSSはそれら以外にもたくさんの単位が使用できます。 第3弾となる今回はコンテナクエリに基づく単位(cqw, cqh, cqi, cqb, cqmin, cqmaxなど)の便利な使い方を紹介します。 Container query length units -Going beyond pixels and (r)ems in CSS by Brecht De Ruyte 第1弾・第2弾は、下記をご覧ください。 フォントに基づく相対単位(em, rem, cap, ch, ex, ic, lhなど)の便利な使い方を解説 ビューポートに基づく相対単位(vw, vh, lvh, svh, dvh, vb, viなど)の便利な使い方を解説 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得

                                  知っておくと便利なCSSの単位: コンテナクエリに基づく相対単位(cqw, cqh, cqi, cqb, cqmin, cqmaxなど)の便利な使い方を解説
                                • iPhone/Androidの壁紙サイズ|スマートフォン|モバイル/スマートフォン|PHP & JavaScript Room

                                  Xperiaの壁紙サイズ 2010/9/26 Xpreia、HT-03A、DesireなどのAndroid端末は、ホーム画面を左右にずらして3画面(左・中央・右)使えるようになっています。 ホーム画面領域の横を4等分して、左から2つブロックずつ合わせた領域が、各画面で壁紙でみえる領域となります。 ただし、設定した壁紙からホーム画面の「ステータスバー」と下部「アプリケーションメニュー」にかぶる部分は隠れてしまいます。 Xperiaの場合、ロック中画面では「ステータスバー」(上から約14px)と下部「アプリケーションメニュー」(下から約16px)、設定した壁紙からそれらを除いた領域がみえることになります。 ※ホーム画面ではアプリケーションメニューを展開するつまみが表示されるため下から約56pxを除いた領域。

                                    iPhone/Androidの壁紙サイズ|スマートフォン|モバイル/スマートフォン|PHP & JavaScript Room
                                  • https://help.apple.com/xcode/mac/8.0/

                                    • 【みんなの知識 ちょっと便利帳】用紙サイズのミリ・ピクセル・インチ変換ツール《mm ⇔ pixel ⇔ inch》

                                      用紙サイズ(単位:mm)のピクセル値を求める計算式は、 用紙の一辺の長さ[mm] × 解像度[dpi] ÷ 25.4 です。 25.4 は1インチのことで、解像度の「dpi」が「1インチの長さに何個の点が並ぶか(ドットパーインチ)」を意味していますので、ミリメートルに変換するために「25.4」を用います。 このページは、プロのアニメーターからのご要望で「inch 変換」も出来るようにしました。主に書き出しサイズ確認の為に「pixel」⇔「inch」変換をお使いになるとのことで、その機能を付加しました。元々あった変換ツールをより実用的にするために、アニメーターの方と何度か遣り取りをし、結果の数値は四捨五入が良いのか、切り上げが良いのか、何桁までが必要かなどについてテストを重ね完成させたものです。

                                      • AWS CLIを使ってS3上にあるファイル数とファイルサイズの合計を取得する | DevelopersIO

                                        Amazon Athenaの料金はスキャンしたデータ量で決まるので、特定のフォルダ以下のファイルサイズの合計をAWS CLIで取得する方法を調べたのですが忘れそうなのでメモしておきます。以下のコマンドでファイル一覧の後にファイル数とサイズの合計が出力されます。 aws s3 ls s3://[バケット名]/[フォルダ名]/ --recursive --human --sum オプションの説明になります。 --human-readable(--humanだけでも可):ファイルサイズに単位をつけて見やすくしてくれるオプション --summarize (--sumだけでも可):合計サイズとオブジェクトの数を表示してくれるオプション --recursive:指定したフォルダの中にフォルダがあった場合にその中のファイルも対象にするオプション バケットごとの使用量やファイル数はCloudWatchで見

                                          AWS CLIを使ってS3上にあるファイル数とファイルサイズの合計を取得する | DevelopersIO
                                        • 2014年発売Android端末のdp解像度まとめ - Qiita

                                          はじめに Android端末は機種数が多く、OSバージョンやハードウェアがそれぞれ異なるためにAndroidでアプリを作ることは大変だと言われています。 特にディスプレイについてはそれぞれが異なった画面サイズや解像度を持つため、Androidの画面設計は複雑だと思われがちです。 実際、OpenSignalのAndroid断片化調査の中でも以下のような画像とともに画面サイズの断片化について触れています。 しかし、Androidにはdp(密度非依存ピクセル)という実際の画面サイズ、解像度に依存しない形で画面を扱うための仕組みが用意されており、このdpを使うことでAndroidの画面サイズ断片化への対応コストは大幅に削減することができます。 dpの概要については過去に記事を書きましたので、そちらを参照してください。 いまさら聞けないdp入門 断片化とdpについての基本的な説明は下記ブログに簡単な

                                            2014年発売Android端末のdp解像度まとめ - Qiita
                                          • http://webnonotes.com/design/word/

                                              http://webnonotes.com/design/word/
                                            • :デイリーポータルZ:ハンバーガーの肉の厚みくらべ

                                              ハンバーガーが好きだ。 ハンバーガーが気になる。 現在、巷には100円以下のリーズナブルなものから1000円を超えるような高級なものまでありとあらゆるハンバーガーが存在する。確かにどんなものにも高級品は存在するだろうけど、よくよく考えると所詮はただのハンバーガーなわけで、それほど中身に違いはないと思われる。ではこの値段の開きはなんだろう? よくよく考えてひとつの仮説に行き着いた。 『そうか、値段が高いのは肉が分厚いからじゃないか。』 幼稚な発想だが自信を得た僕は、さまざまなハンバーガーを切り断面を観察、肉の厚みを調べてみることにしました。 (text by 梅田カズヒコ) ひとまずいつも食べているハンバーガーを調達 今回の調査のメインはあくまでハンバーガーの肉。よって、肉が挟まっているハンバーガーであればなにを注文しても結果は同じだ。 よって、各店舗でいつも僕が食べているメニューを注文する

                                              • iframe要素(Youtubeなど)のレスポンシブ対応

                                                レスポンシブWebデザインを導入したサイトにYoutube(iframe要素)を埋め込むと自動リサイズされず、スマホで閲覧した際に画面からはみ出ることがないでしょうか?(下記キャプチャ参照) 本エントリーでは、iframe要素をレスポンシブ対応にする方法をご紹介します。 iframe要素のレスポンシブ対応デモ 当社サイトの下記ページをご覧ください。 画面サイズに応じてYoutube(iframe要素)を自動リサイズしています。 http://www.informarc.co.jp/business/future/ 基本的な仕組み(ポイント) iframe要素をdiv要素でラップ <div class="iframeWrap"> <iframe width="320" height="180" src="http://www.youtube.com/embed/xxxxxx"></ifram

                                                • CSSでブラウザのウィンドウサイズに合わせて画像を拡大・縮小する方法

                                                  ブラウザのウィンドウサイズに合わせて画像を拡大・縮小する方法です。ここではCSSを使った方法を紹介します。 動作は主要ブラウザ(IE/FF/Chrome/Safari/Opera)の現時点での最新版で確認しています。 動作確認は以下のサンプルをご利用ください。 サンプル 1.ウィンドウの高さに合わせて画像を拡大・縮小する ウィンドウの高さにあわせて画像を拡大・縮小するには、次のようにします。 HTML <div id="box"> <img src="画像のURL" alt="coffee" /> </div> CSS #box { height: 20%; } #box img { height: 100%; } img要素を括ったdiv要素にheightプロパティを設定し、画像の高さを%で指定します。また、img要素に「height:100%」を設定します。 2.ウィンドウの幅に合わせ

                                                  • Webサイトの制作途中や学習時に使えるダミー画像の生成サービス

                                                    2021年10月21日 Webサイト制作, 便利ツール Webサイトの制作中には、とりあえずで入れておく「ダミー」を使用する事が多々あるかと思います。日本ではアタリ・アテなどとも呼ばれますね。そんなダミー画像を便利に生成してくれるジェネレーターをいくつか紹介します。かつて「制作途中にお世話になる、ダミーテキスト・ダミー画像のジェネレーターいろいろ」という記事で紹介したこともあったのですが、SSLに対応していないものも多かったので、httpsに対応した画像URLが生成できるもののみに絞りました! ↑私が10年以上利用している会計ソフト! Placeholder.com Placeholder.comは昔からあるダミー画像を提供しているサービス。とにかくシンプル!以前の名前はPlacehold.itでした。その頃からずっとお世話になっています! 基本的な使い方は、画像のソース部分に https

                                                      Webサイトの制作途中や学習時に使えるダミー画像の生成サービス
                                                    • 16×16ピクセル箱ドットジェネレータ

                                                      ツイート どんどん宣伝してね! このコンテンツを表示するにはFlashPlayerが必要です。 作った人:えいちぜろな(h071019) はてなハイク: Twitter: こちらの箱ドットジェネレータもよろしく。 *「箱ドット」はデザイン集団「NC帝國」がデザインしたペーパークラフト「グラフィグ」を元にした二次創作です。 <使い方> プルダウンメニューから各パーツを選択 ↓ 色を自由に変えられるパーツはメニューの右側にカラーピッカー()が出るので、それをクリックして色を変更 (RGBの数値入力でも色を変更できます) ↓ 完成したら「画像を保存」ボタンを押して画像を保存 *16×16ピクセル、48×48ピクセル(3倍拡大)、64×64ピクセル(4倍拡大)の3種類のサイズで保存できます。 48×48ピクセルはTwitterアイコン、 64×64ピクセルははてなのアイコンとしてちょうどいいサイズ

                                                      • 画像サイズやフォーマット指定も可能、ウェブページのスナップショットを撮るオンラインサービス -iWeb2Shot

                                                        iWeb2Shot [ad#ad-2] iWeb2Shotの特徴 ウェブページを高精細の画像にします。 画像のフォーマットは、PNG, GIF, JPG, TIF, BMP, PPM, PGMに対応。 画像のサイズは、16種類から選択可能。 ブラウザから簡単に利用できるようブックマークレットも用意。 利用時に登録やメールアドレスは、不要。 利用回数の制限も無し。 iWeb2Shotの使い方 使い方は、簡単です。 「URL」にウェブページのURLを入力します。 「Options」で、画像サイズ、画像フォーマットを選択します。 「Convert」ボタンをクリックします。

                                                        • IDEA * IDEA

                                                          ドットインストール代表のライフハックブログ

                                                            IDEA * IDEA
                                                          • その場でサクッとiPhoneやiPad等の幅でWebサイトの表示確認が出来るレスポンシブWebデザインの補助用ブックマークレット・Resizer

                                                            ここ何日かずっとレスポンシブWebデザイン のネタが続きますが・・便利なブックマーク レットです。閲覧中のWEBサイトをiPhoneや iPadの幅で見たときの表示状態で確認出来る ブックマークレットです。というか単純に リサイズしてくれる、ってやつですね。 その場でレシポンシブWebデザイン対応の表示確認が出来るブックマークレットです。UAの切り替えとかじゃなく、単純にリサイズするだけですが、シンプルで手軽に表示確認出来るので使おうかなと思います。 地味に便利でした。使い方・・・の説明は不要だと思いますが他に書くこと無いので一応w ブックマークレット使うと右上になんか出ます。 あとは好みのデバイス選べばその場でリサイズされます。Webサイトのほうで背景色を決めてないとオーバーレイの色に依存しちゃいますけど。 でもこのブックマークレットはGithubでコードが公開されてますので好みのブック

                                                              その場でサクッとiPhoneやiPad等の幅でWebサイトの表示確認が出来るレスポンシブWebデザインの補助用ブックマークレット・Resizer
                                                            • AndroidのChromeでフォントサイズが大きくなってしまう不具合は「max-height」で解決するかも | SEOモード

                                                              AndroidでChromeを使ってサイトを閲覧したときに、一部の文字が非常に大きく表示されることがあります。 ※確認した限りでは、Androidの「標準ブラウザ」では大丈夫だったので、おそらくChromeに固有のバグなのだと思います。 最初なぜこんなことが起こるのか分からなかったのですが、 色々調べた結果、意外とあっさりと解決しましたので、メモしておきます。 私の手元にある環境でしか調べられていないのですが、発生するのは、meta要素の「viewport」が設定されていないか、content属性の「width」が「width=760」のような数字になっている場合のようです。 <meta name="viewport" content="width=760">以下のキャプチャは、Google Chromeのエミュレータを使って、当ブログで再現したものですが、こんな風に非常に大きなフォントサ

                                                                AndroidのChromeでフォントサイズが大きくなってしまう不具合は「max-height」で解決するかも | SEOモード
                                                              • max_allowed_packet、巨大なデータをサーバへ送る場合 - mir the developer

                                                                現在のMySQLのプロトコル仕様により定められた,クライアントからサーバへ送ることができるPacketの最大サイズは16MBです(パケットの長さをサーバへ伝えるためのフィールドが24bitであるため). しかしデフォルトでは,MySQLサーバ側が受信を許可するPacketの最大サイズは1MBとなっています.この設定値はサーバ変数max_allowed_packetを見ることで確認できます. mysql> show variables like 'max_allowed_packet'; +--------------------+---------+ | Variable_name | Value | +--------------------+---------+ | max_allowed_packet | 1048576 | +--------------------+-------

                                                                  max_allowed_packet、巨大なデータをサーバへ送る場合 - mir the developer
                                                                • 【Objective-C】iPhone5(4インチ)のサイズ判別など、画面サイズの取得にはUIScreenが便利 - しすぜろ

                                                                  今までiPad未対応のアプリのみを作っていたので、あまり縁のなかった、解像度にあわせた表示内容の変更。ただ、iPhone 5が発売され、新解像度である4インチの出現によってそうは言っていられなくなりました。 これから出る4インチのiPod touchにも備え、ディスプレイのサイズを判別する方法を調べてみると、UIScreenクラスの使い方がとっても簡単で、便利そうです。 使い方は簡単でUIScreen > mainScreen > bounds の size で、スクリーンのサイズを引っ張ってきます。4インチだと320x568になるので、そこで判別します。ユニバーサルアプリではなければ、それ以外を3.5インチとしておけば良いでしょう。 参考: UIScreen Class Reference CGSize screenSize = [[UIScreen mainScreen] bounds

                                                                    【Objective-C】iPhone5(4インチ)のサイズ判別など、画面サイズの取得にはUIScreenが便利 - しすぜろ
                                                                  • ブラウザの幅に応じてレイアウトをきれいに整列できる「jQuery Masonryプラグイン」

                                                                    ブラウザの幅に応じてレイアウトをきれいに整列できる「jQuery Masonryプラグイン」の使い方を紹介します。 jQuery Masonry ブラウザの幅に応じてカラムレイアウトをある程度調節してくれるので、レスポンシブデザインウェブ制作にも使えそうです(これだけでは厳しいですが)。 このエントリーは「なんだこれ!!「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ!!」の便乗記事です。 2012/10/20追記 jQuery MasonryをレスポンシブWebデザイン制作で使うためのノウハウをまとめた「レスポンシブWebデザイン制作にjQuery Masonryを利用するための5つのポイント」も是非ご覧ください。 1.サンプル 配布サイトのトップページでも確認できますが、より簡単なサンプルを作ってみましたのでお試しください。 サンプル 2.jQuery Ma

                                                                      ブラウザの幅に応じてレイアウトをきれいに整列できる「jQuery Masonryプラグイン」
                                                                    • アップル、iPhoneの寸法を詳細に記した図面を公開

                                                                      図面はPDFで公開され、外寸・ボタン類やカメラの大きさ・位置に加え、カメラやフラッシュのクリアランスなども記されています。 アップルはアクセサリーメーカー向けにケース製造に必要な資料を公開しており、この図面もiPhone 5の発表後に追加された模様。 詳しい寸法が分かったので、発表前に入手したiPhone 5のモック(2種類4色)のサイズと比較してみました。 驚いたことに、モックの寸法はかなり正確で、ほとんどの部分で0.1mmの単位まで合致しています。 厚さのみ若干超えていましたが、それでも誤差の表記(+0.25, -0.20)の範囲内に収まっています。 もっとも、既にiPhone 5用ケースが多数出回っていることをみても、この資料と同じようなものが事前に流通していた可能性が高く、サイズが合うのも当然かもしれません。 寸法の資料は、iPhone 5だけでなく、同時に発表された第5世代iPo

                                                                        アップル、iPhoneの寸法を詳細に記した図面を公開
                                                                      • Metallic Ratio

                                                                        Metallic Ratio | 黄金比、白銀比などの貴金属比の比率を計算するWebツール。by B-SHIKI Fld. http://www.b-shiki.com

                                                                        • ついにiPhoneにAR技術がやってきた、カメラを向けるだけで長さを測れるアプリ「AirMeasure AR」できちんと計測するコツ

                                                                          iOS 11で新たに搭載されたAR(拡張現実)機能を活かしたアプリ「AirMeasure AR」は、iPhoneの画面でポイントをいくつか指定するだけで、そのポイントの距離を測ることが可能です。実際に使ってみると「意外と誤差が大きい」といった印象を持つ人も多いようですが、いくつかの点に気をつけるだけで精度がグッとアップするという特徴があるようでした。 Air Measure™ | The AR Measuring ToolKit http://air-measure.com/ AirMeasure ARが実際に動作している様子は以下のムービーに収められています。iPhoneを対象物に向けるだけで長さの計測ができるという優れものですが、ある程度の精度を持たせるためにはいくつかの「コツ」が必要となってきます。 Air Measure App Demo - Augmented reality t

                                                                            ついにiPhoneにAR技術がやってきた、カメラを向けるだけで長さを測れるアプリ「AirMeasure AR」できちんと計測するコツ
                                                                          • Auto Layoutチュートリアル その1 | Cyber Passion for iOS

                                                                            この記事はXcode 4.6.3 & iOS 6のものです。Xcode 5 & iOS 7はこちら。 http://blogios.stack3.net/archives/1330 今回はAuto Layoutでのsubview配置について説明したいと思います。 Auto Layoutによる配置の基本的な考え方 従来のframeのCGRect指定やAutoresizingMaskのFlexibleWidth、FlexibleHeightに慣れている人は、頭の切替が必要だと思います。Auto LayoutによるSubview配置は以下のようにして考えます。 Superviewの上端 or 下端 or 左端 or 右端からの間隔(Space) Superviewの水平方向中心、垂直方向中心に位置するかどうか 他のViewとの相対位置。間隔、アライン合わせ、サイズ合わせなど Documentを読

                                                                              Auto Layoutチュートリアル その1 | Cyber Passion for iOS
                                                                            • prototype.jsを用いたフォントサイズ変更スクリプト:phpspot開発日誌

                                                                              prototype.jsを用いたフォントサイズ変更スクリプト - Ogawa::Memoranda それだけだとなんなので、prototype.js (Prototype JavaScript Framework: Class-style OO, Ajax, and more)を使ってフォントサイズ変更スクリプトを実現してみました。 prototype.jsを用いたフォントサイズ変更スクリプト。 実装することで次のように、文字のサイズを選べる機能をページに実装できます。 ブラウザの文字サイズを変更するよりも手軽に文字サイズを変更できる機能として、ユーザビリティ向上に役立ちそうですね。 関連エントリ ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」 JavaScriptを使ってページにマウスジェスチャ機能を実装する

                                                                              • || Social Media Sizes 2023 + Templates ||

                                                                                Image and Video sizes for Social Media.Templates for Sketch, Figma, XD, Photoshop & Illustrator.

                                                                                  || Social Media Sizes 2023 + Templates ||
                                                                                • [携帯]デザインの時、fontサイズを何pxにしてますか? │ これからゆっくり考L +α

                                                                                  携帯サイトのデザインをする時、デバイスフォントの部分(アンチエイリアスをオフにしてる部分)を何ピクセルにしてますか? PCサイトの場合だと、通常の文字サイズを12pxないし13px、小さい文字を10pxで作成しているデザインをよく見るのですが、携帯でもそのパターンが多いなーと感じています。 ユーザーが端末側の設定で文字サイズを変更している場合がありますが、検証する時は通常「標準(中)」の文字サイズでやっています。標準の文字サイズでチェックして、微調整をしたりしてます。 ※会社の方針や案件によっては違うかもしれないので一概には言えませんが。 デフォルトの設定から変更していない人の割合が多い、とどこかに書いてあったような...? で、端末側の設定で文字サイズ標準(中)にすると、意外と文字が大きく表示されるんです。 なので、デザイン上の文字サイズを12px、10pxで作成してしまうと、実機で見た