意外と多い!? Web フォントに対応していない環境 〜2012 年の Web フォント事情〜 - てっく煮ブログ
html5Web フォントは「Web サイトにオリジナルのフォントを埋め込む」ための技術です。現行のブラウザーは全て Web フォントに対応している状況です。そんな状況であるため、絶対にコピペできない文章を作ったったwwww は Web フォントに依存したコンテンツでしたが、特別な配慮はせずに公開しました。しかし、公開後、Web フォントが適用されなかった複数の方から「コピペできるんだけどどういうこと？」「意味が分からない」というコメントがよせられました。そこで、Web サーバーのアクセスログを解析して「Web フォントに対応していない環境」がどの程度あったのかを調べてみました。４種類のフォーマット一口に Web フォントといっても、フォントのフォーマットは WOFF・TTF・EOT・SVG の 4 種類あります。今後は WOFF フォーマットが標準になっていくのですが、現在ではサポートし
Web担当者Forum ミーティング2012 SpringでWeb Meisterの講演資料公開しました プレスリリース [xyz corporation-株式会社サイズ] Web制作・HTML5 CMS開発・販売
2012年4月19日 株式会社サイズ Web担当者Forum ミーティング2012 SpringのWeb Meister講演資料公開しました 2012年4月19日（木）Web担当者Forum ミーティング2012 Spring「わかる！Web CMS選択術-2012- + HTML5 CMS - Web Meister」の講演を行いました。 当日の講演資料を公開しています。 講演資料：PC版 講演資料：スマートフォン版 講演内容 現在、Web CMSを巡る制作環境はは大きく変化しつつあり、多くの言葉であふれかえっています。 マルチデバイス対応ではレスポンシブWebデザイン、モバイルファースト。 リッチクライアントもFlashだけでなくJava Script、HTML5。 ソーシャルメディア連携ってどうするの？HTML 5、プログレッシブエンハンスメントって？もちろんSEO対策や多言語対応も
Webデザインの評価項目をつくる
Webデザインの評価項目というのを、ディレクターやデザイナーの方々はつくっているでしょうか？ 評価項目があると、デザイナーやディレクターだけでなく、クライアントにとってもデザインの基準がわかりやすくなり、目標地点が明確になります。 今までつくったことがなかったという方は、この機会につくってみてはどうでしょうか。 改めて、Webデザインの評価項目をつくるメリットです。 デザイナー、ディレクター、クライアントにとって、デザインを評価する共通認識を持つことができ、三者間で認識のブレが少なくなる デザインの優先すべき項目（もっと企業の色を出したい、など）がわかりやすくなり、それをデザインに反映させることができる デザイナーは、すでに満たされている要素にそれ以上時間をかけることがなくなり、足りない要素に注力できる デザインの評価項目とデザインエレメント一覧表 私はWebデザインの評価項目を、以下のよ
CakePHP開発者が知るべき10のこと
先日、こんな記事が上がっていました。 Android開発者が知るべき10のこと この記事でまとまっているのは、Android開発において必要な10の項目です。 インターフェースの設計から、データの取り扱いまで。 AndroidはモバイルデバイスのOSで、CakePHPは単なるWebフレームワーク。 しかし、予め用意されたルールやAPIを活用する点は同じです。 つまり、フレームワーク全般において、開発者が知るべきことをまとめることが出来るはずです。 ここでは、私が良く利用するCakePHPフレームワークについて、開発者が知るべき10のことをまとめます。 1. CakePHPで良いのか CakePHPを使う際に、知るべきことその1。 それは、あなたは本当にCakePHPを使うべきなのかということです。 現在、あらゆるフレームワークが溢れ返っています。 Ruby Ruby On Rail
CakePHPで高速Webアプリ開発：第1回 CakePHPを使いたくなる5つの特徴｜gihyo.jp … 技術評論社
CakePHPとは CakePHPはオープンソースで開発されたPHP用のフレームワークです。Ruby on Railsの影響を強く受けており、Webアプリケーションを高速に開発するための仕掛けが随所に盛り込まれています。 PHP開発者の方で、Railsで開発してみたいけどRubyの経験がないのでなかなか行動に移せない方などはとくにCakePHPを試してみてほしいと思います。Railsの考え方を肌で理解しつつ、PHPでWebアプリケーションを高速開発するための選択肢を手に入れることになるでしょう。 CakePHP 本家サイト（英語）（左図）。 フォーラム - CakePHP Users in Japan（右図） そのほか、CakePHP プログラマーズ リファレンスガイドも参考になる CakePHPを使いたくなる5つの特徴 まずは皆さんにCakePHPに興味を持っていただくため、フレーム
サービス終了のお知らせ
平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
スマートフォンサイトに適したユーザビリティとは？【リサーチ】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
「iPhoneヒューマンインターフェースガイドライン」まとめ
「iPhoneヒューマンインターフェースガイドライン」の重要項目まとめ。 特にUI哲学やユーザー心理面に重点をおいた。 iPhoneアプリケーションとデスクトップアプリケーションは違う(P15) ・・・iPhoneアプリケーションはデスクトップアプリケーションと同じではありません。これは、単なる常識的なステートメントのように見えますが、デバイス向けのソフトウェア開発に着手する際にこれらを念頭に置いておくことは非常に重要です。・・・ 必要最低限の設計要素にとどめる(P16) ・・・必要不可欠ではない設計要素を含める余裕はありません。ユーザインターフェイス要素が多すぎると、アプリケーションは魅力的でないものになり使いづらくなります。・・・ メモリは無制限ではない(P16) ・・・リソースファイルを可能な限り小さくすること・・・ 起動時間は最大限に短く(P16) ・・・iPhoneアプリケーショ
簡単にポップアップを実現するjQueryプラグイン「prettyPopin」 | WEBシステム開発 | HAPPY*TRAP
URL:jQuery popin solution – prettyPopin – by Stephane Caron jQueryプラグイン「prettyPopin」を使うと簡単にポップアップが実装できます。 サンプルはこちら(別ウィンドウで開きます)。 使い方を紹介します。 1. 「jquery.js」と「prettyPoint.js」の読み込み <script type="text/javascript" src="js/jquery.js" charset="utf-8"></script> <script type="text/javascript" src="js/jquery.prettyPopin.js" charset="utf-8"></script> <link rel="stylesheet" href="css/prettyPopin.css" type=
Ywcafe.net
Ywcafe.net This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Health Insurance Parental Control Healthy Weight Loss Cheap Air Tickets Online classifieds Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy
CSS で簡単に上下中央揃えを実現する
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
プレースホルダー (placeholder) の表示とCSSでの装飾方法 [ホームページ作成] All About
プレースホルダー (placeholder) の表示とCSSでの装飾方法プレースホルダーを表示する方法を解説。HTMLのplaceholder属性を使えば簡単に表示できます。textarea要素に表示するプレースホルダーは少し工夫すると改行も可能。CSSのplaceholder疑似クラスを併用すればプレースホルダーの文字を自由な色に変えられます。カーソルが入った瞬間にプレースホルダーの文字が消える仕様もCSSだけで作れます。placeholderの表示と装飾方法をご紹介。 プレースホルダー (placeholder) とは placeholder (プレースホルダー) とは、何も入力されていない状態のテキスト入力欄に最初から薄く表示されている案内文字のことです。HTMLではplaceholder属性を使うことで簡単に表示でき、CSSで色を変えることもできます。プレースホルダとして表示されて
![プレースホルダー (placeholder) の表示とCSSでの装飾方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/fc39f871ce14ffa0194b7537f119acadc2e6cc97/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F4%2F2%2F201611231423%2Ftopimg_original.png)
hail2u.net - Weblog - floatで並べたリストのセンタリング
ページング・ナビゲーションなどでリスト項目をfloat: left;で横に並べるというのは割りと良く使われると思う。並べること自体は特に難しいわけではないが、その並べたリスト全体をセンタリングしようとするとちょっとややこしい。display: inline-block;を使う手法やdisplay: table;を使う手法という黒魔法的(私見)な手法で実現可能だが、position: relative;でもいける。 ややこしい理由は簡単で、センタリングでよく使われるtext-align: center;やmargin: 0 auto;といった手法が通用しないから。検索するとすぐ出てくる比較的メジャーなdisplayで頑張る方法もわかりやすいし悪くはないのだけど、同一セレクタ内で複数のdisplayを駆使する必要があることやzoomマジックなどを併用する必要があることからコードがややこしくなる
div等に指定した背景をページの下まで伸ばしたい | Takazudo Clipping*
背景を下までずずーっと伸ばしたい時は、bodyにbackground-imageを指定すればよいですが、div等に指定した背景やborderをページの下まで伸ばしたい時は、以下のようにします。 <body> <div id="Container">高さ100%</div> </body> *{ margin:0;padding:0; } html{ height:100%; } body{ height:100%; } #Container{ height:100%; min-height:100%; width:80%; background:Khaki; border-right:1px solid red; } body > #Container{ height:auto; } 下まで背景伸びたHTML完成サンプル 以下、なぜこれで実現できるのかの解説と疑問点。とても長い。 Step
ホームページ - Gaforum
テクノロジーを学ぶなら「Gaforum」で！ Gaforumでは、常にクリエイティブなコンテンツを配信するように心がけています。イラストレーション、クリエイティブなデザイン、そして世界中の人々を魅了するプラットフォームを作る努力をしています。 より優先順位の高いサイトや企業からグローバルな情報を収集し、配信しています。そして、社会のために専門知識を共有し、閲覧者が楽しみ、学べる環境を整えています。世界の主要な技術ニュースに焦点を当てた、未来の技術を身につけましょう。 Gaforumの違い Gaforumでは、記事を配信するにあたり適切な調査を行い、専門家に依頼し、その知識を人々のために有用な形でまとめあげる努力をしています。ですので、記事に書かれている全ては時間がかけられて検証され、徹底的に研究された真実です。 誰もが読みやすい、見やすいと思うコンテンツを発信していることが他の企業との違い
+1 ボタンをサイトに追加 - +1 button API - Google Code
+1 ãã¿ã³ã¯ããããããããè¦ãã§ãã¯ããªã©ã®æ å ±ãæ軽ã«ãã¼ã¯ã§ããæ©è½ã§ããGoogle æ¤ç´¢çµæã«è¡¨ç¤ºããããã¼ã¸ãã¦ã¼ã¶ã¼ãããããã§ããããã«ãªãããµã¤ããå¹æçã«ã¢ãã¼ã«ã§ãã¾ãã+1 ãã¿ã³ã®è©³ç´°ã«ã¤ãã¦ã¯ãã¡ããã覧ãã ããã ãã®ããã¥ã¡ã³ãã¯ã+1 ãã¿ã³ãèªåã®ã¦ã
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IEにも対応！10分でできるWebフォント実装法 (1/3)
「DNSの浸透待ち」は回避できる――ウェブ担当者のためのDNS基礎知識 
http://japan.internet.com/busnews/20120206/2.html
Qiita
