SVGをbase64(URIスキーマ)のコードに変換してくれるコード 『SVG-encoder』 | 9ineBB
SVGの画像データをbase64の画像データに変換してくれるものです コードをPaste SVG code に貼り付けるだけで、即座に下の方に Take Code に表示されます javascriptを使ってクライアントサイドで変換の処理が行われています 出力されたものは CSSのbackground: url(data:image/svg+xml:utf8, ここにコード); imgタグの src=”data:image/svg+xml:uft8, ここにコード” このようにしてインライン画像として使うことが出来ます ちなみに SVG画像はどんなに拡大しても画質が下がることはないですよ javascript var doc = document; var initTar = doc.querySelector("#init"); var resTar = doc.querySelecto
【保存版】アツイ視線が集まる激戦区!女性向けWEBメディア50選｜エムハンドブログ｜大阪のホームページ制作会社｜創業21年のエムハンド
紙媒体の時代から、激戦を繰り広げてきた女性系メディア。ネット上でも、2014年後半からさまざまな女性向けメディアやサービスが、怒涛の勢いで登場しています。その中でも、とりわけ伸びの目立つ領域として、フリマ系、コーディネート系、ビューティ系、キュレーション系、そしてWebマガジン系があります。 今回は、これらの各カテゴリで展開されるメディアやサービス（スマホアプリ含む）を総チェック！SimilerWebとXyoのデータから、2015年現在の普及度合いも推測できるようにしました。女性向けのオウンドメディアを企画している、女性メディアに広告出稿したい…などという時の情報源として、ぜひご活用ください！ 【データの取得について】 SimilerWebでは、TOPページのURLを入力しGlobal Rankを取得しました。 Xyoでは、iPhone・Androidそれぞれのアプリダウンロード数を調べて
ブレインパッド社インタビュー：Rtoaster UI改善プロジェクト秘話 | Goodpatch Blog
Goodpatchは、2012年12月より、ブレインパッド社のRtoasterという「Webプラットフォーム／レコメンデーションエンジン」のUI設計、デザイン制作、フロントエンド開発に携わっています。このたびリニューアルが完了したこともあり、プロジェクト中のワークフローやユーザーインタビュー、使用したフレームワークなどについて、当時を振り返りながらお話を伺わせていただきました。 今回インタビューを受けてくださった会社 株式会社ブレインパッド ブレインパッド社は、2004年の創業以来「ビッグデータ」という言葉が世の中に広まる前から、大量データの分析を通じてクライアント企業の意思決定支援に取り組んでいます。現在、金融・小売・メーカー・サービスをはじめとする多数のクライアント企業に対し、データ分析およびその関連サービスのパイオニア企業として、分析業務支援からデータ活用のためのソリューション提供ま
TechCrunch | Startup and Technology News
Live Nation says its Ticketmaster subsidiary was hacked. A hacker claims to be selling 560 million customer records. An autonomous pod. A solid-state battery-powered sports car. An electric pickup truck. A convertible grand tourer EV with up to 600 miles of range. A “fully connected mobility device” for young urban innovators to be built by Foxconn and priced under $30,000. The next Popemobile. Ov
UIだけでもデザインできる理由
UI（ユーザーインターフェイス）は、いつの頃からか魅力的な視覚要素が含まれた GUI として語られるほうが多くなりました。これはある種、デザインを装飾としてのみ捕われてしまう状況と似ているところがあります。 では、ユーザーインターフェイスとは一体何なのか。スケッチしてみました。 昔からあるデスクトップでも、Google Glass のような未知のデバイスでも、人とコンピュータの関わりは必ずといっていいほど発生します。 人が何かをインプットすることで、コンピュータは処理したデータをアウトプットして人に伝えます。ユーザーインタフェイスとは、人のインプットを助長したり、コンピュータが処理したデータを人が理解できるようにアウトプットする役割を果たします。つまり、人が操作するコンピュータとの関わりを円滑なものにするのがユーザーインターフェイスの基礎と捉えることができます。UI を HCI (Huma
HTML5 × CSS3 × jQueryを真面目に勉強してみる – #2 WebStorage | DevelopersIO
そんな訳で、HTML5のWebStorageに触れてみることにします。 ※WebStorageと一言で言っても、セッションストレージとローカルストレージがある訳ですが、今回はローカルストレージに焦点を当てていきます。 前置きのようなもの ネイティブアプリケーションの持つアドバンテージのひとつに、アプリ特有のデータや状態を永続的に保存できるというのがあります。 その方法は、iniファイルやXMLファイルなど、いくつかの種類があります。 対するWebアプリケーションは、Cookieをローカルストレージとして使うのが長らく一般的とされてきました。 しかしこれには以下のような欠点があります。 CookieはすべてのHTTPリクエストに含まれる そのため不要なデータを毎回送信してしまうので、Webアプリケーションのパフォーマンス低下を招く SSL状況下でない限りデータが暗号化されないので、何かと危な
プロ・ブロガーの僕が新MacBook Airに即インストールした「使えるアプリ」30選！
20. MindNode Pro MindNode Proはマインドマップ作成用アプリ。 iOS版と共有できる。 僕は書籍の企画を考える時は必ずMindNode Proを使っている。 最初手書きでノートに書き殴ったアイデアを、MacのMindNode Proでマインドマップにする。 MindNode Proが素晴らしいのは、RTF形式でアウトラインをエクスポートできること。 完成したマインドマップをRTFでエクスポートしてPagesで開くと、そのまま企画書の目次構成案になる。 最高です。 MindNode Pro 1.8.1（￥850） カテゴリ: 仕事効率化, ビジネス 販売元: IdeasOnCanvas GmbH – IdeasOnCanvas GmbH（サイズ: 3.5 MB） 全てのバージョンの評価: （30件の評価） 21. OmniFocus OmniFocusはプロジェクト
ドラッグ＆ドロップでアイテムを移動できる階層ツリー実装jQueryプラグイン「Nestable」:phpspot開発日誌
ドラッグ＆ドロップでアイテムを移動できる階層ツリー実装jQueryプラグイン「Nestable」 2012年07月19日- Nestable ドラッグ＆ドロップでアイテムを移動できる階層ツリー実装jQueryプラグイン「Nestable」。 次のような綺麗なリストを下位の海藻までドラッグ＆ドロップで自由に移動できる所がポイント。 jQuery使っているとはいえ一から実装すると大変そうですが、簡単に実現できてしまいます。 折りたたみも可能です 階層データをJSONで吐き出すこともでき、データの保存も簡単。またそのデータを元にツリーの描画も可能ということで便利。 関連エントリ ブラウザ上でサインを書けるjQueryプラグイン「jSignature」 ページめくりを実現するためのjQueryプラグイン集 レスポンシブなカルーセル実装jQueryプラグイン「Slastislide」 アイテムを浮遊
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
色見本のPANTONEより2014年の流行色は『Radiant Orchid』に決定
株式会社ブランディングワークス｜Web・SEO・ブランディングを総合支援
NHK番組API