CSSでアイコンをデザイン
ものすごく大雑把に言うと今まで画像編集ソフトでやっていた、角を丸くするとか背景をグラデーションにするなどという作業をCSSでやってしまおうというお話。もちろんCSSでできないことは多くあるので万能というわけではないが、できることに限って言えば数行のCSSコードでスクリーンショットのような効果を柔軟に適用することができる。 Demo: Design icon with CSS ul li a { display: block; width: 32px; height: 32px; background-image: url("icons-w.png"); background-repeat: no-repeat; text-indent: -10000px; } 各アイコンになるa要素へのスタイルは以上のような単純なものがベースになる。icons-w.pngがアイコンの前景をつなげたスプライ
Web Applicationを綺麗に設計するためのMVACという考え方 - $shibayu36->blog;
【2016/03/04追記】以前まとめたこのMVACという名前の設計は既に古くなっており、今はこのようなアーキテクチャで設計していません。 こんにちは。最近ははてなでMVACというアーキテクチャに則って開発をしているのですが、ようやく意味を理解できてきました。そこで今回は「Web Applicationを綺麗に設計するためのMVACという考え方」について、サンプルを交えながら説明していこうと思います。かなり長くなってしまったので、時間があるときにでもどうぞ。 MVACって？ データソースやロジックを扱う「Model」、表示・出力を管理する「View」、複数のModelとControllerをつなぐApplication、ユーザのリクエストなどを受け取りViewやApplicationを制御する「Controller」の4つの要素を組み合わせてシステムを実装する方式。MVCをさらに抽象化した
自己啓発本はなぜ流行るのか？ - 草食系大学院生の読書日記
この前の続き。BRUTUS1月号で面白かったもうひとつの記事は速水健朗さんの自己啓発本ブームを取り上げたもの。 BRUTUS (ブルータス) 2011年 1/15号 [雑誌] 出版社/メーカー: マガジンハウス発売日: 2010/12/15メディア: 雑誌購入: 15人 クリック: 229回この商品を含むブログ (27件) を見る 記事によれば、昨今の自己啓発本ブームは1990年代のアメリカで始まったものである。資本主義のグローバル化、金融中心化の影響を受けて、アメリカの中流層の多くがリストラによって下流層へ転落し、格差が拡大した。そんな彼らが頼ったのが宗教であった。90年代以降、メガチャーチと呼ばれる超大型教会が急増し、仕事や生活を奪われつつある人々に対し、「信じれば救われる」といったわかりやすい教義を掲げることで、多くの信者を獲得した。これらメガチャーチには「宗教保守」が多く、ブッシュ
Evernoteを単に情報整理ツールだと思っていると数年後に後悔するかもしれない理由
みたいもん！のいしたにまさきさんがスーパーコンシューマーとともに「とれるカメラバッグ」の開発を進められているという、これだけでも心躍るニュースなのですが、その企画第１回の対談でとても大事な点に触れられています。 いしたに「エバーノートにもすごく多い勘違いがあって、 すごい便利なメモツールって認識している人が多いんですよ。 記者とか雑誌の編集もそういうスタンスで取材に来ることが多いんですよ。 でも、メモツールと思ってると、なんでこんなに流行るか分からないんですよ。」 （中略） いしたに「それとは何が違うのかと言うと、 日々、適当にやってることを、適当にここに突っ込んどくと、適当にいい感じにしてくれるんですよ。エバーノートがね。 そして、あとから、簡単に情報にアクセスできるんですよ。 自分の日々をログ化するツールなんですよ だから、大事なのは、クラウドでログ化ってことで、 メモとかは下のほうに
ひとり暮らしの男性に、電気フライヤーのススメ（旧：ひとり暮らしを新しく始める男子が買うべきたった１つのモノ）
（改題しました 旧題：ひとり暮らしを新しく始める男子が買うべきたった１つのモノ） ひとり暮らし関連のエントリが人気になる季節です。 30歳男子であるわたくしですが、ひとり暮らしを始める男子にものすごくオススメのアイテムがあるのです。しかし、どこのエントリを見ても、そのアイテムをオススメしていない…しからば、ワシがオススメするしかないじゃろ！ そのアイテムとは、電気フライヤーです。 TWINBIRDのものは、コンパクトでリーズナブル、使いやすいフライヤーです。 象印のものは、最大ワット数が1000Wと多いです。つまり、加熱が速く、温度を一定に保つ力が強いです。僕はこれをよく使っています。ブレーカーの容量が低い家の場合は、ブレーカー落ちに気をつけてください。 なぜ（電気）フライヤーを勧めるのか、どう活用すればいいのかを説明します。 油はうまい！ 「うまいは甘い」とは北大路魯山人が言ったらしい言
モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
初めての企画書が、最終選考に残った アイデアの出し方
販促会議賞という企画コンペに出させていただき、ファイナリストに残ることが出来ました！ 本職デザイナーが、どうやって考えて企画を立てたか。思考の足跡をつらつらと書きます。 ちなみに出した企画はこちら。 ただいまWeb投票もしているので、企画見てオモロイ！と思った方は、ぜひ投票お願いしまーす！ まずは販促会議賞ってなに？という人にご説明。 販促会議賞は、いろんな企業から「この商品の販促アイデアを考えて下さい」という感じでお題が出され そのどれかに応募するというものです。 企画をパワーポイントにA4サイズ10枚以内で、容量は5MB以内にまとめてくださいというルール。 誰でも参加可能、いくつでも提出OKです。 今回は、全27社から28課題出てました。 1.まずやったこと どうしたら勝てるか研究しました。 販促会議賞は第2回目だったので、1回目の受賞作品をざざっと拝見。 思ったこと 第１回の優勝者、
ポメラの好敵手、人気のairpen MINIを使ってみた (1/4)
会議録も、大学の講義メモも、アイデア帳も、全部デジタルに！ ぺんてるの「airpen」シリーズは、専用のペンでノートなどに文字や図形を書くと、それがそのままデジタルデータ化されるという便利ガジェット。赤外線と超音波によってペンの位置を検出し、センサー部の内蔵メモリーに筆跡を記録する仕組みだ。今回新たにラインナップされた「airpen MINI」は、センサー部をぐっとミニサイズ化しているのが最大の特徴となっている。 従来の「airpen ストレージノート」は大きなクリップ型のベースにセンサー部が付いており、ホルダーにレポート用紙をセットするようになっていた。センサー部のみ取り外し、クリップで用紙を挟んで利用することもできたのだが、横幅が20cm程度あるセンサー部は「気軽に携帯する」よりもやはり「ノートと一緒に持ち運ぶ」という使用イメージだった。
乙一の穴埋め式プロット作成術。 - Something Orange
ミステリーの書き方 作者: 日本推理作家協会出版社/メーカー: 幻冬舎発売日: 2010/12メディア: 単行本購入: 15人 クリック: 67回この商品を含むブログ (29件) を見る Twitterで勧めていただいたので、読んでみた。というか、読んでいる。何しろミステリ作家数十人に取材した分厚い本なので、一気呵成に読みあげるというわけにはいかない。自然、知っている作家のところを拾い読みすることになる。 まずは乙一の「プロットの作り方」。これが素晴らしくわかりやすく、具体的だった。現役の作家がこれほど手の内を明かしてしまって良いのだろうか、と思うくらい。以下に簡単に説明することにする。 乙一のプロットの作り方は非常にシンプルである。かれはいう。 小説は文字が連なってできている一本の線だ。一本の線には両端がある。つまりはじまりと終わりのことだ。その二つをここでは発端と結果と呼ぶ。すべての物
HTML5のCanvasによって画像加工が出来る「CamanJS」:phpspot開発日誌
CamanJS - Image Manipulation in Javascript HTML5のCanvasによって画像加工が出来る「CamanJS」。 画像編集ツールによってコントラストや露光量を変えたり、ガンマ値を変えたりといった処理で画像を加工できますが、このCamanJSを使えば、Canvasを使ってJavaScriptのメソッドで色を変えられます。 ビフォア アフター 次のようにメソッドをチェーンさせることで画像を加工しちゃえるツールです。 こんなことも出来るのか、ということで覚えておくとサーバに負荷をかけず、便利に使えそうです。 関連エントリ 画像にぼかし効果を与えられるjQueryプラグイン「Image Blur」
Yahoo!知恵袋に質問や回答を投稿できるAPIを公開しました
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、R&D統括本部の袋谷です。 今回、Yahoo!知恵袋に質問や回答を投稿できるAPIを公開しました。 例えば、質問投稿APIを利用して、 「猫は原付並みの速さで走れるって本当ですか？」などの質問を投稿すると、Yahoo!知恵袋に回答受付中の質問として表示されます。 質問には写真や地図（緯度経度）をつけて投稿できます。 また、投稿するカテゴリは指定がない場合は質問文から自動的にカテゴリ判定を行います。 ほかにも、投稿されたばかりの新着質問を表示するためのAPIや、質問の詳細を表示するためのAPIなどを公開しました。 各APIで、できることについて詳しくはこちらをご覧ください。 ・Yahoo!知恵袋のAPI一覧（提供終了）
海外Webサイト・海外Web屋の特徴
2013年3月23日 Web関連記事, 海外情報 以前「日本向けのウェブデザインというのはあるのか?」という記事を読み、「逆に海外のサイトは具体的にどう違うかなあ？」と思ったので、私が感じた海外のWeb業界やサイトの違いを並べてみます。海外向けのWebサイト制作を考えている方、海外で働こうと思っている方の参考になればと思います！ ↑私が10年以上利用している会計ソフト！ 追記：ここで紹介する「海外」とは、私が滞在・就労経験のあるカナダとオーストラリアを指しています。 海外Webサイトの特徴 URLを直接入力 日本ではURLバーに直接入力する人は少ないかと思われますが、海外では目的のブランド名がわかっている場合、とりあえず「.com」をつけてWebサイトを開きます。海外で .com が人気な理由はこのへんにありそうです。そのため、新たに会社やサービスを立ち上げるときは、そのブランド名とドメイ
Android開発者が知るべき10のこと - Tech Booster
本記事はAndroid DevelopersのDesigning for Seamlessnessを意訳、加筆したものです。Androidアプリをシームレスに連携させるためのノウハウを紹介します。 特性を理解する アプリケーションが高速に動作し、レスポンスが良くても、アプリケーション遷移やダイアログ表示を乱用した無計画なUI、不用意なデータの喪失、意図しないタイミングでの操作妨害など知らず知らずのうちにUXの良くない設計になっているかもしれません。これらの問題はどのように避ければ良いでしょう？ アプリケーションが動作するコンテキスト Androidフレームワークの特性(アプリケーションへどんな影響を与えるか) を理解することが開発の手助けになります。 ユーザ操作を妨げない ユーザ操作のシームレス性で問題になるケースとしてよくあるのが、他のアクティブなアプリケーションを無視して、自分のダイア
ドラッグ＆ドロップによるファイルのアップロード - コンピュータクワガタ
Tomcat 7.0の最新安定版もリリースされたことですので、標準でサポートされたファイルアップロードを試してみました。 Servlet 3.0 File Upload 機能 - 寺田 佳央 - Yoshio Terada http://yoshio3.com/2010/03/11/servlet-3-0-file-upload-%E6%A9%9F%E8%83%BD/ にそのものがのっていましたので、これを元に試してみようと思いましたが、そのものすぎるのでやめました。 一応やりましたが、ここでは書きません。 代わりに、ドラッグ＆ドロップしたファイルのアップロードを行うServletを書いてみました。このServlet自体はServlet 3.0である必要性はありません。具体的なコードは以下になります。まず、動作のもととなるHTMLファイルです。 <!DOCTYPE html> <html>
心の会計：人はなぜお金を非合理的に使うのか | WIRED VISION
前の記事 「風力発電車」でオーストラリア横断に成功(動画) 心の会計：人はなぜお金を非合理的に使うのか 2011年2月18日 サイエンス・テクノロジー コメント： トラックバック (0) フィードサイエンス・テクノロジー Jonah Lehrer オーストラリア紙幣。画像はWikimedia 筆者は現在ホテルに滞在しているのだが、ちょうどいま、インターネット接続のために16.95ドルも支払った。通常はホテルでの有料接続は避けていちばん近いスターバックスに行き、コーヒーを飲みながらメールを送信するのだが。しかし、米国のどこにでもあるスターバックスは、残念ながらこの周辺にはなかったのだ。 ホテルのサービス料金は馬鹿高い。もし部屋で朝食を食べることにすれば、紅茶のポット1杯で8ドルだ。ベーコンやトーストを付ければ22ドル。シリアル1杯は12ドルだし、それに税金とチップが付き、部屋へのデリバリー料
はてなブックマークをつけた記事を全文自動でEvernoteに保存できるサービス『hatebte』
この記事を書いた時点では『hatebte』の存在を詳しくは知らなかった。 この記事がいろんな方に読んでもらえたおかげで『hatebte』というサービスがあることを知ることができた。 教えてくれた @jun1log さんありがとうございました。 そしてこの記事の内容と『hatebte』を組み合わせるとYahoo! Pipesを使用しなくても良い。 教えてくれた @jun1log さんは、はてブした記事のEvernote保存はhatebteで行い、InstapaperなどこのようなwebサービスがないものをEvernoteに保存する場合にYahoo! Pipesでタイトル成形を行っているとのこと。 hatebteを使用してみて、ちょうど自分で設定した1アクションで5アクションのEvernote保存と、hatebteのサービスを用いたEvernote保存を重複して使用したのでちょっとだけ検証して
プログラミング不要！多種多様なAndroidアプリが無料で作れる『Free Android App Maker』 | 100SHIKI
おっと、これは便利かも（後述するが一つ罠があるのだが）。 Free Android App Makerを使えば、無料でさくっとAndroidアプリが作れるらしい。 もちろんプログラミングの知識は不要だ。そのかわり、作れるアプリの種類はすべてテンプレート化されたものだ。 ただし、そのテンプレートの種類が多いのがポイントである。フォトギャラリーやパズル、電子ブックなど、現在のところ、18種類もあるようだ。 さっそく作ってみたが簡単な設定ですぐにできるようだ。ただし、無料で作る場合、最長で6週間もレビューにかかるようだ。この期間を短くするためにはフィーを払わないといけない、という仕組みになっている。なかなかうまいですな。 どちらにしろ、テンプレートの種類が魅力なので、Androidアプリをさくっと作ってみたい人は覗いてみてはいかがだろう。
WebデザイナーにおすすめのEvernote活用術
2017年6月30日 便利ツール アイデアのメモも、画像も、音声も、とにかくなんでも保存できちゃうメモツール「Evernote」。有名すぎる便利ツールですね！逆に自由度が高すぎてどうやって使えばいいのかわからない、という方も多いと思います。今回は「Webデザイナー」をキーワードに私のEvernoteの使い方を紹介します。 ↑私が10年以上利用している会計ソフト！ Evernoteってなあに？ Evernoteの機能を簡単に説明します。 画像・音声・PDFファイルなどが保存できる アップロードできる容量は月に無料アカウント：60MB、プレミアムアカウント：1GB プレミアムアカウントは月額5ドルまたは年額45ドル ノートに対して一つだけ設定できるノートブックを大カテゴリとして使用 ノートに対して複数設定できるタグを小カテゴリとして使用 ノートブックもタグも階層化させて整理できる 携帯電話・ス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
syboos.jp
http://designaholic.cc/2011/03/25-2.html
