タグ スマフォ
新着順 10 users 50 users 100 users 500 users 1000 users参考にしたい優れたiPhone(スマフォ)Webデザイン集 - iPhoneデザインボックス
Posted: 2月 7th, 2011 ˑ Comments Closed Filled under: スマートフォン 続きを読む
空き時間にスマフォでソースコードが読める『CodeLibrary』をリリースしました! - hamheiの日記
クリスマスも当然の如く開発充なはむへいです!僕と同じくクリエイティブで孤独なXデイを過ごす500万人のエンジニアを応援する為に 『CodeLibrary』というOSS(オープンソースソフトウェア)のコードをスマフォ上で読めるアンドロイドアプリをリリースしました! きっかけ「OSSも読まないエンジニアって...」という記事を読んで、慌ててコードリーディングを始める移動中にSNSを見る時間を、コードリ... 続きを読む
[JS]最近のウェブサイトで見かける面白い仕掛けを実装するスクリプトのまとめ | コリス
最近よく見かけるかっこいいコンテンツやエフェクトを実装できるjQueryのプラグインを紹介します。 fullPage.js ポートフォリオや企業のプロモーションでもよく見かける1ページで構成されたサイトで、フルスクリーンの垂直スクロール、そして水平のスライドにも対応したウェブサイトを作るためのスクリプト。 こういう作りは特にタブレットで操作がしやすいですね。 FancyScroll.js スマフォ... 続きを読む
スマフォとかミニマルデザインに特化した、これからお世話になりそうなWebデザインギャラリー - かちびと.net
自分の中で課題があって、その為に 必要なインスピレーションを得るため のギャラリーサイトをまとめます。いち いちブックマークから探すのが面倒に なってきたのでちょっと整理がてら記事 にします。 というわけで個人的なリンク集です。スマフォとかミニマルデザインとかのWebデザインギャラリーいろいろ。デザインギャラリーですけど、目的はデザインというよりも、技術をどうやって上手く取り入れているかを見たい、... 続きを読む
これぞレスポンシブ確認ツールの決定版!OSを選ばずにウェブサイトをすぐに確認できる -Viewport resizer | コリス
ウェブページの表示サイズをデスクトップやスマフォ・タブレット用に変えてレスポンシブの確認をするツールはたくさんありますが、これはかなりおススメのツールです。 Viewport resizer Viewport resizerの特徴 Viewport resizerの使い方 Viewport resizerの高度な使い方 Viewport resizerの特徴 Viewport resizerはブラ... 続きを読む
[JS]jQueryのプラグイン100選 -2013年総集編 | コリス
今年も数多くの素晴らしいjQueryのプラグインがリリースされました。当ブログで紹介したものをはじめ、未紹介のものまで、jQueryのプラグイン100+α選です。 今年目立ったのは、アニメーションを使ったスクロール関連のスクリプト。 スクロール前提の1ページサイト、パララックスなど、コンテンツをより大きなサイズで楽しむものが増えました。また、スマフォ・タブレットに大きく影響を受けたインタラクション... 続きを読む
2014年これからのウェブ制作業界の流れ、伸びる職種、ウェブデザインのトレンドなどのまとめ | コリス
数多くのブログで2014年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 キーワードとしては、スマフォ・タブレットなどの小さいサイズのタッチデバイス、レスポンシブ(特に画像)、HTML5/CSS3、ビッグデータ、リスク管理が注目されています。 2014年、ウェブ制作業界全体の流れ ウェブデザインの2014年のトレンド 2014年に大き... 続きを読む
【Android版】本格的な英語学習がスマフォで出来る!無料Android英語アプリ12選 | わかる!英語教材ラボ
Android / keith.bellvay 最近では、スマートフォンを使用する人が増えています。そこで今回はスマートフォンの一種Androidで出来る英語上達に役立ちそうなアプリを紹介します。今回は、使える無料アプリを12個厳選してみました。スマートフォンで楽しく英語学習をしていきましょう。 1. 「EnglishUpgrader」 EnglishUpgrader カテゴリ:教育 販売元: 国... 続きを読む
2015年これからのWeb制作業界の流れ、伸ばしておきたいスキル、Webデザインのトレンドなどのまとめ | コリス
数多くのブログで2015年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 注目すべきキーワードは、Material Designの本格始動、マイクロデザイン、スクロールコンテンツ、スマフォ・タブレットユーザーの更なる増加、そしてHTML/CSSのフレームワークの陰り。 写真:re:splashed 2015年、現在のWebデザインを確... 続きを読む
[CSS]背景画像をブラウザいっぱいに表示するシンプルな最新テクニック | コリス
背景画像をブラウザいっぱいに表示するスタイルシートのシンプルなテクニックを紹介します。 デスクトップだけでなく、スマフォやタブレットにも対応、しかもたった一行なのでスニペットに加えておくと便利です。 Responsive Full Background Image Using CSS Responsive Full Background Image Using CSS -GitHub デモ コンセ... 続きを読む
jQuery MobileでGoogleMap APIを使ったサンプルがMITライセンスで公開されてた - かちびと.net
なかなかいいサンプルだったのでシェア。 jQuery MobileでGoogleMap APIを使った サンプルがオープンソースで公開されて いました。ストリートビューなども表示する ことが可能です。興味の有る方はチェック してみては。 スマフォにGoogleMapを表示させるのに、Google Maps JavaScript API V3が必要みたいですが、これをスマフォ対応を簡略化するjQue... 続きを読む
スマフォにケースを付けない人
外出する時には服を着るように、スマフォにもケースを付けるべきだと思っているが、実際には付けてない人もちらほら見かける。 うっかり落としたら画面が割れる確率が高いだろうし、付けないメリットが思い浮かばないのは私だけではないと思うのだがそんな事はないのだろうか。 続きを読む
2011年、スマフォ・デスクトップ用のクロスブラウザ確認ツールのまとめ | コリス
デスクトップ用の各ブラウザをはじめ、スマートフォン、ワイドスクリーンなど、さまざまユーザー環境を想定して確認できるツールを紹介します。 各ツールで表示しているのは、Media Queriesを使用している「CSS-Tri [...] 続きを読む
QRコードはもう古い! 新電子チケット「ColorSync」は人間が色を見る21世紀のモギリ | TechCrunch Japan
QRコードでも紙のチケットでもない、全く新しい電子チケット方式「ColorSync」をイベント管理サービスのPeatixが開発した。言葉で説明しなくても、以下のコンセプト動画をみれば「なるほど!」と分かる人も多いかもしれない。 一目瞭然というのは、まさにこのことだ。仕掛けを説明すると、以下の通り。 イベント主催者側が用意したタブレットやスマフォなどの端末と、会場に入場する人々が手にしているスマフォ... 続きを読む
昔ってどうやって曲名調べてたの?
A屋に行った時にBという曲が流れてくるものとする。 この時にBという曲が気になり、曲名を知りたいとき、昔はどうしていたのか。 今だったらスマフォをかざせば曲名が分かる。 曲名が分からなかったら、曲中のCという歌詞を検索すれば良い。 昔はCという歌詞が分かっても、すぐにメモできない。スマフォはないから、その... 続きを読む
これからのUIデザインのヒントになるDribbbleのアートワークのまとめ | コリス
インスピレーションの宝庫「Dribbble」から、デスクトップ・スマフォ・タブレットなどのUIデザインのヒントになる素晴らしいアートワークを紹介します。 続きを読む
もう迷わない!主要ファーストフードのメニューを低カロリー順に並べてみた【一覧表】 | ドコデカウ.net
mixiチェック ファーストフードはダイエットの大敵! できれば避けたい所ですが、友達の付き合い、会社のランチ、他にめぼしいお店が見つからない時などどうしても避けられないシーンもあります。 突然のピンチ! しかし、すべてのファーストフードのメニューにカロリーが書いてある訳ではありません。 急いで公式HPを調べ、スマフォの小さい画面でバラバラに記載されているカロリー表からカロリーが少ないものを探し、... 続きを読む
スマフォにも対応、簡単にEコマースサイトが構築できるWordPressのプラグイン -Jigoshop | コリス
Jigoshop のデモ ショッピングカートに商品を入れチェックアウトをしようとすると、おススメ商品がでるのもいいですね。 Jigoshopの主な特徴 商品を販売するEコマースサイトが簡単に構築できます。 商品はグルーピングが可能です。 割引クーポン マネージメントにも対応。 関連した商品の自動表示。 商品のレビュー。 税金は場所によって設定可。 通貨オプション。 出荷オプション。 高性能なプロダ... 続きを読む
新しいマシンやスマフォで Slack の各種チームに入るのが面倒くさい!!!という時 - Qiita
新しいマシンで Slack App で各種チーム(たくさんある)にログインがすこぶる面倒くさい・・・面倒くさい・・・面倒くさい・・・。という経験したことありませんか。私は4回ぐらいあります。1password 使ってるからパスワードもバラバラだしね・・・。 そんなときは https://slack.com/signin/find のページから Find Another Team を押して自分のメー... 続きを読む
Photoshopでの作業がはかどる!ウェブデザイン(特にスマフォ)用の効果的な環境設定のまとめ | コリス
Photoshopでウェブページやスマフォページのユーザインターフェイスをデザインする時に、最も良い結果がでる最適な環境設定を紹介します。 最後の「作業のパフォーマンスを向上させる設定」はウェブデザインに限らず、Photoshopの動作がもっさりしている人は見直してみてください。 How To Set Up Photoshop For UI Design 下記は各ポイントを意訳したもので、画像は当... 続きを読む
[JS]これスゴイよ!スクロール時にさまざまな楽しいエフェクトを与えるスクリプト -ScrollMagic | コリス
スクロールに合わせて、さまざまなアニメーションをシンクロさせるjQueryのプラグインを紹介します。 Appleのプロダクトページのように次々に要素を表示したり、簡単にパララックスを加えたり、特定の要素をスクロール時にピンで留めて表示したりなど、スクロール系のエフェクトは全部できてしまう感じです。 スマフォなどレスポンシブ対応はもちろん、水平スクロール、無限スクロール、div要素の内側のスクロール... 続きを読む
手描き風がいい感じ、全1,000種類以上のスマフォやウェブのUIエレメントが揃ったKeynote用のベクター素材 -Keynotopia | コリス
iPhonem iPad, Androidなどのスマートフォンをはじめ、ウェブサイトやFacebook、Windows 7やOS Xなど、さまざまなモックアップのアイテムが揃ったKeynote用の素材を紹介します。 ダウンロードできる素材は1,000種類以上のアイテムが揃っており、テンプレートはスマートフォンやウェブサイト用のものもあります。 iPhone用モックアップ テンプレート iPad用モ... 続きを読む
スマフォで高速に日本語音声入力するためのベストプラクティス
Android スマフォで高速に日本語音声入力するためのベストプラクティス Monday, December 13th, 2021 スマートフォン時代のWebデザインスクール ご自宅で動画受講可能、12月末まで割引&体験レッスン無料! モダンなWebデザイン制作・Adobe XD・Photoshop・UI/UXなど基礎から学べる講座です。 WordPressでWebサイトを制作... 続きを読む
ワンフェスで奇妙な画面のスマホを模型にかざす人は「造形物スキャン万引犯」の可能性…対策をどうすべきか考える時代へ
44k / WFお疲れ様でした @FLT44000 模型はじめました! ASTERISM所属。アイコンはACVのエンブレムです。「よんよんけー」って呼んでください! flt44000.booth.pm 44k / WFお疲れ様でした @FLT44000 ワンフェスで奇妙な画面のスマフォをかざしている三人の男性(日本語を喋ってはいなかった)が僕らのブースに来ていたけど... 続きを読む
[JS]キャプションのアニメーションがかっこよすぎ、スマフォもIEも対応のコンテンツスライダー -iView Slider | コリス
画像だけでなく、動画やiframe, HTMLコンテンツにも対応し、レスポンシブレイアウトやタッチデバイスもサポートしたスライダーをHTML5ベースで実装するjQueryのプラグインを紹介します。 iView Slider (jQuery) iView Sliderの特徴 iView Sliderのデモ iView Sliderの使い方 iView Sliderの特徴 iViewはキャプションやサ... 続きを読む