懐かしのiOS 4を丸ごとiPhoneアプリ化、ピクセル単位で再現した猛者現わる - Engadget 日本版

2021/06/11 8 users 猛者現 iPhone SwiftUI iOS 4 年代物

iOS 4といえば10年以上前、iPhone 3GSやiPod touch（第3世代）の頃に出たシステムソフトウェアです。この年代物のOSを、18歳の開発者がiPhoneアプリとして丸ごと再現することに成功したと報告しています。 開発したZane氏は最新のiPhoneの中に再現したiOS 4を「OldOS」と呼び、SwiftUIで作ったと明かしています。SwiftUI... 続きを読む

[Unity] マウス位置のドット絵オブジェクトをピクセル単位で選択＆ハイライト表示 - Qiita

2019/12/22 10 users Qiita 輪郭 オブジェクト Unity マウス

経緯 複数のドット絵オブジェクトで構成されたゲームシーンで、マウスでクリックした指定座標位置にあるオブジェクトを、ピクセル単位で正確に判定したいと思いました。また判定で見つけたオブジェクトをハイライト表示（色フィルターや輪郭を付けたり）したいと思いました。 これまでの記事で、ドット絵を深度バッファ... 続きを読む

Google、画像をピクセル単位で把握し各オブジェクトに割り当てるセマンティックセグメンテーションCNNモデル「DeepLab-v3」オープンソース発表 | Seamless

2018/03/13 75 users Githu seamless 機械学習 オープンソース 画像

Google、画像をピクセル単位で把握し各オブジェクトに割り当てるセマンティックセグメンテーションCNNモデル「DeepLab-v3」オープンソース発表 2018.03.13 機械学習/人工知能 Googleは、同社機械学習ライブラリTensorflow実装の画像セマンティックセグメンテーションdeep learningモデル「DeepLab-v3」をオープンソースにて 発表しました。 GitHu... 続きを読む

Microsoft Research、ホログラフィー技術を用いた視野角80°のサングラス型ARディスプレイを発表。高品質のホログラム、ピクセル単位のフォーカス制御、視力矯正、収差補正も | Seamless

2017/05/20 50 users ホログラフィ seamless ホログラム 視力矯正 視野角

Microsoft Research、ホログラフィー技術を用いた視野角80°のサングラス型ARディスプレイを発表。高品質のホログラム、ピクセル単位のフォーカス制御、視力矯正、収差補正も 2017.05.20 未分類 Microsoft Researchは、高解像度で高視野角のコンパクトなARディスプレイを可能にする技術を 明らかにしました。 本ARディスプレイ（近視眼ディスプレイ）は、ホログラフィ... 続きを読む

Apple Pencilを使ってみた（ビデオ） | TechCrunch Japan

2015/09/10 41 users TechCrunch JAPAN ビデオ スタイラス 圧力

Apple自身、スタイラスについてネガティブな発言をしたこともあった。しかしそのAppleが、今回のイベントにてApple Pencilなるものを発表した。iPad Proにてピクセル単位で正確な入力をすることのできるデバイスだ。入力の際の遅延もほとんど感じられない。圧力と傾きを検知することができ、コンテンツ制作の現場で大きな力を発揮しそうだ。 このたび、TechCrunchでもこのApple P... 続きを読む

美しい配色、デザインの参考にしたい！すごい無料UIコンポーネント素材まとめ - PhotoshopVIP

2015/08/04 356 users 参考 モバイルアプリ デザイン 配色 UIコンポーネント素材

UIコンポーネント素材は、ウェブサイトやモバイルアプリを作成するときなど、ドラッグ＆ドロップの直感的でシンプルな作業のみで、サイトデザインを完成させることができます。それぞれの素材は、プロデザイナーがピクセル単位にこだわり作成し、トレンドのデザインや配色などを採用しているので、高品質なデザインも特長です。 今回は、最近公開されたデザイン性の高い、無料UIコンポーネント素材をまとめてご紹介します。今... 続きを読む

Web制作に役立つ便利すぎるブックマークレットのまとめ | コリス

2015/04/02 306 users コリス グリッド ブックマークレット フォント Chrome

Webサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなったり、Chromeで使えるけど他で使えないなどあるので、ブックマークレットもなかなか重宝します。 ページにグリッドを表示した確認 レスポンシブWebデザインの確認 デザインの確認をピクセル単位でできる ページで使用しているフォントをチェック ページをワイヤーフレーム化 ページの構造... 続きを読む

3flab inc. | #Illustrator と小数と私

2015/02/02 90 users 小数 Illustrator 3flab ウェブデザイン 単位

Illustrator は印刷物で使う「ミリ」や「インチ」を使用するイメージが強いと思いますが、ウェブデザインやアプリケーションデザインなど、ディスプレイで表示することが目的のデザインを行う場合、一般的に「ピクセル」という単位をベースに作業を行います。この「ピクセル」をベースにした作業で一番重要なポイントが「数値の小数」です。今回は、Illustrator のピクセル単位で作業するときに発生する小... 続きを読む

速報：iOS 8を完全再現したIllusatrator用無料ベクターUIコンポーネント素材 - Photoshop VIP

2014/09/18 67 users Photoshop Vip 速報 iOS 8 デザインパーツ

先ほどAppleがiOS 8の一般提供を開始したばかりですが、すべてのUIデザインコンポーネントを完全再現したIllustrator用ベクター素材がすでに無料で公開されていました。新しく追加された「ヘルスケア」アプリや、機能が改善されたカメラディスプレイなどまで忠実にデザインを再現しています。 Free iOS 8 Vector UI Kitは、収録されているデザインパーツはどれもピクセル単位で設... 続きを読む

画面内の要素をピクセル単位で測定できるツール「Pixel Winch」 : ライフハッカー［日本版］

2014/06/13 157 users カメきち ライフハッカー スクリーンショット ソフトウェア

MacOS , OS , ソフトウェア , ツール , デザイン , 趣味 画面内の要素をピクセル単位で測定できるツール「Pixel Winch」 カメきち 2014.06.14 07:30 「Pixel Winch」はピクセル単位でサイズを測定できるツールです。スクリーンショットを撮影し、画面内の要素間のサイズなどを測定できます。 以下に使ってみた様子を載せておきます。 まず、Pixel Win... 続きを読む

質感たっぷりに仕上げる、ダーク系無料Photoshopパターンテクスチャ素材40枚セットPhotoshopVIP |

2014/03/05 28 users 質感 素材 セット 以下 無料

ダーク系デザインを作成するときに活用したい、無料ダウンロードできるPhotoshopパターン素材40枚をセットにした「40 PS Dark Patterns」が公開されていたので、今回はご紹介します。 ピクセル単位で描かれた素材は、ダーク系デザインの質感をアップしたいときにいかがでしょう。 詳細は以下から。 質感たっぷりなダーク系無料Photoshopパターン素材まとめ 40 Free Dark ... 続きを読む

[JS]ページ上のあらゆる要素を簡単にレスポンシブ対応にするスクリプト -Responsive Elements | コリス

2013/09/17 68 users コリス jQuery class スクリプト レスポンシブ対応

外部スクリプトを加えるだけで、ページ上のあらゆる要素にレスポンシブ対応のclassを利用できるようにするjQueryのプラグインを紹介します。 ブレイクポイントはピクセル単位で細かく、そして複数設定することが可能で、さまざまな表示幅に最適化なスタイルを特定の要素に適用できます。 Responsive Elements Responsive Elements -GitHub Responsive E... 続きを読む

ウェブサイトの制作に必ず役立つブックマークレットのまとめ | コリス

2013/01/21 548 users コリス セレクタ ブックマークレット アクセシビリティ CSS

ウェブサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなるのがイヤな人にぴったりです。 レスポンシブの確認はこれが一番便利 コードとアクセシビリティをチェック ページに柔軟なグリッドを表示 デザインの確認がピクセル単位でできる CSSの変更をリフレッシュ無しで確認 要素のスタイルを確認 CSSのセレクタを確認 ページで使用しているカラーを... 続きを読む

火星探査機Curiosityの撮った画像にUFOが写ってるって本当？（動画） : ギズモード・ジャパン

2012/08/24 10 users UFO ギズモード 火星探査機Curiosity ジャパン

NASA/宇宙モノ , サイエンス 火星探査機Curiosityの撮った画像にUFOが写ってるって本当？（動画） 2012.08.24 22:00 UFO研究家があたふたしています。火星探査機 Curiosity が撮影した写真に空飛ぶ円盤が写っているというのです。彼らが、Curiosityの写真に色々言うのははじめてではありません。（そして最後でもないでしょう）発表された写真をピクセル単位で精査... 続きを読む

レスポンシブデザインのブレイクポイントの確認用、ブラウザの幅をピクセル単位で簡単に変更できるFirefoxの機能拡張 -FireBreak | コリス

2012/08/20 54 users コリス Firefox レスポンシブデザイン 上部 ブラウザ

FireBreak FireBreakのインストール FireBreakの使い方 FireBreakのインストール 下記ページにFirefoxでアクセスし、「Add to Firefox」ボタンをクリックするとインストールが始まります。 ※インストール後、ブラウザは再起動されます。 FireBreak インストールが完了すると、ブラウザの上部に現在の幅が表示されます。 続きを読む

Photoshop VIP どんなWebサイト制作にも対応、Photoshopでグリッド、カラムガイドラインを作成する方法

2012/08/10 59 users グリッド Photoshop グリッドレイアウト ＨＯＭＥ

Home　>　 チュートリアル　>　Webレイアウトチュートリアル　>　どんなWebサイト制作にも対応、Photoshopでグリッド、カラムガイドラインを作成する方法 Photoshopを使ってWebデザインを制作するときに、まず必要となるのがピクセル単位で引かれたグリッドガイドラインです。 グリッドレイアウトを利用することで、コンテンツをすっきり見やすく並べるだけでなく、デザイン作業を直感的に行... 続きを読む

Photoshop VIP 組合せ自由自在、Webサイトのモックアップ、プロトタイプ作成PSD無料キットThe Brick

2012/08/09 31 users モックアップ psd ＨＯＭＥ Photoshop Vip

Home　>　 ダウンロード　>　ダウンロード -PSD　>　組合せ自由自在、Webサイトのモックアップ、プロトタイプ作成PSD無料キットThe Brick 新しくWebサイトをデザイン、特にモックアップデザインを制作するときに活用したい、スタイリッシュなユーザー・インターフェースを何種類もまとめたPSDキット「The Bricks」を、今回はご紹介です。 あらかじめピクセル単位で制作されたボタン... 続きを読む

Photoshop VIP ☞ デザイン質感アップ、継ぎ目のない無料ピクセルパターン素材16個まとめ

2012/05/18 416 users 継ぎ目 Photoshop 質感 背景 単色

Photoshopで背景をデザインするとき、どのように作成していますか。 単色でペイントした背景に、細かいピクセルパターンを重ねることで、質感をアップすることができますよ。 海外デザインブログTripWireMgazineで、ピクセル単位で作り込まれた、継ぎ目のない無料パターン素材を700個まとめた保存版的エントリー「700+ Ready to Grab Free Photoshop Pixel ... 続きを読む

Facebookページの制作に役立つ、タイムラインとニュースフィードの新レイアウトに対応したPSD素材 | コリス

2012/04/18 50 users コリス Facebook psd ニュースフィード PSD素材

Facebookのタイムラインとニュースフィードをピクセル単位で忠実に再現したテンプレートのPSD素材を紹介します。 PSDは制作に利用できるようすべて編集可能な状態です。 Facebook news feed and [...] 続きを読む

Photoshop VIP ☞ twitterのインターフェースをパロディした無料PSDテンプレート素材

2011/10/18 32 users Twitter psd インターフェース ウェブサービス ひと

個人的にもよく利用しているソーシャルサービスtwitter、おもしろいですよね。 twitterのレイアウトデザインを利用したい、と考えているひとにオススメしたいインターフェース素材テンプレート「Twitter GUI PSD」が海外デザインブログSmashing Magazineで公開されていたので、今回はご紹介します。 ピクセル単位で再現されたアイテムは、ウェブサービスの開発などにも役立ちそう... 続きを読む

商用利用も無料、Facebookファンページの作成に役立つPSD素材（ワイヤーフレーム付き） | コリス

2011/09/14 166 users コリス Freebie psd GUI PSD素材

ピクセル単位で正確につくられた、FacebookファンページのGUIがまとめられたPSD素材を紹介します。 Freebie: Facebook Fan Page GUI PSD FacebookファンページのPSD素材は [...] 続きを読む

ピクセル単位で正確につくられた、AndroidのGUIをまとめたPSD素材 | コリス

2011/08/11 135 users コリス psd GUI PSD素材 デフォルト

Androidのアプリ開発に役立つ、モックアップ用のPSD素材を紹介します。 Android GUI PSD (High-Density) Android GUI PSDは、Androidのデフォルトのスキンをベースに標 [...] 続きを読む

fladdict » スマーホのUI考 〜 ボタンについて

2011/06/12 1834 users fladdict マウスポインタ UI考 制約 スマーホ

スマートフォンアプリのUIの話 〜 ボタンについて 色々と自分の中の考えをまとめるためのメモ。 ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作... 続きを読む

Photoshop Vip » Webデザインに便利な要ダウンロードのPhotoshop無料デザインPSD素材50個まとめ

2011/05/09 372 users Photoshop Vip 要ダウンロード webデザイン

News Home > News > Webデザインに便利な要ダウンロードのPhotoshop無料デザインPSD素材50個まとめ Webデザインに便利な要ダウンロードのPhotoshop無料デザインPSD素材50個まとめ 2011年5月9日　　　 最近のウェブデザインの特長のひとつとして、ピクセル単位にまで気を配ったデザインパーツを利用しているケースをよく見かけるようになりました。 影などを利用し... 続きを読む

404 Blog Not Found:タブのスペース化はタブ幅よりも重要である

2006/04/29 133 users タブ タブ幅 404 Blog Not Found 萌ディタ

あえて断言します。君たちは半分しかわかっていないと。 Charsbar::Note - タブとスペースの話あえて断言しときます。こんなモンはバッドノウハウなんであって、ベストプラクティスでもなんでもない、と。 最速インターフェース研究会 :: タブとスペースと萌ディタの話なんかそもそもタブを使わずにスペース4で統一せよってのはフォントサイズをピクセル単位で指定したがるデザイナの言い分みたいで気に食... 続きを読む