Webディレクター向け 文字コードとフォントの基礎知識
Webサイトでは画像や動画などのさまざまなコンテンツを扱いますが、多くの場合、主役となるのはテキスト情報です。Webページの制作では、テキストを正しく表示するために、文字コードとフォントを適切に選択する必要があります。 文字コードとは？ 文字コードとは、コンピューターが文字を表すのに使う数値です。世界各国で言語ごとにさまざまな文字コードがあり、日本語では「Shift_JIS」「EUC」といった文字コードが多く使用されています。最近では、世界中の文字を１つの文字コードで利用できるようにした「Unicode」も広く普及してきました。 Webページを作成するときは、HTMLファイル内に文字コードの指定を記述します。Webブラウザーは文字コードの指定を元に表示に使う文字コードを決定するため、HTMLで指定した文字コードと、実際に使用している文字コードとが異なると、文字化けして表示されます。また、H
BeagleBoard(OMAP3）でのブートシーケンス
BeagleBoard xMのマイクロSDからのブートにトラぶったので、そもそもBeagleBoardというかOMAP3のブートシーケンスってどうなってるのか調べてみました。 MLO Beagleで検索すると色々出てきます。 以下が参考になりました。 Beagle Board で Linux をブートする OOPer's BBS 要約すると、 １、BootROMの起動 BeagleBoardを電源ONもしくは、リセットするとOMAP内のBootROMが起動する。 ブートデバイスの選択（NAND or SD/MMC） ユーザスイッチで、ブートデバイスの優先順位が決まる。 ユーザスイッチOFF: NAND→SD/MMC ユーザスイッチON: SD/MMC→NAND BeagleBoardを改めて見ると、RESET、USERスイッチがありますね。 SD/MMCブートの場合、先頭パーティションのル
JavaScriptによるバイナリハックの世界へようこそ·jDataView MOONGIFT
jDataViewはjQueryを使ったJavaScriptライブラリ解析用ライブラリです。 jDataViewはJavaScriptでバイナリデータを読み込む際に利用するDataViewを拡張し、より使いやすくしてくれるJavaScriptライブラリです。バイナリーハッカー必見のライブラリです。 こんなイメージデータをJavaScriptから閲覧できます。 tarファイルを読み込んでファイル構造やテキスト内容を表示しています。 テキストエリアの中にファイルの内容が表示されています。 jDataViewを使うとバッファーをその場で作ったり、バイナリファイルをAjaxで読み込んでgetStringで指定部分だけを取り出すことができます。DataViewをそのまま使うよりも便利そうです。 jDataViewはjQuery/JavaScript製のソフトウェア（ライセンスはWTFPL）です。 M
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
Gitを視覚化するツール8選 | Webスキル日誌LAGRANGE BLOG
Gitはコマンドが充実していますが、ちと大変。 GUIで操作できるツールのまとめです。 Gitリポジトリブラウザ Gitのリポジトリをブラウザで閲覧するツール ■GitWeb Pro Git – Pro Git 4.6 Git サーバー GitWeb 標準の CGI スクリプト lighttpd や webrick といった軽量なサーバーが必要 ■ViewGit Gitブラウザ、Viewgitを使ってみた – mnemoniq シェアが高い ■Ginatra Ruby + Sinatra で書かれた gitweb のクローン Design Recipe 別館 Blog – Git のリポジトリブラウザ Ginatra Gitツール ■Git GUI MOONGIFT : GitもGUIがあると便利に「Git GUI」 オープンソース・ソフトウェア/フリーウェアを毎日紹介
これからIllustratorを始めてみようという人のための基本操作とかいろいろ
Illustrator を使い始めるにあたっての、予備知識や基本操作をまとめてみました。Illustrator って簡単ではないと思うんですけど、Webデザイナーなら使いこなしたいソフトウェアのひとつですよね。これからWebデザインで Illustrator を使ってみようという人が、少しでも Illustrator に親しんでくれればいいなーと思って書きました。 私はいつも Web制作の時には、Photoshop と Illustrator を使っています。ずっと前、Webデザインを勉強しはじめた頃、私は Illustrator より先に、まず Photoshop から使い始めました。そしてそのあと初めて Illustrator に触ったとき、Photoshop よりもとっても難しく感じて、基本操作もなかなか覚えられなかった想い出があります。 もちろん ベジェ曲線 や パス など、Ill
ついにRFCに登場！Webサーバとの双方向通信を実現する「WebSocket」 - builder
次世代のWebアプリケーションの中核を担う技術として「HTML5」に注目が集まっているが、それと並んで期待されている技術に「WebSocket」がある。 IETFとW3Cによって仕様の策定が進められており、最初の提案以来幾度もの改訂を経て、2011年12月11日にそのプロトコル仕様がRFCのProposed Standard（RFC 6455）となった。 AjaxからComet、そしてWebSocketへ WebSocketはウェブサーバとブラウザが直接コネクションを張って双方向通信するための技術規格である。HTTPとは異なる独自の軽量プロトコルによって通信を行うため、オーバーヘッドが小さく、長時間に渡って通信する場合でもHTTPコネクションを占有する必要がないというメリットがある。 WebSocketが生まれた背景には、サーバとブラウザがもっとリアルタイムに通信して情報の配信や更新を行え
Webフォントを利用する際に知っておくと役立ちそうなTipsとかサイトいろいろ - かちびと.net
Webフォントに関して調べ物をしたので 個人的なメモ。少し利用頻度があがって 来たので探しやすいようにまとめておき ます。まだちょっと使い慣れてないので もう少し勉強しないとダメですね・・ スマフォ向けのリソースもあります。 というわけでWebフォントに関するメモです。以前触りだけしか書かなかったのでもう少し深く調べておこうと思い記事にしました。ので、過去の記事と結構重複します。 最低限の知識 最低限かどうか分かりませんけどｗ 少し不明瞭な点もありますので間違いがあればご指摘頂けると幸いです。 ライセンス まずライセンスですが、通常、Webフォントとして利用するには当然フォントの著作者次第になります。 Webフォントとして使うにはサーバーにフォントファイルをアップロードしてcssでファイルのパスを指定して利用するので、フォントファイルが誰でも手に入れられてしまう事になります。（アイコンなん
日本のWebサービスがグローバルで戦うための方法 : けんすう日記
シリコンバレーコピーではないサービス 日本のWeb業界でよく言われるものとして、「これからはグローバルを意識したサービスでないとダメだ」というものがあります。 これは超同意で、やっぱり世界を相手にするのと日本を相手にするのとでは、規模感が違うのです。日本の主な製造業とかも、みんな海外市場で大活躍なのです。 しかし、一時期「シリコンバレー的なものは日本には無理だ」と言われていました。シリコンバレーはGoogleとかFacebookとかTwitterとか出ていてスゴイ！なのに日本のサービスはダメだ！という理論ですね。 しかし考えてみれば、こんなことは当たり前です。シリコンバレーはシリコンバレーに根ざした文化や歴史があるわけで、いきなり「日本もシリコンバレーみたいになろう」といっても、同じものは作れるわけないです。一生懸命がんばって近づけたところでコピーしてもシリコンバレーには勝てないわけで。
マウスジェスチャやGmailチェッカー、ページキャプチャなど効率化全部入りChrome拡張機能「Pig Toolbox」がすごい
About RSSで購読する Google Chromeをより便利にしようとChrome拡張機能をたくさん入れていると、どんどんメモリを食うようになってしまいますよね。 そういったことを防ぐために、拡張機能をグループ分けしたりするわけですが、いっその事、絶対に使うものはひとつにまとめてしまえと思うのですよね。 そこで今回は、絶対に使う機能がひとつの拡張機能まとめられたものをご紹介します。余談ですが、私はこの拡張機能でメモリの消費量をたいぶ抑えることに成功しました。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! ブラウザを強化する拡張機能をひとつにまとめたChrome拡張機能「Pig Toolbox」 「Pig Toolbox」は、よく使われるGoogle Chromeの拡張機能をひとつの拡張機能
【第22回 HTML5とか勉強会レポート】 Processing.js、SVG、WebGL。HTML5周辺のグラフィック関連技術
HTML5による最新Webアプリ 2011年10月26日、品川グランドセントラルタワーのマイクロソフト品川本社にて、「第22回 HTML5とか勉強会」が開催された。HTML5とか勉強会は、HTML5に関心のあるエンジニアやコーダー、デザイナー向けの勉強会だ。今回のテーマは「グラフィック関連API」。当日の様子をお伝えしよう。 Processing.jsってなんだ？ まず、ゼロベースの田中氏（@dotimpact）からプレゼンがスタートした。田中氏は美術大学で非常勤講師をしたり、Processingの入門書執筆なども手掛けている。 Processingとは 田中氏のプレゼンは、Processingの紹介から始まった。 田中氏の＠ITでのProcessingの記事「Processingの対話式スケッチプログラミングで遊ぼう」も参照いただきたい。 Processingは2001年、MITメディア
Google、画像フォーマット「WebP」に可逆圧縮と透明度を追加
米Googleは11月18日（現地時間）、オープンソースのWeb向け画像フォーマット「WebP（ウェッピーと読む）」に、可逆圧縮（ロスレス圧縮）モードと透過度を設定できるアルファチャンネルを追加したと発表した。 WebPは、同社が昨年9月に発表した画像フォーマット。Webサイトのページ読み込みの高速化を目的としており、ビデオフォーマット「WebM」のビデオ圧縮技術「VP8」を流用している。発表の時点では、JPEGのような非可逆圧縮にのみ対応していた。10月にはアニメーション、ICCプロファイル、XMPメタデータをサポートした。 Webページ向けの画像フォーマットとしては、一般に写真など階調の細かい画像にはJPEGが、ロゴやアイコンなどにはPNGが、アニメーションにはGIFが採用されることが多いが、今回の機能追加でWebPがそれらに取って代われることになる。ただし、今のところWebPに対応す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォントをパソコンにインストールしないで試すことができる「Font Load-Unload」について：お得WEB
Build and implement a single sign-on solution
https://y2web.net/blog/computer/misc/xpfont-4-552/
NVD - Results
http://japan.internet.com/webtech/20111214/7.html
http://japan.internet.com/webtech/20111128/3.html
英語「cortex」の意味・使い方・読み方 | Weblio英和辞書
英語「resurgence」の意味・使い方・読み方 | Weblio英和辞書