IE7対象、CSSのみで画像の縮小サムネイルをきれいに表示させる方法
IE7対象、CSSのみで画像の縮小サムネイルをきれいに表示させる方法 ◆Tip: High quality CSS thumbnails in IE7 [Devthought] [情報元：画像をCSSだけでハイクオリティに縮小サムネイル化する方法:phpspot開発日誌] HTMLで画像サイズを強制的に縮小表示させても、きれいに縮小した画像を表示させるCSSテクニックが紹介されています。対象となるのはIE7。ちなみにFirefoxやGoogle Chromeはこのようなテクニックを使用しなくてもきれいに表示されるそうです。初めて知った・・・。 小さい画像を表示する場合、通常はあらかじめ縮小した画像を用意しておきますが、このテクニックを用いれば、場合によってはサムネイルの作成の手間を省くことが出来ます。ただ、実際には表示が縮小されていても、元の画像をそのまま読み込ませているため、ページの構成
HTML5 Boilerplate, Initializrをこれから使う人が押さえるべき5つの原則 | ゆっくりと…
boilerplate とは、「再利用を意図した標準的な文例集」 だそうです。 Paul Irish が中心となり構築されてきた HTML5 Boilerplate は、その名の通り HTML5 でサイトを構築するためのテンプレート、さらにはフレームワークをも含む内容となっており、その特徴は次のように語られています。 HTML5 Boilerplate は、HTML5 を扱う上で必要な数多くの機能強化を他のベスト・プラクティスの数々と組み合わせることで、最小限の先行投資でプロジェクトの磐石な基盤を提供します。 2011年02月08日 HTML5 Boilerplate を使用して Web 開発を容易に始める | IBM developerWorks より。 HTML5 Boilerplateをベースにすることで最初からベストプラクティスが適用されたサイトやページを構築できるという特徴がある
iPhone4 Retina Display対応のデザインのコツ！
僕はどうやったらRetina Displayが綺麗に表示されるか必死に模索する毎日です。（保護シート含め） ということで、今後のiPhone開発に”必須!!!"のRetina Display対応のデザインデータの作り方のコツについてご紹介します！
MotLa
profile An art director/Designer, Masanori Sakamoto and a Technical Director/ Interactive designer, Ken Murayama has come together to found and run DELTRO INC. award 2009 The 2009 New York Festivals International Advertising Awards Silver with NIKE AIR TROUPE | design battle/NIKEiD. 50th Anniversary CLIO Awards 2009 Bronze with NIKE AIR TROUPE | design battle/NIKEiD. Tokyo Interactive Ad Awards 20
Adobeアカデミックストア
Yes, Adobe offers free products like Acrobat Reader, Aero, Fill & Sign, Photoshop Express, and Adobe Scan. You can also use Creative Cloud Express, Fresco, and Lightroom Mobile for free, with the option of making in-app purchases. Adobe makes some of the most widely used software applications in the world, many of which are industry standard. Get started with free apps like Adobe Acrobat Reader, A
少人数でWebサービスを作る僕らの仕事スタイル５つ - パパパパ
今回は僕らの仕事のスタイルを公開してみようと思います。一般的な会社と比べるとちょっと変わっているようです。インターネット事業を生業にしている僕らとしては、インターネットをフル活用して、固定費をなるべく下げて、新しい生活や仕事のスタイルを確立しようと考えています。 1. オフィスをもたない Webサービスはリアルの店舗を必要としないので、理論上ではオフィスがなくてもなりたちます。会社の登記はバーチャルオフィスという便利なサービスがあるのでクリアできますし、作業場所も自宅や喫茶店、コワーキングスペース、友だちの家、知り合いの会社など基本的にフリーダムです。 オフィスを持つと固定費が掛かるというのも大きいですが、移動時間をなるべく減らしたり、自由な場所で作業することで、精神的にも束縛のない環境を作っています。直接の打ち合わせは、週に1回だけ都心の喫茶店で行なっています。規模が大きくなると継続は難
震災経験者・さとなお氏の“防災セットより大事な備え”とは？ - 日経トレンディネット
東日本大震災から1年を迎え、首都圏直下型地震への危惧も高まるなか、防災グッズの売れ行きが急上昇している。大手通販のディノスが2011年7月に発売した「お洒落な防災グッズセット（基本セット・フルセット）」は、2012年1月に売り上げ最多を記録したという。さらに明治安田生命保険が2011年に行った震災に関するアンケートでも、具体的な震災対策として「防災グッズの準備」と答えた人が前年から10.9ポイント増加し、44.8％で全体のトップとなった。特に東海地方、東北、関東では過半数が用意していることがわかったという。 しかし、さまざまな企業が販売している「防災セット」の中身は食品からグッズまで実に多種多様。単純に各社の商品を比較して選ぶのは難しい。 よく考えてみると、災害に備えて用意するものは家族構成や地域性、個々人が持つ知見などによって大きく異なるはず。つまり、災害をどう考え、どう振る舞うかという
厚い物も固い物も楽々 “切れ味3倍”のはさみが好調 - 日経トレンディネット
文具メーカーのプラス（東京都港区）が1月12日に発売した、切れ味の軽さが特徴の家庭用はさみ「フィットカットカーブ」が好調だ。切れ味の秘密は、切断に最適な角度である約30度を常に保つ新開発の刃。同社の実験結果では“従来品比約3倍の切れ味”があるという。発売から1カ月半で店頭市場向け出荷数量は、同社従来品の前年同期間比で約2倍。「これまでの当社はさみ新製品投入の歴史の中でも、めったにないほどの好反応」（同社）だという。 開発に先立ち実施した同社の調査では、家庭内で薄い紙を切る機会はわずか8％。92％が牛乳パック・段ボールなどの厚紙、プラスチック、布、ビニール、観葉植物など、しっかりとした切れ味が必要な物に使用していることがわかった。それまで「紙を切るための道具」としてはさみを開発していた同社は、この結果から発想を転換。新しいアプローチでより確実な切れ味を追求し、てこの原理を最大限に利用した新形
便利キッチンツール 計量カップも兼ねた保存容器
キッチン用品大スキー。きゃー。 粉物やオートミール等の乾物系の食べ物。使う時にいちいち容器から計量カップで測るのが面倒。面倒だから、だいたいこんな感じで容器からいれると、大抵どばっとでてきて｢...。｣となるか、全体量を増やすはめになり食べ過ぎる。 そんな手間や問題点を解決するのが、こちらの容器Silo。単純に中が見える透明容器というだけじゃなく、容器についている仕切りを調整することで、計量カップなくとも、1カップ分または1/2カップ分がでてくる仕組み。出しすぎることもない。容器に仕切りが付いているって単純で確実なやり方ですね。 値段等の詳細がまだ明らかになっていないそうで。700円くらいなら、小麦粉用とかお砂糖用とかで何個かまとめて買いたいなー。 使い易いキッチン用品や、かわゆいお皿があってこそ料理もやる気がでるってもんですもんね。食べてくれる相手がいると尚いいね。えへへ！ [Quirk
靴底が変えられるシューズ。魚つりも登山もこれ一足で適応できる！
靴底が変えられるシューズ。魚つりも登山もこれ一足で適応できる！2012.03.07 17:00 そうこ バックパックの中に靴底を入れて出掛けよう。 アレ用、コレ用といろいろ装備を備えるのは大変です。Korkersが販売する靴底変更可能な靴なら、全てはこれ1足で。魚釣りも登山も、雪道だってへっちゃら。 自社開発のOmniTrax 3.0という靴底システムを使うことで、環境に応じて適した靴底を選び装着することができます。靴には、雪でも滑らないラバータイプや、氷の上もへっちゃらなスパイクタイプの靴底がついてきます。靴底の変更は、靴を履いたままでも簡単に行うことができるので、山遊びに行く時に、何タイプか靴底を持って行けばお手軽ですね。 靴は、1足140ドルから200ドル（約1万1000円から1万6000円）防水の性能によってお値段が変わります。靴底は別で追加購入することができるので、1足購入すれば
［ #iPad3 ］もしや懐かしのレインボーロゴ時代への回帰？ アップルが新ロゴデザインを披露か
［ #iPad3 ］もしや懐かしのレインボーロゴ時代への回帰？ アップルが新ロゴデザインを披露か2012.03.08 05:48 湯木進悟 正式発表ではなかったと思うのですが... ｢iPad 3｣を楽しみに待っていたアップルの発表会の最後に、いつもプレゼンの終了シーンで表示されるのとは異なる新しいロゴデザインを発見しちゃいましたよ！ なんとなくレトロな懐かしい思い出が～ そんなふうに感じられた方は、世にiPhoneやiPadが出るよりもはるか以前からアップルのMacに親しんでこられた証拠ですよね。今回の新製品発表会で姿を現わしたロゴは、最も右のレインボーカラーなデザインなのですが、時代を追うごとに変わってきたアップルロゴのレインボーへの回帰のようにも見えませんでしょうかね？ これが何を意味するのかは定かではありませんけど、なんかカッコいいなって思いませんか。iOSをアップデートしたら、こ
アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール
モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSかWindows用Chromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ
これはnode.jsの時代が来るか！？全て揃ったnode.jsフレームワーク·Tower.js MOONGIFT
Tower.jsはフルスタックのnode.js用Webアプリケーションフレームワークです。 こ、これはやばい…。ついにnode.jsの時代が来るかもしれない、そう感じさせるWebアプリケーションフレームワークがTower.jsです。 インストールはnpmで簡単にできます。 まず新しいアプリケーションを作成します。 Scaffoldで簡単にコントローラ、モデル、ビューを生成。 生成された際の構成はこんな感じです。 towerコマンドのオプションです。 Webサーバを立ち上げ場合です。 Tower.jsはMongoDBをデータベースに、Redisはバックグランドジョブ、CoffeeScriptをメインの記述に使いつつ、Jasmineをテストフレームワーク、jQueryも使えるフレームワークです。メール、マイグレーション、MVC、RailsばりのO/Rマッピング、バリデーション、ルーティング、B
幸福と成功の意外な関係
幸福と成功の意外な関係 (TEDTalks) Shawn Achor / 青木靖 訳 2011年5月 私が７歳で妹が５歳の時、２段ベッドの上で一緒に遊んでいました。当時私は妹より２つ年上で･･･今でも２つ年上ですが･･･当時は何でも私が仕切っていて、戦争ごっこをすることになりました。それで２段ベッドの上で、一方の端には私のG.I.ジョーの兵士と武器が並び、もう一方には妹のマイリトルポニーが騎馬突撃に備えていました。 あの日の午後起きたことに関しては見解の相違があるのですが、今日この場に妹は来ていないので、皆さんに真実をお話しすることにしましょう。(笑) 妹はすこしばかり不器用なところがあって、兄が押しも何もしていないのに突然ベッドの上から姿を消し、床に落下しました。妹に何が起きたのか恐る恐るベッドの脇から覗いてみると、妹は四つん這いで痛々しく着地していました。 私は不安になりました。危ない
無料でAndroid向けに使える1万5000種類のベクターアイコン集
メニュー、通知バー、ダイアログ、リストビューなどで使われるAndroidのアイコンを1万5000種類も詰め込んだセットが配布されています。アイコンのサイズはAndroidのユーザーインターフェイスガイドラインにのっとって3種類用意されています。 Android icons アイコンのキャンバスサイズは512x512、その中にアイコンが426x426で収まっています。 収録されているアイコンの一例はこんな感じ。 最下部の「Download Now」ボタンをクリックするとアイコンセットがダウンロード可能です。 ダウンロード時にはメールアドレスが必要となります。 アイコン集の中身。フリー版の場合、メニュー用とダイアログ用の2種類だけが利用可能で、フォルダ名に「only_in_comercial」と書いてあるものは中身が入っていません。 リストビュー用のアイコンなども利用したいという場合には19ド
Astand：サービス終了のお知らせ
Astand終了のお知らせ 朝日新聞社「Astand」は、2023年7月でサービスを終了しました。 朝日新聞社が有料で提供する情報サービスの配信サイト Astand（エースタンド）は、各サービスの終了にともない2023年7月31日をもちまして閉鎖しました。 今後は、朝日新聞社が運営するニュースサイト「朝日新聞デジタル」をご利用いただきますようお願い申し上げます。朝日新聞デジタルのコンテンツはこちらでご案内しております。 https://digital.asahi.com/info/about/ なお、朝日新聞社のオンライン共通ID 「朝日ID」は引き続きご利用いただけます。 https://id.asahi.com/asahiID/asahiID_site.html
CTA：ウェブサイトの成功を決定するたった一つの要因
CTA：ウェブサイトの成功を決定するたった一つの要因 ウェブサイトの成功は何で決まるだろうか？集客した人数？訪問者が過ごした時間の長さ？素晴らしいコンテンツを通じて多くの人を引き付け、美しいプレゼンテーションでどれだけの信頼を獲得しても、訪問者を顧客に変えることが出来なければ何の意味も無い。では、訪問者の顧客化において、ウェブサイトの成功と失敗を分けるたった一つの要因とは何なのか？ 成功するウェブサイトは多くの訪問者に最も重要なビジネスゴールを達成するアクションを取らせる事ができる。説得力のあるCTA（コールトゥアクション）が存在する場合にのみ、訪問者は自らの意志でアクションを取る。ウェブサイトがパフォーマンスを発揮出来無い主な理由はここにある。多くのウェブサイトは単にCTAを欠いており、訪問者がアクションを取る手段を与えていない。他はCTAが弱く、アクションを喚起出来ずにいる。ウェブサ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これが無料とは！ スマートフォン向けサイトやアプリのワイヤーフレームを作成するソフトウェア -Prototyper
Shelve - Cool Hunting
iCloudより快適？ パーソナルクラウド「Pogoplug Mobile」を試す - 日経トレンディネット
「最初の夜の備えを」―モンベル創業者の“サバイバル思想” - 日経トレンディネット
アスパラと豚肉の中華風ピリ辛炒め♪ by りこぴんmama
タイポグラフィ あのねのね＊017 | 花筏
Facebookにログイン
福島第一原発事故直後の緊迫の10日間の真実を追った、迫真のドキュメンタリーを観て