mashupaward.jp
Updated 2007.01.21 / Published 2007.01.21 文字参照(character references)には、文字実体参照(character entity references)と数値文字参照(numerical character references)の2種類があり、これら文字参照はHTML等のマークアップと特殊記号とを区別するためや、キーボードでは直接入力できない記号を入力するのに用います。ここではHTML4とXHTML1.0に定義されている文字実体参照と数値文字参照を掲載しています。 なお、文字参照が表示される・されないはOSやUA、そして設定されてるフォントなどの環境に依存します。代表例としては、XHTML1.0より新たに加えられたアポストロフィ（文字実体参照「'」、数値文字参照「'」）については文字実体参照で表記してしまうと、
鉛筆と紙のようにスタイラスとiPadを使う。そんな使い心地を実現しているのが、Fifty Three社が開発したその名も「Pencil」。 鉛筆のようなデザインはもとより、鉛筆部分で描き、上下をひっくり返すと、その反対側で消すことができるという消しゴム付きの鉛筆のような使い勝手を体感することができるのだそう。 対応のアプリは、同社の人気アプリ「Paper」。こちらは、2012年のAppleのiPadのベストアプリの1つに選ばれ、子どもから建築家までが使っているという人気アプリ。 このアプリ上では、手とPencilが区別され、画面上に手を置いても、不必要な線が引かれてしまうことはないのだそう。また、描いた線の上を指でこすると、ぼやかすことができるようになったりと、Pencilと指を両方ともツールとして使うことができるんですって。 絵を描く時に、ストレスなく描けるだけでなく、できることがグッと
PV を見て思わず Amazon で衝動買いしてしまったロボティックボール Sphero 2.0 が楽しすぎる。 こちらがその PV です↓ Amazon で購入したら翌日には届きました。 ブルーのカバーも合わせて購入↓ こういうガジェットにありがちな英語の説明書一枚にテキトーな包装でくることを予想していたら、思いのほかちゃんとした立派な箱でびっくりしました。しかもちゃんと日本語化されている。説明書もちゃんと数ヶ国語に翻訳されている。充電器のコンセントに差す部分も、だいたいどこの国にも対応できるよう4パターンくらい用意されたアダプタをつける方式で、すでにいろんな国で販売されている様子が伺える。 こどももいるし、結構荒っぽい使い方をしたいと思ったのであわせてブルーのカバーも買ったのだが、自由に変えられる本体の色がわかりにくいので、あとになって透明なカバーにすれば良かったと後悔。 blueto
映像奮闘記: ビットコインの知られざる技術的魅力とその可能性
概要 ご存知の通り，ビットコイン(Bitcoin)と呼ばれる謎の仮想通貨が今世界中で大きな話題を呼んでいる．日本においてもその流れは例外でないものの，その話題の殆どがネガティブなイメージ（リンデンドルやチューリップの球根など）とともに報道されることが多い．しかしながら，これらの報道によってビットコインをただの投機先の一つと断定することは早計である．ビットコインがもつ本当の魅力は値段ではない．本当の魅力はビットコインの背後に隠れた優れたアイデアと，その可能性にある．本記事では，一般に語られるビットコインの値動きではなく，これまであまり知られていない，ビットコインが持つ別の可能性について簡単に紹介する． なお，本記事は読者が，ビットコインやネットワークに関する初歩的な知識を持つものとして話を進める．ビットコインについての概要はビットコインとは？，もしくはbitcoins.comが詳しい．また余
Webサーバーがレスポンスを発行する際に、HTTPレスポンスヘッダーに付けるとセキュリティレベルの向上につながるヘッダーフィールドを紹介します。 囲み内は推奨する設定の一例です。ブラウザによっては対応していないヘッダーフィールドやオプションなどもありますので、クライアントの環境によっては機能しないこともあります。 X-Frame-Options ブラウザが frame または iframe で指定したフレーム内にページを表示することを制御するためのヘッダーフィールドです。主にクリックジャッキングという攻撃を防ぐために用いられます。 X-Frame-Options: SAMEORIGIN DENY フレーム内にページを表示することを禁止（同じサイト内であっても禁止です） SAMEORIGIN 自分自身と生成元が同じフレームの場合にページを表示することを許可（他のサイトに禁止したい場合は主にこ
TOP > Design , Photoshop > デザインにクリエイティブな質感を与えるスクエアパターン素材集「30+ Creative Square Patterns To Inspire You」 Webデザインのように閲覧環境が限定されるプロダクトであっても、質感を高めることによってデザインに深みを与えてていくことができます。今回紹介するのはそんな質感を手軽に高めることができる、クリエイティブなスクエアパターンを集めたエントリー「30+ Creative Square Patterns To Inspire You」です。 Pattern / 5 Stones :: COLOURlovers カラフルなテクスチャや手作りの暖かみを感じられるものなど、多数のパターンが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。 Grungy Ab
細かなデザインパーツの作成には時間が掛かってしまうので、自身で作成したものを使い回したり、フリーのものをストックしたり、さまざま対処されていると思います。今回紹介するのはそんな時に是非利用して頂きたい、フリーアイコンセット「GICONS」です。 一般的によく使われるアイコンを中心に100種類以上を収録。PNGの画像データの他に制作データとなるPSDも収録されているので、素材としての使い勝手も良さそうです。 虫眼鏡マークやボタン類、ファイル系統やコントロールのUIに使えそうなものまで、多種多様なアイコンが収録されていますね。シンプルさ、分かりやすさを意識したデザインなので、どんなテイストにも合わせることができそうです。 個人での利用のほか、商用利用ももちろん無料。また、作者にリクエストをすることによってアイコンが追加されることもあるそうです。 GICONS
コンテナのサイズに合わせて自動的に画像をフィットさせる、というスクリプトのご紹介です。jQueryに依存しています。RWDなんかと相性良さそうですね。 コンテナに合わせてフィットさせる、というもの。似たスクリプトは既存しますので選択肢の一つとして。 サイズに応じて自動でフィットさせます。 ↑ こんな感じ。 $('.foo').imageFill();基本的にはコンテナをセレクタとして指定するだけ。 <div class="foo"> <img src="bar.png"> </div>そのコンテナの中に画像を含めます。楽でいいですね。 ライセンスはMITとGPLのデュアルライセンスとなっています。詳細は以下にて。 imagefill.js
PhotoJShop PhotoshopばりのフィルタをJSでかませるjQueryプラグイン「PhotoJShop」 画像をぼかしたり、シャープにしたり、エンボス加工したり、白黒・セピアにしたりとJavaScriptでブラウザ上で加工ができます。 若干重い処理になる場合もあるようですが、ブラウザ上で簡単にフィルタをかけられるのは便利かもしれませんね 関連エントリ 複数の画像を組み合わせて3Dっぽく回転できる「jQuery Interactive 3D」 画像、地図、動画等何でも埋め込めるクールでフラットでレスポンシブなLightBox「VenoBox」 線を描きながらギャラリーの画像を選択できるようにするjQueryプラグイン「Wrangle」 要素の背景画像を伸縮してくれるレスポンシブWEBデザインに必携のjQueryプラグイン「Wallpaper」 アップロードで簡単に画像をbase6
TOP > Design , Photoshop , vector > 【商用可】フラットデザインを取り入れたファイルアイコンのセット「FILE TYPE ICONS with Flat Design Style」 最近流行のフラットデザイン。目新しさに加えて、ファイルサイズも小さくなるのでスマートフォンなどの端末に適していると言われています。今回紹介するのは、そんなフラットデザインを取り入れたさまざまな拡張子のファイルアイコンセット「FILE TYPE ICONS with Flat Design Style」です。 Microsoft WordやXLSに代表される一般的な拡張子のファイルや、Photoshop、Illustratorといった、制作系で使われるファイルが数多く取り揃えられています。 Macをお使いの方であれば簡単にファイルアイコンを変更できるので、PC全体に渡って
個人でも商用でも無料利用できる、日本語のフリーフォント743種類を紹介します。 Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌まで、幅広く利用できる無料フォントが満載です！ 前年の686からフリーフォントが70種類くらい増えています！ ※サイト閉鎖などでかなりのフォントが減っています。気になったフォントはダウンロードできるうちにダウンロードしておくことをお勧めします。 本記事は定期的に、全フォントを確認して、更新しております。 初紹介のフォントから既存フォントも改めてリンク・ライセンスを確認しています（※情報はこの記事の執筆時のもの）。ライセンスはWebデザインだけでなく、同人誌や印刷物などでの利用も確認しました。 更新情報 2024/12/27: フォントを2種類追加 2024/12/25: フォントを14種類追加 2024/6/4: フ
ページ遷移を可能な限り少なくして、シームレスに気持ちよく情報を見せようといったWebサイトを、最近よく見かけるようになりました。しかしそのようなサイトを構築したいと思っても、経験が無ければハードルは高いもの。そこで今回は、そのような機能を手軽に実装できるjQueryのプラグインをまとめたエントリー「12 jQuery Infinite Scroll Plugins and Tutorials」を紹介したいと思います。 Mark Holton | Web Application Development スクロールに合わせて新たなコンテンツを読み込む機能を中心に、12種類のプラグインがまとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。 jQuery Scroll Path | a Hint of Creative スクロールに合わせて次々と文字を出現させ
日常に溢れるさまざな道具は生活で役に立つと同時に、デザインに取り入れられる機会も多いのではないでしょうか。今回紹介するのはそんな、日常で利用される道具をテーマにしたアイコン集「Pictograms Giveaway Reloaded」です。 パソコンや文房具、ゲーム機や家電、カメラやスマートフォンなど、70種類もの多種多様なアイコンが取り揃えられています。 太めの線で描かれたアイコンはどれもポップにデフォルメされていて、可愛いデザインやレトロめのデザインなどをはじめとして、様々ンなテイストで活躍できそう。例えば子どもを対象としたポスターやチラシに、教育系のWebサイトなど、活用の幅は広そうです。 アイコン素材はありがたいことに、イラストレーター形式で配布されているので色味を変えたり変形させたりといった改変も可能となっております。可愛い系統のアイコンを探していた方にはおすすめのアイコンセット
画像加工ソフトとして有名なPhotoshopですが、もっと手軽に、クオリティの高い加工ができたら嬉しいもの。そんな想いを叶える機能として、自分の代わりにあらかじめセットされた動作を行う「アクション」機能がありますが、今回はその中でも簡単にウェディング向けに写真を加工してくれるアクションセット「5 Effects for Wedding Photographers」を紹介したいと思います。 自然な色合いの加工から、少しくすみを加えたイメージ、セピア調など、ウェディングの幸せな雰囲気を追加したり、雰囲気を出してくる５つ加工方法をテーマに、12のアクションがまとめられています。 例えば自分や友人のウェディング写真に雰囲気をプラスしたり、ウェディングの用途のみならず、小さい頃の写真や思い出の写真にもよく映えそうな気がします。画像加工をもっと手軽に行いたい方、写真の加工に困られている方、利用されてみ
TOP > Design , Font > デザイン性の優れた新しいフリーフォント集「6 Free Fonts for your Projects」 デザインがワンパターンにならないよう、常に新しい素材や要素を取り入れることは重要なもの。デザイン性の高いフォントを取り入れることもその１つではないでしょうか。今回はそんなデザイン性の優れた新しいフリーフォントのまとめ「Free Fonts for your Projects」を紹介したいと思います。 Adria Grotesk™ – Webfont & Desktop font « MyFonts どれも個性的な特徴を持ちながらも、実用性を兼ね備えたフォントたちとなっています。中でも気になったものをピックアップしましたので、下記よりご覧ください。 Glamor – Chic & Modern Free Type Family on B
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
