手軽に、テキストからマインドマップを作成できるオンラインサービス -Text 2 Mind Mapテキストからマインドマップを簡単に作成できるオンラインサービスを紹介します。 日本語でも文字化けしませんでした。 Text 2 Mind Map [ad#ad-2] マインドマップの生成 Text 2 Mind Mapを利用するには、登録など面倒なことは一切不要です。 下記のように、タブでインデントをつけたテキストを入力するだけです。
ボタンやインフォボックスなどを集めたＵＩパーツのPSD:phpspot開発日誌
Freebie: Massive Web UI & Button Set | MediaLoot ボタンやインフォボックスなどを集めたＵＩパーツのPSD。 次のようなデザインのＵＩパーツキットがダウンロード可能です。 サイトにあてはめてより分かりやすいデザインにするために活用できそう PSD形式なので色は自由に変えられます 関連エントリ クオリティの高いUIパーツのPSDファイルを日替わりで「365psd」 ボタンやフォーム要素、シールなどWeb2.0っぽいUIパーツ集 Extバリの超クールなUIを提供するJavaScriptライブラリ「Jx Library」
デザインとか加工とか出来ないからなんかいいの教えて、と言われて教えたツールいろいろ - かちびと.net
友人がブログを始めたのですが、 Web制作もデザインも全く経験が 無いけど、普通な感じがすごく嫌 らしく、知識が無くても加工出来る、 とか良いサイトとかソフトは無いのか、 と聞かれて教えたWebサービスや ソフトが、同じ境遇の方に役立つかも と思って記事にします。 普通に写真や画像を掲載するのではなく、ちょっと個性的な感じにしたい、出来れば無料がいい、でも自分でデザイン作業は出来ないから良いサイトとか無い？とのことでした。 どうしたいのか良く分からなかったので、あんまり一貫性は無いんですが、教えたのは画像加工ジェネレーターとかそういうのです。いくつか提案した中で、友人が喜んでたサイトだけまとめてみます。 BeFunky 画像を加工するジェネレーター。レトロっぽくしたり油絵っぽくしたり。エフェクトも豊富です。 BeFunky flauntR これも加工ジェネレーター。エフェクト以外にフレーム
HTML5のスゴさが一目で分かる「HTML5で遊んでみたクエスト」が面白い
ブラウザがゲーム機になる日も近いのかもしれません 現在、ブラウザ上でゲームなどを遊ぶ場合にはFlashなどの外部プラグインがほぼ必須となっていますが、次期HTML（HTML5）ではこれが不要になるかもしれません。 あまりピンと来ない人は、こちらの「HTML5であそんでみたクエスト」をぜひ遊んでみてください。どこかで見たようなタイトル画面、名前入力画面に続いて、やっぱりどこかで見たような戦闘画面が表示されますが、面白いのはここから。なんとコマンドを入力するかわりに、ローカルの画像をブラウザに直接ドラッグ＆ドロップすることで戦うんです。 画像がJPEGなら「たたかう」、GIFなら「まほう」、PNGなら「かいふく」といった具合に、ドロップした画像の拡張子によってコマンドが変化。画像はデカければデカいほど強く、あまり小さいとはね返されてしまってダメージを与えられません。ドロップした画像がそのまま戦
webページを綺麗にpdfにしてくれる、至れり尽くせりな"Web2PDF"。 - あまたの何かしら。
http://www.web2pdfconvert.com/ 久しぶりの当たりでしょうか。日本語でもちゃんと使えるし、なにより拡張が揃っているのがいいですね。 URLを入れて Convert to PDFってすれば、PDFの完成。 様々あるサービスの中でもここの特殊なところは、設定があること。 Images Compression Level 画質の設定。数字が小さいほど高画質。 PDF Page Size PDFのサイズを決められる。デフォルトではA4。 PDF Page Orientation 縦（Portrait）か横（Landscape）か。 PDF Document Margins (mm) 余白。 Date and URL Stamp 「Created by Web2PDF Converter at 日時, URL: ページのURL 」っていう文字がPDFについてくる Enab
手書き風のWebデザインを作りたい時に役立ちそうなフリー素材やデザイン例まとめ - かちびと.net
個人的に大好物の手書き風な Webデザインを作りたい時に 役立ってくれそうなフォントや テクスチャ、アイコンなど、無料 のリソースをメモしておきます。 手書き風と言っても色々あるのでこのまとめは偏ったものになっているかも知れません。参考程度にして頂ければ幸いです。全ては掲載出来ないので個人的に好みのリソースを厳選します。 日本語フォント ふい字 かなり使用条件を緩くしてくれている有名な手書きフォント。 ふい字 みかちゃんフォント こちらもかなりオープンに配布してくれています。 みかちゃんフォント あんずもじ 縦書き用も含まれています。こちらも有名なフォント。 あんずもじ ひま字 基本的には商用でも利用可能ですが、よく規約を読んで。可愛くて使いやすいです。 ひま字 ミウラ Liner ジュニア 漢字もがっつり入った素敵なフォント。 ミウラ Liner ジュニア 衡山毛筆フォント 著作権を放棄
jQuery Fubar – How To Create A Website Toolbar From Scratch And Add Widgets To It | AddyOsmani.com | Where Web Businesses Grow
Over the past year, we’ve seen website toolbar’s become an increasingly popular way for site-owners to offer users a consistent set of powerful social features, regardless of what page they’re on – Share, Subscribe, Tweet, Talk – you name it and chances are there’s a toolbar out there that offers some variation of these features. Facebook were one of the first companies to introduce this toolbar c
タイムマネジメントに特化したWebツール「Colorhat」 : ライフハッカー［日本版］, 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア
メンバーへのタスクのアサインから、プロジェクト全体の進捗管理・オンラインコミュニケーションまでワンストップで実現できる『Colabolo』や「Zoho Projects」は、比較的大規模なプロジェクトのマネジメントには適していますが、普段のタスクマネジメントにはちょっと機能過多の印象も...。こちらでは「どのタスクにどれだけの時間を費やしたか？」というタイムマネジメントに特化したウェブツール「Colorhat」をご紹介しましょう。 「Colorhat」はタイムラインを使って、タスクに取り組んだ時間を記録できるツール。15分刻みでの入力が可能で、開始時刻と終了時刻を設定すれば、自動的に時間を計算して表示してくれます。記録データは週ごとにレビューできる仕組みになっており、棒グラフで一覧化したり、円グラフでタスクごとの時間割合を表示することも可能です。日本語にも対応しているようですよ。 「Col
お勧め！使い勝手の良いSubversion管理フロントエンド·Submin MOONGIFT
Gitをはじめとした分散バージョン管理システムが流行っているが、システムの現場ではまだまだSubversionの利用が多いことだろう。そしてこれから新たにSubversionのサーバを立てようと考えている会社もあるかも知れない。 WebベースのSubversion管理インタフェース そのような方々にお勧めしたいソフトウェアがある。WebベースでSubversionの管理ができるSubminだ。 今回紹介するオープンソース・ソフトウェアはSubmin、Pythonで作られたSubversion管理フロントエンドだ。 Subminのお勧めできる点として、格好のいいインタフェースがある。ユーザの作成、グループの作成そしてリポジトリの作成と全てWebベースで行える。インストールさえしてしまえば、ターミナルを使ってメンテナンスすることはまずなさそうだ。色合いなども何となくApple純正のソフトウェア
短時間でリッチな資料に――PowerPoint作成がラクチンになるWebサービス
自分で言うのもなんだが、わたしはPowerPointをかなり使い込んでいる。しかし限りある時間の中で「見た目に割ける時間はそれほどない」人も多いだろう。そんな時はWebサービス「Cacoo」を使ってみるといい。 自分で言うのもなんだが、わたしはPowerPointをかなり使い込んでいる。提出書類だけでなく、これまで出してきた数冊の書籍も図解を含め、すべてPowerPointで作成してきた。（※最終的にはデザイナーがInDesignなどの印刷用のソフトで構成し直している） PowerPointのオートシェイプ群をいろいろ組み合わせて、一見Photoshopで作成したようなリッチなものも作成できる。ちなみに、下記の画像はそうしたものの1つ。立体的なパーツだ。PowerPointの基本パーツだけを使って、うまく作成しているのが分かるだろうか。 と思う人も多いだろう。確かにグラフィックパーツにこだ
背景画像の表示方法-基本編
今回は、「角が丸い背景（角丸）の実現方法」をご紹介していきます。 サイドメニューや、コンテンツをグループ毎に表示する際など、 角が丸くなっている枠で囲まれているページを見たことがあるかと思います。 この角が丸くなっているボックスのことを通称「角丸」といいますが、 みなさんはこの角丸をどのようにコーディングされていますか？ css3では、角を丸くするスタイルや １つの要素に複数背景画像を設定することができますが、 まだ策定段階（対応していないブラウザがほとんど） のため、今回は触れません。 角丸の実現方法はいくつかあると思いますが、 私からは下記の3パターンご紹介します。 ・分割なし ・2分割 ・3分割 （通常はこちらを使用） 「分割なしのパターン」 これは、普通に背景に設定するだけのパターンです。 （htmlコーディング例） <div class="entry1"> テキスト<br />
MOONGIFT: � オープンソースのCalDAVサーバ「DAViCal」:オープンソースを毎日紹介
GoogleカレンダーではCalDAVがサポートされるようになり、各種カレンダークライアントからそのデータを操作できるようになった。単なるiCalファイルとは異なり、更新や削除、イベントの追加ができるというのは便利だ。 必要なときはiCalやThunderbirdから、遠隔地からはWebからと必要に応じてクライアントが選択できるのは利便性が高い。そんな環境をオープンソースでも実現してくれるのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはDAViCal、PHPベースのCalDAVサーバだ。 DAViCalはPHP+PostgreSQLという組み合わせで提供されるソフトウェアだ。サンプルデータも取り込むと自動的にユーザが作成され、すぐに試すことができる。Webベースの操作は主に管理向けで、カレンダーデータのやり取りは各種クライアントソフトウェアから行う。 特にクライアントを
もうIEで泣きたくない！IE6,7,8 でのCSS対応度の違いをまとめてみた：ekakou フリーフォント/Photoshop
（CSS Differences in Internet Explorer 6, 7 and 8） 日々、Web制作者の頭を悩ませている。Webの異端児IE。 本日は、IEのバージョンごとのCSS対応度の違いをまとめたエントリー『CSS Differences in Internet Explorer 6, 7 and 8』をいくつか紹介します。 詳しくは以下から、 セレクタと継承 子供セレクタ 例 a:hover span { color: #0f0; } 解説 子供セレクタは、特定の要素（例：body）を直接親とする任意の要素（例：p）にマッチします。 例では、bodyが親でpが子供です。 参考：子供セレクタ - セレクタ - CSS2リファレンス サポート
PHP SimpleXML | @blog.justoneplanet.info
以下のXMLを使用してサンプルコードを解説する。 <?xml version="1.0"?> <library> <book isbn="0111222333"> <title>She sells seashells</title> <author>Emily</author> <publisher>store</publisher> </book> <book isbn="0123456789"> <title>Eight apes ate eight apples</title> <author>John</author> <publisher>shop</publisher> </book> <book isbn="9876543210"> <title>Strike</title> <author>Mike</author> <publisher>shop</publisher>
AcidテストとWebブラウザの仕組み（1/2） － ＠IT
Webブラウザ非互換性の温床となったのは何か？ 株式会社ピーデー 川俣晶 2008/7/3 Ｉｎｔｅｒｎｅｔ Explorer 8.0やFirefox 3.0で注目されるWebブラウザ。いまこそ、復習しよう。Webブラウザの非互換性の発生源は何だったのか？ （編集部） Webブラウザを総復習 Internet Explorer 8.0のベータ版が提供され、Firefox 3.0が正式リリースされるいま、Webブラウザをめぐる状況は再び激動しようとしています。 ここで、私たちWebブラウザのユーザーは、新しく提供されるWebブラウザのどれを使うべきか、あるいは、従来どおりのWebブラウザを使い続けるか、選択を行う必要に迫られます。 しかし、いまの私たちは、Webブラウザ選びを行うために必要な基礎知識を本当に持っていると、自信を持って断言できるでしょうか? そんなことは分かっている、と思うかも
様々なフリーベクターデータがダウンロードできる「Vectors on Fire」
TOP > Design , vector > 様々なフリーベクターデータがダウンロードできる「Vectors on Fire」 グラフィックデザインをする上で非常に便利なベクターデータ。様々な現場で活躍していますが、今日紹介するのはそんな便利なベクターデータの素材がダウンロードできるWEBサイト「Vectors on Fire」です。 バックグラウンドやイラストレーションから超リアルに表現された金魚といったかわったものまで様々なベクターデータが用意されています。いくつか公開されていますが、今日はそのなかからいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Paper Clips and Papers by Masseva (8 Icons) クリップなどのリアル目なベクターデータ素材です。License: Free (terms of use). ■Happy Bu
【特集】詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 (1) 本特集の趣旨 | エンタープライズ | マイコミジャーナル
本特集は、HTML 5の仕様や実装状況に関する現時点での最新レポートとして、実際に動作するサンプルを添えた詳細な解説をお届けするものである。特集の後半となる今回は、Webアプリケーションを作成するにあたって有用な、JavaScript APIを中心として取り上げる。今回紹介する内容は以下の通りだ。 アプリケーションキャッシュ クロスドキュメントメッセージング Web Workers Web Storage Web Database Web Sockets Geolocation API HTML5で新しく導入されたタグなどに関しては、前回の特集を参照していただきたい。 今回調査対象としたブラウザは、前回と同じく次の通り。ベータバージョンも含めた最新のバージョンをチョイスした。Internet Explorerについては、最新バージョンの8でもHTML 5への対応があまり進んでいなかったため
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.themeflash.com/50-brilliant-web-design-interface-from-deviantart-in-september-2010/
ウェブデザインをカテゴリ毎にコレクション「MephoBox」 - ネタフル
みんなで作るWEBデザイン参考集「ブックマ！」
