Fluid – Turn any webpage into a real Mac App
Version 2.1. Just a svelte 6.3 MB download. Requires Mac OS 10.12 or later. Web applications like Gmail, Facebook, Campfire and Pandora are becoming more and more like desktop applications every day. Running each of these web apps in a separate tab in your browser can be a real pain. Fluid lets you create a Real Mac App (or "Fluid App") out of any website or web application, effectively turning yo
ブラウザ別ボーダーの表示差 一覧表
こんにちは。 溝上です。 主にCSSの基本や、初歩的なことを担当しますが、 今回はある案件でCSSコーディングをしていた時、 どうしても気になった部分があったため、borderのプロパティ(線種)について分析しました。 ※プロパティ分析とは、CSSの各プロパティを調べ、 使用する上での注意点や、対策などを紹介しようというものです。 それではプロパティ分析の第一回目、「ブラウザ別ボーダーの表示差 一覧表」です。 今回使用するプロパティは「border」です。 borderはその名前のとおり、指定した要素の周りを線(border)で囲む、 というものです。 画像の周りを囲んだり、各要素のまとまりを分かりやすくするためによく使います。 また線の種類も8種類もあり、なかなか使いやすいプロパティです。 (inherit、hidden、noneも含めれば11種類ですがここでは割愛します。) しかしこの
シンプルなiphone,ipad,ブラウザのワイヤーフレーム用テンプレートセット
皆さんはサイトを設計する際にどのようなフローを行っているでしょうか？今日紹介するのはサイト構築の初期の設計時に利用できる、シンプルなiphone,ipad,ブラウザのワイヤーフレーム用テンプレートセットを紹介したいと思います。 それぞれのテンプレートでプロジェクトネーム、スクリーンネーム、ノートなど実務で利用しやすいようなテンプレートになっていて。実機。ブラウザの部分にはドットなども入れられており、制作者サイドにたった校正となっています。その他のテンプレートは以下からご覧ください。 詳しくは以下 こちらはiphone,ipad,ブラウザの三種のテンプレートがセットになっていて、pdfで配布されておりますので、印刷して利用するのも便利です。ワイヤーのラフを書く際にもっとイメージを実機やブラウザに近づけた状態で行いたいという方は是非どうぞ。 iPhone, iPad & Browser Wir
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
嫌われまくりのIE6の現状と仲良く付き合う方法
2017年7月14日 Web関連記事, 便利ツール TwitterでWeb屋さんのつぶやきを見ていると「IE6のせいで…」「IE6さえなければ…」なんて声がよく聞こえてきます。産みの親からも見放されつつあるInternet Explorer 6。一体なぜここまで嫌われているのか？どれほどの人が涙を流してきたのか？そんなIE6と付き合っていく方法は？IE6にまつわる情報を簡単にまとめてみました。 ↑私が10年以上利用している会計ソフト！ IE6のシェア 2001年に世にリリースされたInternet Explorer 6。通称IE6。リリースされて10年たった今も色んな意味で話題のこのブラウザーを使っているユーザーは現在どれくらいいるのでしょう？ マイクロソフトが（！）IE6撲滅のため「Internet Explorer 6 Countdown」というサイトで世界中でIE6がどれくらい使われ
【レポート】Xmarksにかわるブックマーク同期サービス10 | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers ブックマーク同期サービスXmarksがサービスの終了を発表したことで、既存のXmarksユーザは代替えを探す必要に迫られている。Google ChromeブックマークやFirefox Syncと異なり、Xmarksは複数のブラウザの間でブックマークの同期を実施できたという特徴がある。またブックマーク以外のデータも同期可能であったため、複数のOSで複数のブラウザを使うようなユーザにとって、Xmarks以外の代替え案を探し出すのはなかなか大変だ。 こうした場合に参考になる記事がSitePointに10 Xmarks Alternatives for Bookmark Syncingとして公開されている。Xmarksに代わるブックマーク同期サービスを紹
いっつも世界最速！ ブラウザ専門会社Operaの日本代表にインタビュー！
いっつも世界最速！ ブラウザ専門会社Operaの日本代表にインタビュー！2010.10.01 23:00 以前ギズモードに掲載されたFirefoxのインタビュー記事に触発されて、Opera広報の斉藤さんから｢うちも是非取材してほしい！｣と言われて先日インタビューに行ってきました。 Operaはブラウザを作る専門の会社として、世界で唯一の存在です。そのことをインタビューを通じてまじまじと実感させられましたよ。 今回お話を聞かせてくれたのは、Opera日本オフィス代表の冨田龍起さんとOperaウェブ エヴァンジェリストのダニエルデイビスさんのお二方です。 ギズモード（以下ギズ）：Operaが生まれたきっかけを教えて下さい。 冨田龍起（以下冨田）：Operaはノルウェー最大の通信会社Telenorから独立したプロジェクトです。日本で言うNTTのような会社ですね。インターネット初期の94年から始ま
各種ブラウザの機能拡張を共通化·FireBreath MOONGIFT
FireBreathはFirefox/Google Chrome/Safari用のオープンソース・ソフトウェア。ITの世界ではメタ化と分散化が絶えず繰り返されている。類似のサービスが多数乱立してそれらをまとめあげるメタサービスが登場し、さらに特化していくと言った具合だ。 Mac OSXの場合、XCode用のコードが生成される Webブラウザについても同様だ。かつてはNetscapeの独壇場だったが、IEによって一気にシェアを奪われた。IE優勢の中、Firefoxが登場し、ついでSafariやChromeもシェアを伸ばしている。そんな中登場したのがFireBreathだ。 FireBreathが目をつけたのは各ブラウザが備えている機能を拡張する機能だ。Firefoxであればアドオン、SafariやChromeも機能拡張を備えている。しかしこれらは仕組みが同一ではないため、個々に開発を行う必要
ブラウザを使ってP2Pでファイル共有できるサイト「dushare」*二十歳街道まっしぐら（FC2ブログ時代）
「dushare」はブラウザごしにP2Pでファイルをシェアできるサイトです。 友達とかと1対1でファイルの共有をしたい方におすすめ。 専用のキーが発行され、キーを知っている方とファイル共有ができます。 チャット機能もついてたり。 以下に使ってみた様子を載せておきます。 まず「dushare」にアクセスします。 まず送信者側から。 「Send a file」をクリックして、送るファイルを選択します。 すると、このようにリンクが生成されます。（シャープ以降がキーになります） キーをメモ。 受信者は、「Claim a file」をクリックして、キーを入力します。 すると、P2Pで二者がつながり、ファイルの送受信が開始します。 送受信中、チャットもできますよ～。 ファイルの送受信が完了したら、「Save」をクリック。 忘れずに「Save」しましょう。保存するフォルダを選択できます。 ブラウザだけで
High-res browser logos - Paul Irish
You may want these for a presentation, a, blog post or for the site featuring your brand new awesome lightbox script (please no!). They are 32bit PNGs, each have their own official shadow treatment, and no background matte color. Head to: github.com/alrra/browser-logos Includes much more than the standard five browsers. 2011.04.13: new chrome, chromium and IE9 logos! (i’ll better integrate these l
ブラウザ上で動作するOSのまとめ:phpspot開発日誌
Big WebOS roundup - 10 online operating systems reviewed at franticindustries - web 2.0, social networking, IT technology trends. ブラウザ上で動作するOSのまとめ。 Ajaxが登場して以来、いろいろと出てきたWebOSを見てみましょう。 Craythur Desktoptwo EyeOS Glide Goowy Orca Purefect SSOE XinDESK YouOS なかなか面白いサービスが多く、JavaScriptで実装しているUIについても見るだけで参考になる部分がありそうです。
ブラウザ上で画像やテキストを自由に編集する方法 | P O P * P O P
ご存知の方も多いかと思いますが、ご存知ない方のためにちょっとしたTipsをご紹介。Internet Explorer5.5以上限定ですが。 Webサイトをブラウザ上で自由に編集できてしまうテクニックです。やり方は簡単。下記のJavaScriptをアドレスバーに打ち込むだけ。 javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 こんな（↓）感じです。 ドラッグ＆ドロップで画像を動かせる他、テキストも自由に書きかえることができます。これはコンテンツをブラウザ上で編集できる「contentEditable」というタグを活用したTipsですね。 » contentEditableについて スクリーンショットを取る時にいらない画像を簡単に消したりできるのは便利かも。diggからの情報でした
upskirt - ひとつ上のセルフマネジメント
キジ焼き丼とおばんざい シンプルな我が家の定番のおばんざいたち 赤梅酢の新生姜漬け 昨夜は香ばしいきじ焼き丼に添えて。大きめにカットした鶏とししとうを魚グリルでこんがり焼く。 タレをつけながら煙モクモク、焼き鳥屋さんみたいな香ばしい香りがキッチンいっぱいに広がります 磯の味も…
Ajaxを活用したブラウザ上でWYSIWYG編集できるCMS「Authenteo」:phpspot開発日誌
Build your website with freedom, Authenteo delivers web content management without limits Authenteo is now in beta! Try out Authenteo now and sign up for a free trial and send us your comments and bug reports or just email us if you want more information. Ajaxを活用したブラウザ上でWYSIWYG編集できるCMS「Authenteo」。 次の図のように、アイテムをドラッグアンドドロップで移動したり、その場で文字を編集したりするWYSIWYG編集が可能です。 Google PageCreatorに似たツールで、サーバホスティング型になって
サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論 [絵文録ことのは]2006/11/25
このブログの本文の横幅は、かなり狭い。それはなぜか。 結論から言えば、「ブラウザで見るときの実際の横幅」と「印刷可能な横幅」の二つの要素が大きな要因となっている。画面そのものはかなり広くても、実際に見るサイズ、そして印刷したときにはみ出ないサイズというのは案外小さい。 このことを実際の統計数値を交えて書いてみたいと思う。 ■画面の広さ 以前の旧デザインでは、横幅を指定せず、可変幅で表示していた。たとえばここなどを見てもらえばわかるが、ブラウザを小さくすればそれに応じてサイズが縮まる。したがって、どんな幅のブラウザでも（狭すぎると困るが）はみ出ることはないし、また、印刷するときにもきちんと印刷される。画面上で見るときの「横スクロール」というのは想像以上に鬱陶しい。 だから、可変幅というのは、ある意味、無難な正解といえる。 ■一行の長さは40字前後にしたい しかし、画面そのものがかなり大きくな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Free Photoshop browser templates for webdesigners and screendesigners | webdesignerstoolkit.com
ファーストビューは何pxまで？ ブラウザの表示領域サイズ5年間の変化を大公開 | 初代編集長ブログ―安田英久
IDEA * IDEA
[CSS]CSS3のブラウザごとの指定方法のまとめ
ドメインパーキング