スマートフォン向けサイトやアプリケーションを開発するのに役立つフレームワーク・ツール・プラグインなどのリソース、ナビゲーションをはじめとするUIパターンをまとめたサイトを紹介します。
スマートフォン向けサイトやアプリケーションを開発するのに役立つフレームワーク・ツール・プラグインなどのリソース、ナビゲーションをはじめとするUIパターンをまとめたサイトを紹介します。
Designing for a mobile website can be tricky and exciting. Tricky because you have a small window to work with. Exciting because its a challenging to making something creative within a small space. 21 Creative Mobile Websites I’m showcasing here did a great job on design. If you would like to get mobile design ideas visit mobileawesomeness.com they do a great job picking some of the best designed
umjammer です、 弊社の Android 案件の成果物として、リッチなUIを簡単に使用することができるUIコンポーネント群、名付けて「KLab iPhoroid UI」をここに発表します。 Android 案件を進めていく上で、お客様から言われる要件の一つとして「iPhone と同じようなUIにしてもらえませんでしょうか?」というのがあります。やはりスマートフォンと言えば iPhone というイメージが世間では強いのでしょうか? Android には Android UI のポリシーが云々というのはありますが、そこはお客様の要望なので… そして Android のデフォルトで用意されている UI のみでは iPhone の様なリッチな UI & UX を再現するのは困難です。 サードパーティーも頑張って様々なリッチな UI を WEB に発表していますが、イメージの多用、メモリ管理
みなさんは、サイトをスクラッチで作る時にどうされていますか? HTMLやCSSをイチから作り込んでいくのは大変ですよね。 フリーでHTMLやCSSのテンプレートもいろいろありますが、デザイン要素がガチガチで修正しづらかったり、あまりにもシンプルすぎて結局ゴリゴリ作らないといけなかったりします。 最近だと、Twitter Bootstrapが使いやすくて、いろんなサイトでも使われています。 特にウェブ系のスタートアップは、ほとんどがTwitter Bootstrapをベースにしているんじゃないかというぐらいよく目にします。 しかし、どれもこれも同じような見た目になっちゃってて、デザイン的にはちょっと残念な感じがします。 Twitter Bootstrapを使うと、なぜここまで似てしまうのか? それは、 パーツが完璧に揃いすぎている! のが原因です。 Twitter Bootstrapがバージ
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい! ↑私が10年以上利用している会計ソフト! スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください! 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック(タップ)範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
読了時間:約 2分46秒 本質の見極め思考を目指すHAYAです。 先日、東京ライフハック研究会になるイベントに参加してきました。 その際に「この人はわかってるな」と強く感じた出来事がありました。 今回は、思考の深さと本質を見抜く力についてです。 常々、私が物事を考える際に注意しているのは深さです。 私自身が今、感じたり考えているのはどこの深さなのか? 例えば同じ文章を読んでいる際に感じ取れていることを私の3段階イメージで表すと。。。 文上の意味 文中の意味 文底の意味 1.文上の意味(表面上) 書いてあることそのままの意味 人との会話であれば言われたことそのまま受け取ることなど 2.文中の意味 書いてあることが表していること 会話であれば発言の真意 3.文底の意味 書くことに至った理由 会話であれば発言に至った経緯など 私の感覚で伝えるとこんな感じです。 例では本や会話であげましたが、同じ
Nginxを使ったWordPressのチューニングといえば、フロントエンドのNginxとバックエンドのNginx(もしくはApache)に分けてproxy cacheを効かせるのが王道です。 さらにWP Super Cacheプラグインを利用してなるべくPHPやMySQLにアクセスさせないようにすると、手軽で絶大なパフォーマンスアップが可能です。 今回はそこからもう一歩進めたチューニングについて書きたいと思います。 二段階層を廃したシンプルな構成 まずは、図をご覧ください。 前述の王道チューニングの構成はA図となります。 proxy cacheはNginxがバックエンドのサーバーに処理を回し、返ってきたレスポンスをキャッシュして、Nginx自身がキャッシュを返すことでパフォーマンスを上げる仕組みです。 A図-1がキャッシュの無いアクセス、A図-2がキャッシュが効いているアクセスを表していま
0.前置き 仕事で技術検証のためにWebアプリをよく作ります。 そのときにいつも困るのが見た目です。 色をどうしようとか、段組みをどうしようとか…。 本来、集中したいとこではないけど、つい気になってしまうし、苦手な分野です。 そこで同僚に教えてもらったのが、HTML・CSSデザインフレームワーク!(勝手に命名しました) 今回はいくつかフレームワークの例をあげ、実際にその1つを試してみようと思います。 1. HTML・CSSデザインフレームワークとは 素早く、それっぽい見た目のWebアプリを制作することを支援するデザインフレームワークです。 多くの場合、CSSとJavaScript、画像がセットになって提供されています。 指定されたclass属性をHTMLタグに追加するだけで、利用可能になる場合が多いです。 BootStrap曰く、 Built for and by nerds Like y
Instagramは日本のユーザーも多く、日常を切り取った写真がほとんどで、 またお洒落なものも混じっているのでたまに眺めると気持ちがホッコリしたりします。 特定のキーワードでInstagramの最新の写真を検索したい時があります。 例えば、みんなが今どんな「ご飯」を食べているのか、今日の「日の出」はどのような具合なのか、 がInstagramの写真を通して分かるかもしれません。 Instagramの写真検索サービスを探してみると、 Instagram自身が検索機能を提供してないので他の第三者が作ったサービスがいくつか出てきます。 使ってみたところ、もう少し自分で見た目やら機能を変えてみたいなーなんて思いました。 そこで、「Instagramの今の写真を検索できるサービス」といういわばWebサービスを作りたい欲求にかられます。 今回はこのようなちょっとした欲求から考えた「Webサービスのモ
健康でフィットな体をつくる最低の運動量ついに判明! マックマスター大2012.02.19 12:005,034 satomi 美容と健康には運動が一番...分かっちゃいるんだけど時間がつくれなくて...。 そんなあなたに耳寄りなお知らせ! カナダのマックマスター大学が健康でキレイな体を維持するのに必要な最低の運動量をついに割り出しましたよ。これだけやっとけば運動不足による慢性病の心配もそんなないし、とりあえず大丈夫らしいです。 同大研究班が着目したのは、世界一流のアスリートの間で人気のインターバルトレーニング。ガーッと激しい運動を短時間やって、休息、激しい運動、休息...と、急走・休息を繰り返す運動法ですね。 これを参考にしながら、独自に考案したのが「超集中インターバルトレーニング(HIIT:high-intensity interval training)」。最大心拍数の9割で激しい運動
最近の「ノマドな人々」を見ていると、昔の自分や未来の自分を見るようで、いろいろ身に覚えがありすぎて、正直こっちが恐縮してしまう。そんな自分から彼らの特徴を描出してみる。 知能は悪くない彼らは、大体中の上か上の下くらいの知性の持ち主で、普通にやらせると、一通りの仕事ができるスキルはある。そもそも、ソーシャルメディアを活用して自分をアピールすることが出来る時点で、普通の人よりよっぽどアドバンテージがある。ただ、特定の領域で飛び抜けた能力を持っている訳ではない(ここがウイークポイント)。 自分のポジションが見つからないにも関わらず、彼らがなんでバッシングされるような挑発的な言動をしてしまうのか。彼らは、自分のポジションがわからないのである。どうしたら、一番自分が成果を出せるのか、そのポジションはどうやったら見つかるか、それがわからないのである。なので、彼らは共通して「実績が少ない」。だけど、自分
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く