並び順

ブックマーク数

期間指定

  • から
  • まで

321 - 360 件 / 56547件

新着順 人気順

UIの検索結果321 - 360 件 / 56547件

  • スマートフォンサイトをデザインする上で知っておくべき10のTIPS

    スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re

      スマートフォンサイトをデザインする上で知っておくべき10のTIPS
    • 【特集】知っておきたいWebサービス - ジャンル別リスト (1) Webサービスの紹介ジャンル | ネット | マイコミジャーナル

      Webサービスを活用していきたい人のために Webサービスを活用する機会は増える一方だ。いつの間にか、メールのやりとりはWebメールサービスに、Webブラウザのブックマークはソーシャルブックマークに、ビジネス文書の作成だってオンラインワープロに──気づけばWebサービスを多用していたという人は少なくないだろう。そして、これからWebサービスを活用していきたいと考えている人もいると思う。本特集では、Webサービスをプライベートやビジネスなどに積極的に取り入れていきたい人に向けて、ジャンル別にさまざまなサービスリストを提供していく。ジャンルやサービスは順次拡充していく予定なのでぜひ活用してほしい。 掲載ジャンル一覧(順次拡充予定) Webサービスの種類 更新日 New Webメール 05-23-2009 New ソーシャルブックマーク 05-23-2009 New オンラインカレンダー 05-

      • 疲れないキーボードを知りたい。タイピング早打ち日本一の「女王」miriさんに聞いてみた #ソレドコ - ソレドコ

        タイピング早打ち日本一のmiriさんに、「疲れにくいキーボード」を教えていただきました。miriさんによれば、いいキーボードを使えば疲れないし、1万円を超えるキーボードを選ぶと明確に感動を味わえるそうです。 こんにちは。斎藤充博です。僕の仕事は「ライター」。ほぼ毎日パソコンに向かって延々とタイピングをしています。 愚痴っぽくなりますが、自宅でパソコンと長時間向き合うのって普通に疲れませんか? 手や指も疲れるし、さらに肩や首くらいにまで疲れが来ている気がします。 この悩みについて、ある人に相談することを思いつきました。 タイピングの早打ちなんて興味なかったけど、日本一決定戦がめちゃすごかったから解説させてくれませんか? より(写真提供:ファミ通.com) それは「タイピングの女王」と言われているmiriさんです 世の中にはパソコンのタイピングの速度を競っている人たちがいて、キーボードのメーカ

          疲れないキーボードを知りたい。タイピング早打ち日本一の「女王」miriさんに聞いてみた #ソレドコ - ソレドコ
        • jQuery Mobile が必須スキルになる!と思うのでこれから勉強する際に参考になる記事まとめ | バシャログ。

          Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。 アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。 ってことで、まずはjQuery Mobileを理解せねば! jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w

            jQuery Mobile が必須スキルになる!と思うのでこれから勉強する際に参考になる記事まとめ | バシャログ。
          • 【厳選】日本の全iOSプログラマに捧ぐ!iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 | DX.univ

            iOSアプリ開発担当の菅原です。 iPhoneやiPadのア[...]【厳選】日本の全iOSプログラマに捧ぐ!iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 by Yu Sugawara in Design · Mobile — 2013/07/18 iOSアプリ開発担当の菅原です。 iPhoneやiPadのアプリ開発はすべて一人で販売するところまで持っていけるのが魅力の1つです。 アプリ開発作業を大きく分類しますと プログラム デザイン 販売 にわかれます。販売に関してはAppStoreがあるので、心配はありません。残りのプログラムとデザインですが、なかなか両方を得意にするというのが難しいと思います。僕はプログラムは出来るのですがデザインがからっきしダメです。 今日はそういったデザインが苦手なプログラマ向けに参考になるデザインリンク集をご紹介いたします。個人のアプリ開

            • Photoshopの無料ブラシを使って、たった3分でプロが作ったようなグラフィックを作る方法 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記

              • DeNAの「WELQ」はどうやって問題記事を大量生産したか 現役社員、ライターが組織的関与を証言(井指啓吾 BuzzFeed News )

                誰でも記事を書ける「キュレーションメディア」を謳うことで、DeNAは記事の内容に責任を負わないとしている。各記事の末尾にはこう記されている。 当社は、この記事の情報及びこの情報を用いて行う利用者の判断について、正確性、完全性、有益性、特定目的への適合性、その他一切について責任を負うものではありません。この記事の情報を用いて行う行動に関する判断・決定は、利用者ご自身の責任において行っていただきますようお願いいたします。 しかし、BuzzFeed Newsの取材に応じた社員やライターは、実態はWELQ編集部、つまりDeNAの事実上の指導のもとに大量の記事が書かれている、と証言した。 10月時点では、8000文字前後の記事が、毎日およそ100本も掲載されていた。それらの記事は、医療関係者のチェックを経ず、検索上位に大量に並ぶ結果となっている。 「キュレーションメディア」で誰でも投稿できると説明し

                  DeNAの「WELQ」はどうやって問題記事を大量生産したか 現役社員、ライターが組織的関与を証言(井指啓吾 BuzzFeed News )
                • 初心者のためのスマートフォンサイトを作るときに見ておきたいサイト|WEB Drawer -WEB制作に関するメモサイト-

                  スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない!」などの問題が回避できるかもしれません。 ASCII.jp:サイト制作の前に知りたいiPhone/Androidの仕様|実践!iPhone&Androidサイト制作ガイド ASCII.jp:サイト制作の前に知りたいiPhone/Androidの仕様|実践!iPhone&Androidサイト制作ガイド スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき iPhone iPad向けサイトを制作するためのいろ

                    初心者のためのスマートフォンサイトを作るときに見ておきたいサイト|WEB Drawer -WEB制作に関するメモサイト-
                  • 人気Webデザインを独学できる至高のWebアプリ8選がヤバイ! | シェアしたくなる最新のWebサービス・ITニュース情報をチェック! APPGIGA!!(アプギガ)

                    このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

                      人気Webデザインを独学できる至高のWebアプリ8選がヤバイ! | シェアしたくなる最新のWebサービス・ITニュース情報をチェック! APPGIGA!!(アプギガ)
                    • http://www.designwalker.com/2009/04/wireframe-2.html

                        http://www.designwalker.com/2009/04/wireframe-2.html
                      • これはウェブページです。

                        たいしたページではありません。 あるのは言葉だけ。 それをあなたは読んでいます。 オシャレなデザインや、レスポンシブなレイアウト、魔法のようなスクリプトに私たちは魅了されてしまいました。 でも、ウェブで一番強力な道具は、今も昔も言葉です。 私が書いた言葉を、あなたが読んでいる。これこそ魔法です。 私はブリティッシュコロンビア州の小さな都市にいますが、あなたは別のどこかにいることでしょう。私は2013年6月20日の早朝にこれを書きましたが、あなたは違う日時にこれを読んでいることでしょう。私はノートパソコンでこれを書きましたが、あなたは携帯電話でこれを読んでいるかもしれないし、タブレット端末やデスクトップ端末で読んでいるかもしれません。 私とあなたがこうして繋がることができたのは、私が書いた言葉をあなたが読んでいるからです。ウェブとはそういうものです。場所や端末、タイムゾーンが違っても、このシ

                        • 低い断熱性なぜ放置、世界に遅れる「窓」後進国ニッポン 松尾和也 松尾設計室代表 - 日本経済新聞

                          日本の住宅の断熱性能が相対的に低いことをご存じだろうか。部位ごとにみれば窓の性能に大きな課題がある。窓の重要性について啓蒙活動を続ける松尾設計室の松尾和也代表は、「『窓』先進国の欧州に比べればもちろん、日本と気候が近い中国や韓国にも劣っている」と話す。松尾代表に、近年の傾向を踏まえて解説してもらう。日本は世界から見て、「ものづくり先進国」「超一流の工業国」というイメージがあると思います。しかし

                            低い断熱性なぜ放置、世界に遅れる「窓」後進国ニッポン 松尾和也 松尾設計室代表 - 日本経済新聞
                          • クオリティが高い縦に長いサイトを厳選して集めています MUUUUU_CHANG WEB DESIGN SHOWCASE

                            縦長のwebデザインをがむしゃらに集めています。

                              クオリティが高い縦に長いサイトを厳選して集めています MUUUUU_CHANG WEB DESIGN SHOWCASE
                            • 30分でできる!Webサイトを高速化する6大原則 (1/4)

                              Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか? もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション(10段階)、横軸が表示までの時間を表している。1~5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう

                                30分でできる!Webサイトを高速化する6大原則 (1/4)
                              • Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE

                                JavaScriptの開発環境、要するにJavaScript用IDEという位置づけなのですが、HTML、CSSの構造をアウトラインで示してくれたり、文法の間違いを指摘してくれたり、やっていることはほとんどDreamweaverの持っている機能と同じです。 特に面白いのはJavaScriptやCSSなどがInternetExplorerとFirefoxに対応しているかどうかが一発で分かる点。JavaScriptのエラーについても細かい部分まで指摘してくれます。つまり、実行しなくてもエラーがドコにあるのか分かる「静的解析」が可能というわけ。 Windows、Macintosh、Linux版があり、Eclipseプラグインとして動作するバージョンもあります。 スクリーンショットや実際に動かして機能を解説しているムービー、ダウンロードは以下から。 Aptana: The Web IDE http:

                                  Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE
                                • | ^^ |秒刊SUNDAY | 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ

                                  2009年06月08日 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ カテゴリ:WEBデザイン デザインサイト集というのは、こんなにも沢山出来上がっているとは知らなかったのですが、仕事柄かなり活用しますのでここで抑えておきたいと思います。 ◆いけてるサイト.com このサイトを紹介しないと、この記事のコンセプトがわからないので、とりあえずフリということで。 ■WEBデザイン リンク集 : ikesai.com --- いけてるサイト ドットコム(WEBデザインの参考にどうぞ) ◆Webデザイン・Webデザイナーのまとめサイト 膨大なデータベースです。色やキーワードで検索できる。ここにいけばほぼそろうか? ■Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫ ◆WEBデザイン・データベースWEBdeDB

                                  • TechCrunch

                                    OpenAI has formally launched its internet-browsing feature to ChatGPT, some three weeks after re-introducing the feature in beta after several months in hiatus. ChatGPT, the generative AI chatbot that

                                      TechCrunch
                                    • デザインの基本日記  「配色編」|Design Beginner

                                      配色がうまくいかない場合の多くはたくさんの色をついつい使ってしまった結果招いていることが多い。まずは2色で配色をしてその上で少しずつ色の調整をすることによって、まとまりのあるデザインが作りやすくなる。 一般的に言われている配色は、ベースカラー7割、メインカラー2割、アクセントカラー1割。一番表現したいことをアクセントカラーにすることで表現したいことが何かはっきりわかりやすくなる。 なんとなく落ち着いていて物足りない場合、色相環で反対の色をアクセントカラーに持ってくるとインパクトがでる。この色相環の反対の色を反対色や補色といったりもする。 逆にガチャガチャして色がうるさい場合は、色相環の隣り合った色数色を選び配色することで全体的にまとまった印象になる。この色相環の近くにいる色のことを近似色と呼ぶ。 配色を決める場合、いくつかの軸があるが、何を表現しなければいけないかというテーマによって配色を

                                        デザインの基本日記  「配色編」|Design Beginner
                                      • phpspot開発日誌 - PHP/Ajax/JavaScript/CSS等の最新技術情報をお届け

                                        小説表紙などに使えそうな商用可なフォント「になロマン」 になロマン(ninaroman_font)【商用可】 - 213chan_font - BOOTH小説表紙などに使えそうな商用可なフォント「になロマン」ひらが...(続きを読む)

                                        • ジョルダン 乗換案内・時刻表・運行情報サービス

                                          運転再開  安芸中野~海田市駅間で発生した架線支障の影響で、西条~広島駅間の運転を見合わせていましたが、09:37頃、運転を再開しました。なお、一部列車に遅れが出ています。

                                            ジョルダン 乗換案内・時刻表・運行情報サービス
                                          • 全自動ブックマーク棚卸しが想像以上に有意義な件 - てっく煮ブログ

                                            みんな、自分が過去にブックマークした記事って気になるよね。はてなブックマークを使ってると、勢いでブックマークしてしまうけど、なかなか振り返る機会はないもの…。少し前に「ブックマーク棚卸しがイイヨ」という記事があったんだけどブックマークの棚卸し(?)をしてます。今年一年かけてブックマークしたものを順番に見て行ってます。見るといっても、全部の記事を開いて見るわけではなく、流し読みで、「ああ、これはもう一回読んでおきたい」と思ったものを開いてはインプットしているという感じです。 はてなブックマーク棚卸し - naoyaのはてなダイアリー1年分の棚卸しとなると楽しくないし…。わたしもみんなと同じ、その一員でした。でも、もう平気。「全自動ブックマーク棚卸し」があれば!全自動ブックマーク棚卸し があればもう大丈夫。全自動で 1年前のブックマークを RSS 配信 してくれちゃいます。試しにやってみましょ

                                            • サービス終了のお知らせ - NAVER まとめ

                                              サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

                                              • デザイン上級者 21の特徴

                                                デザイン上級者は、中級者と初心者と何が違うんだろう?って思った時に、こちらの本が役に立ちました。 『上達の法則 – 効率のよい努力を科学する –』という本です。この本には、碁や茶道など、あらゆる分野に共通する上級者の特徴がのっています。この本を参考に、デザイン上級者の特徴と、上級者になるための実践方法を書いてみました。 デザイン上級者の特徴 1. 上級者は一つのデザインから読み取ることが多い 一つのデザインを見たとき、上級者の方が中級者、初級者よりも気づくことが多いです。例えば、背景に薄くグラデーションがかかっているとか、縦のグリッドのラインが揃っているなど。 また、そのデザインからたくさんの情報を引き出しているので、長く見ても退屈しにくいという特徴を持っています。 2. 上手なデザインをするということに高い価値をおいている 上級者は、デザインに対して本気で取り組む度合いが高いため、上手な

                                                  デザイン上級者 21の特徴
                                                • 私がよく参考にしているサイトまとめ

                                                  はじめに Twitter、Qiita、Zenn...といろんなところから情報収集するのはいいのですが、それぞれの有益な情報をそれぞれのサイトにお気に入りとして保存しているので、必要な情報を探すだけで一苦労です。 ここで一覧にしてまとめておくことにしました。 ただし、特定の言語に依存するような記事はあえて排除しています。 皆さんにとっても有益な情報があると、この記事を公開して良かったなと思います。 また、皆さんのオススメの記事がありましたら、コメントなどで教えてください。 コミュニケーション 質問 質問は恥ではないし役に立つ https://qiita.com/seki_uk/items/4001423b3cd3db0dada7 新卒からの質問をソシャゲっぽい仕組みにしたら捗った話 https://qiita.com/ysktsuna/items/fced3a9515c8f585ca50 会

                                                    私がよく参考にしているサイトまとめ
                                                  • 文章のプロ直伝!素人でもプロ並に書けるようになる5つのテクニック

                                                    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. 文章力は、ビジネスの世界で、今まで以上に非常に重要なスキルとなっている。 例えば、広告やダイレクトメールなど、消費者に向けてのメッセージは文章力に大きく依存する。 また、興味のある人に対してコンタクトを取って、アプローチする際も、あなたの書くメールや手紙などの文章の内容によって、成否は大きく左右される。 思い返せば、私は、社会に出る前の学生の頃から、大学で、大量の本を読み、週に2〜3本のエッセイを書いたり、レポートを提出したりしていた。 そして、こうやって培って来た文章力によって、ビジネスにおける様々な面で得をしていることを実感している。そこで本日は、私が実際に使っている文章テクニックを5つご紹介する。 この通りに書いて頂くだけで、プロの

                                                      文章のプロ直伝!素人でもプロ並に書けるようになる5つのテクニック
                                                    • どこでもプロジェクト管理バックログ

                                                      チームの業務を見える化してタスク漏れやスケジュールの遅延を防ぐ Backlogはシンプルな操作性と親しみやすい見た目で、誰でも直感的に使えるプロジェクト管理・タスク管理ツールです。

                                                        どこでもプロジェクト管理バックログ
                                                      • Ultimate CSS Gradient Generator from ColorZilla

                                                        background: linear-gradient(); /* W3C, IE10+, FF16+, Chrome 26+, Opera 12+, Safari 7+ */

                                                        • 4Gamer.net ゲーム情報サイト オンラインゲーム、PCゲーム、パソコンゲーム、オンラインRPG、MMORPG、無料ゲーム

                                                          NVIDIAに追いつけ追い越せ? Intelが2024年以降のAI戦略を独自イベントで明らかに 米国時間2024年4月8日,Intelは,AIに関する独自イベント「Intel Vision 2024」を開催した。AI分野で大きく先行するNVIDIAに対抗すべく,AI向けプロセッサの投入やソフトウェア層の拡充などに取り組んでいくという。イベントの内容を簡単にまとめよう。 [2024/04/10 00:35] スパイク・チュンソフト祝40周年企画。どんな会社かなとあらためて考えてみたら「けっこう身近にいるゲームメーカーだったんだなあ」と思った話 2024年4月9日は,ゲームメーカーのスパイク・チュンソフト創立40周年の日。ということで,4Gamerの記事を振り返りながら「そういえば,子どものころから今まで,スパもチュンもいろいろなゲームをプレイしてきたなあ」と思いを巡らせてみました。するとこの

                                                            4Gamer.net ゲーム情報サイト オンラインゲーム、PCゲーム、パソコンゲーム、オンラインRPG、MMORPG、無料ゲーム
                                                          • 「不思議のダンジョン」の絶妙なゲームバランスは、たった一枚のエクセルから生み出されている!? スパイク・チュンソフト中村光一氏と長畑成一郎氏が語るゲームの「編集」

                                                            過去の名作ゲームの企画書を見せてもらい開発秘話を聞くシリーズ「ゲームの企画書」。連載3回目となる今回は、「不思議のダンジョン」シリーズを手がけてきた、スパイク・チュンソフトの中村光一会長とディレクターである長畑成一郎氏に話を聞いた。 「1000回遊べるRPG」という衝撃的なキャッチフレーズで登場した『トルネコの大冒険 不思議のダンジョン』から、20年の時が経った。 (C)Spike Chunsoft Co., Ltd.ALL Rights Reserved. パソコンゲームの名作『ローグ』のシステムを換骨奪胎し、親しみやすいキャラクターで『ドラクエ』ファンにアピールすることに成功した本シリーズは、現在も多くのファンを魅了し続けている。 そんな本シリーズのインタビューだが、スパイク・チュンソフトの中村光一会長にインタビューをお願いすると、「ぜひ本シリーズ開発者の長畑氏を同席させてほしい」との

                                                              「不思議のダンジョン」の絶妙なゲームバランスは、たった一枚のエクセルから生み出されている!? スパイク・チュンソフト中村光一氏と長畑成一郎氏が語るゲームの「編集」
                                                            • freebies-vector-for-infographic-and-presentation.html

                                                              グラフやチャート、マップ、人物、吹き出し、リボンなど、インフォグラフィックやプレゼン用のベクター素材をfreedesignfileから紹介します。

                                                              • 美しいWebデザインをタイプ別に!見ないと損するパーツ別ギャラリーサイトまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                                                中型ライダー(二輪)免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です! 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン(h1,h2,h3……その他DTPでも) はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ(h1,h2,h3……)のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全

                                                                  美しいWebデザインをタイプ別に!見ないと損するパーツ別ギャラリーサイトまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                                                • 【2011年】【Webエンジニア向け】はてブ数ランキング厳選超人気記事総覧 / Devslog

                                                                  2011年も残すところあと少しになりました。2011年にはてなブックマークをたくさん集めた記事の中から、Webデベロッパー向けに限定して厳選してお届けします。 ウェブデザイン入門 ウェブサイトにおける視覚面に対し、整理・再構築・意匠等を施す。グラフィックデザイン的な要素を多く含む一方で、インタラクティブな要素を持つウェブの性格上、情報デザインあるいは工業デザイン的なスキルも求められる。ウェブサイト全体の情報設計、見た目を中心とするグラフィックデザインやGUIの設計、ウェブアプリケーションのUI設計構築など多岐に渡る。 Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 WEBデザイナーを目指す人へお勧めしたい記事・サイトまとめ – YATのBlog デザイナーからデザインの基礎や原則を学べるエントリーまとめ(webデザイナ向け)*ホームページを

                                                                  • 常識を揺さぶる新アプリ「Color」は、新たな時代を築けるか【湯川】 | TechWave(テックウェーブ)

                                                                    Twitterはわれわれの常識を一変させた。今やっていることや思ったことを、すべてオープンにする。「ネットは危険」というこれまでの常識の中では成立しえなかったサービスだ。しかし実際にTwitterを使い、そのオープンさが新しい楽しさや価値を生むことに多くの人が気づいた。そしてネットは新しい時代に移行した。 同様に新しい時代を築くのではないかと期待されるサービスが登場した。「Color」と呼ばれるスマートフォンアプリだ。このアプリの登場で、シリコンバレーは久々にエキサイトしている。その様子は後述するとして、まずはアプリの機能を説明していこう。 簡単に言うと、写真共有サービス、もしくは写真版Twitterである。アプリを通じて写真を撮れば自動的にネット上にアップされる。「公開」「非公開」の設定はない。写真を撮ればすべてネット上に公開されるようになっている(ただしアップした写真をネット上から削除

                                                                    • [こかげ] フォント : Nu みちしるべ

                                                                      概要 「Nu みちしるべ」は、日本の道路標識に基づいて作ったフォントです。標識の数字に興味を持ったのが切っ掛けで作りましたが、数字だけだとフォントとしてあまり面白くないので、周りの赤い円を含めて自動的に組み立てられるように作り込んでみました。道路標識の全種に対応しているわけではないです。用途は…何かあるでしょうか。 標識を自動的に組み立てるには、アプリケーションが OpenType‐フォントの高度な機能に対応している必要があります。非対応のアプリしか持っていない場合、手動で画像編集をして部品を組み立てる事になりますが、その部品としてフォントを利用できます。 ウエブブラウザーも今のところ対応状況が微妙なので、次の見本は崩れて表示されてしまうかも知れません。「直接編集」や「自動着色」を切り替えてみると表示が改善する場合があるようです。(なお「直接編集」を無効にした場合、文字列の書き替えは左上の

                                                                      • 画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net

                                                                        画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 LightboxLightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。グル

                                                                          画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net
                                                                        • HatenarMaps - はてな村勢力地図

                                                                          • アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール

                                                                            モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSかWindows用Chromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ

                                                                              アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール
                                                                            • スマートフォンサイト制作時に覚えておきたいCSS 15

                                                                              スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に

                                                                                スマートフォンサイト制作時に覚えておきたいCSS 15
                                                                              • 出現確率1%のガチャを100回引いても,4割近くの人は全部はずれる。“本当の確率”を読み解いてみよう

                                                                                出現確率1%のガチャを100回引いても,4割近くの人は全部はずれる。“本当の確率”を読み解いてみよう ライター:宮里圭介 まったく確率表示をしていなかったり,レア度別の確率のみ表示したりと,タイトルによって対応はさまざまだ スマートフォン向けゲームに欠かせない存在となっている「ガチャ」。お目当てのキャラやアイテムを引き当てたときの嬉しさは格別だし,結構な額のリアルマネーを使ったあげく,ハズレばかりだったときの悔しさもまたかなりのものだ。 すべては運にかかっているので,プレイヤーが頼りにできるデータといえば,公開されている出現確率ぐらいだろう。以前はその確率が公開されていないゲームが多かったが,最近は業界として確率表示を進める動きが強まっており,人気タイトルの「グランブルーファンタジー」でも,本日(2016年3月10日)から装備品個別の出現確率が表記されるようになる。 だが,確率が明らかにな

                                                                                  出現確率1%のガチャを100回引いても,4割近くの人は全部はずれる。“本当の確率”を読み解いてみよう
                                                                                • Webサイトに必要なfaviconが21個になっていた - IT探検の追憶

                                                                                  久しぶりにWebサイトのfaviconを変えようと思い、調べてみると、必要なfaviconが大幅に増えていることがわかりました。 その数、何と21個! そんなに増えていたとは。 一応、以下にリストアップしてみます。 faviconのリスト favicon.ico: IE用 favicon-16x16.png: タブ表示用 favicon-32x32.png: Mac版Safari用 favicon-96x96.png: Google TV用 favicon-160x160.png: Opera 12 までのスピード・ダイアル用 favicon-196x196.png: Android版Chrome用 mstile-70x70.png: Windows 8 用 mstile-144x144.png mstile-150x150.png mstile-310x310.png mstile-31

                                                                                    Webサイトに必要なfaviconが21個になっていた - IT探検の追憶