近年、個人や企業を問わず、HTML5でマークアップされたサイトが数多く登場しています。しかし、HTML5が浸透してから年月が浅いこともあり、有名な大企業のサイトですら、不適切なマークアップが見受けられます。本セッションでは、そのような不適切なマークアップを紹介し、どう直すべきかをみなさんと一緒に考察していきます。
![HTML5マークアップ珍プレー集 - HTML5 Conference 2012](https://cdn-ak-scissors.b.st-hatena.com/image/square/6132ceabee8e23f1009bb3616b49bf40f362913c/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fhtml5conferencefutomi20120908-120911182550-phpapp01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」を紹介します。 「レスポンシブデザインビュー」はFirefox15から搭載されています。 1.「レスポンシブWebデザイン」とは 「レスポンシブWebデザイン」とは、PCやスマートフォンやタブレットなど、あらゆるデバイスに対応するWebデザインのことを指します。 レスポンシブ(Responsive)は、「よく反応して」「敏感な」という意味があるようです。 レスポンシブWebデザインを確認するには、複数のデバイスを用いるか、極端な話、PCでブラウザの幅を変更すればいいのですが、Firefoxの「レスポンシブデザインビュー」を利用すれば、より効率的に確認作業が行えます。 2.「レスポンシブデザインビュー」の使い方 レスポンシブWebデザインのサンプルサイトとして「NHKスタジオパーク」を利用させて頂きます。 N
遂にリリースされたiOS6。 iPhone5よりも、Passbookよりも、地図よりも、Siriの強化よりも、最近のAppleからの発表全てを凌ぐ超ビッグニュースだと個人的に思ってるのですが、Single App Modeが遂に登場です!! キタ━(゚∀゚)━! と言わずにいられるでしょうか。特にエンタープライズの世界ではiPad登場当初からずっとずっと求められていた機能。以前のブログで「推測」という事で書いていた、 Guided Accessと呼ばれるアクセシビリティの機能拡張で、どのような使用感で扱えるのかは不明ですが、もし文言通り/想像通りの挙動をするのであれば、エンタープライズなiOSの魅力は一段と輝きを増すに違いありません。なんと、 HOMEボタンを無効にできる!! タッチパネルが反応しない領域を設定出来る!! というのです。 ってな機能がそのまんま、いぁ、それ以上に!超超理想的
世の中にはmargin-top派とmargin-bottom派がいるとかいないとか。 自分はmargin-top派です。 margin-left派とmargin-right派がいるならば、margin-left派です。 試しにmargin-bottom派になってみようかなと頑張ってみたんですけど、やはり慣れもあり、margin-topの方がしっくりきたのでエントリーを起こすことにしました。 margin-top派な理由 margin-top派になったのには理由はなくて、なんとなくmargin-top派になった気がするのですが、margin-bottom派に移るのが少し面倒な理由はあります。 その理由は:first-child擬似クラスの存在です。 例1 例えば、以下の様なHTMLがあったとします。各section.contentの間には30pxの余白が欲しかったとします。 <section
PixasticはJavaScriptによる画像編集エンジンです。 画像のちょっとした加工であればわざわざ高価なソフトウェアを使うことなくオンラインで実現できるようになってきました。今回紹介するPixasticもその一つ、多彩なイフェクトを画像に対してダイナミックに適用するライブラリです。 元の写真です。 白黒加工を施しました。 画像を重ねる処理です。 色彩を変更しました。 エッジ検出。 垂直反転。 ネガ加工。 ノイズを乗せています。 セピア加工。 ぼかし。 カラーヒストグラム。 明るさを調整。 丸を使ったモザイク。 シャープ。 切り抜き。 ポスタリゼーション。 モザイク加工。 PixasticはPhotoshopでいうフィルター的な機能を数多く実装しています。その処理の殆どは画像全体にかかるものになっていますが、カスタマイズすれば指定範囲にだけイフェクトを行うこともできるでしょう。またオ
Bummer. It looks like the help center that you are trying to reach no longer exists. Oops, this help center no longer exists The company you're looking for is no longer using our help center. We suggest reaching out to them directly via their official website. Looking to provide self-service to your customers? Check out our guide, 6 tips for building a thriving help center.
プログラミング PayPalのWeb Paymetn StandardとExpress Checkoutの違いが理解できないあなたへ 高橋文樹 PayPalが用意しているソリューション もしかしたらそんな間抜けは僕だけなのかもしれませんが、いままでPayPalの実装を3回失敗しているので、エントリーを書いておきます。「ああ、ミニコme!の開発をやってるんだな」と思っていていただければ幸いです。 PayPalの提供する決済サービスの種別 PayPalについては以前印税95%で云々カンヌンという釣り記事を書いたとおり、凄まじいポテンシャルを秘めているのですが、日本ではあんまりです。ときどき「進出する気がないのかな?」と思うことがありますが、まあ、PayPalを見ているとハラハラする理由については後述します。 ともかく、PayPalの提供しているサービスは以下です。PayPalのページに書いてあ
前回の記事「PayPal APIの使い方 - SandboxのアカウントでCheckout Expressを試してみた」でPayPalサンドボックスでアカウントを作成して、Express CheckoutのIntegration Wizardを利用してシンプルな課金アプリケーションのサンプルを作成してみました。 サンプルを動かしただけだと応用が効かないので、Express Checkoutを使うために読む必要のある以下のドキュメントの内容を簡単にまとめてみました。 PayPal Documentation and Manuals:全マニュアルのリンク集 https://www.x.com/community/ppx/documentation#ec Express Checkout Integration Guide:Express Checkoutの概要と実装のスタートガイド、NVP A
PayPalのAPIを使った基本的な課金の方法について調べたので、基本的なサンプルを動かすところまでメモしました。 PayPalの開発者向けの情報は、Developer Network x.com(https://www.x.com/)にあります。 ここで紹介する例は、まず、PayPal Sandboxにテスト用アカウントを作成します。次に、x.comのサンプルコードでExpress Checkoutを利用した基本的な課金システムのソースコードをウィザードで生成することができるので、そのコードを動かしてみました。 Sandbox PayPalは、実際にお金のやりとりをしないでAPIの動作を確認するための開発用のアカウントを作成できる、PayPal Sandboxを用意しています。 Sandboxアカウントの作成 PayPal Sandboxを利用するにはまずPayPal Sandboxのア
はい、どうも。みなさんこんにちは。 僕が入っている某SNSで「商品(サービス)のランディングページはなんで縦長なモノが多いのか」という記事を書いたところ、ことのほか評判が良かったのでこっちでも多少手を加えた上で記事にしてみようかと。いいでしょ、この自分のネタを無駄にしない感じ。 そもそもランディングページとはなんぞや?という人はこちらのリンク集を見ていただければよいかと。 ランディングページ集めました。 こんな感じで縦にびろーんって長い、商品(サービス)を売るため用に作られた1ページ立てのウェブサイトのことですね。楽天市場のカニなんか検索してもこんな感じのページがほとんどになっています。 というわけで、シリーズ仕立てでこの事について書いていこうかと思います(全何話になるかは未定)。 OATH(オース)の法則 コピーライティング用語でOATH(オース)の法則というものがあります。このOATH
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く