HTML5を今すぐ使うためのコツや情報をまとめてみました - EC studio デザインブログ
この数カ月でHTML5のサイトが国内にも増えてきました。先日10周年を迎えた EC studio のサイトもHTML5で制作しています。マークアップの面でのHTML5の導入となりましたが、難しいと思う以上に勉強になることが多くありました。（今も改善を続けています。） http://www.ecstudio.jp/ 個人サイト以外でHTML5を導入するのをためらっている人が多いと思うので、今からでも使っていくためのコツやノウハウをまとめてみました。 新要素をJavaScriptで生成する HTML5の新要素はIEでは未知の要素です。そのため記述していてもDOMツリーが構成されなかったり、CSSが適用されないという問題が生じます。 そこでdocument.createElement(要素名);により、ブラウザ（ユーザーエージェント）にとって未知な存在の要素を生成し、認識させることができます。
yomugakachi.com
yomugakachi.com 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
原文をスラスラ読みたい！ 「MSDNライブラリによく出る英単語 100選」（1/2）：CodeZine
はじめに MSDNライブラリには、マイクロソフトの技術情報が大量に掲載されていますが、英語版に比べ、日本語版の内容は中途半端なのが実状です。 たとえば、スレッドの優先順位を設定する「SetThreadPriority」関数の説明を見ると、英語版には「Windows Server 2008およびWindows Vistaでは、スタートアップやレジストリのRUNから自動実行されたプログラムに対するスレッドの優先順位指定が、システム開始から60秒程度効かない」との注意書きがありますが、日本語版にはありません。 また、仮想ディスクの情報を設定する「SetVirtualDiskInformation」関数を検索すると、英語版には説明がありますが、日本語版には項目自体がありません。 そこで本記事では、MSDNライブラリの英語版がスラスラ読めるように、とはいきませんが、英単語で引っかかることが少なくなる
Firebugの意外と知られていない機能紹介（プログラマ向け） - KAYAC Engineers' Blog
羊毛布団を洗濯機にかけられないことを知りました。ago（@kyo_ago）です。 意外と知られていない機能が多い！？Firebugの使い方を見て、プログラマ向けも欲しくなったので書いてみました。 1. ショートカット一覧 以下のページでFirebugのショートカット一覧が公開されています。 http://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcuts 取り合えず以下の二つだけでも覚えておくと効率的かもしれません。 F12でFirebugの有効、無効の切り替え 広いコマンドラインモード時にCtrl+Enterでコードを実行 また、以下のメニューからショートカットの変更も行えるので、他の拡張等とショートカットがかぶった場合でも別のキーで使用することが出来ます。 2. Firefox本体のツールバーに「要素を調査」ボタン Fi
HTML5についてのおさらい｜Web制作 W3G
Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF
[JS]カラムの高さを揃える多機能なスクリプト -Equal Column Heights
カラムの高さを単に揃えるだけでなく、アニメーションで揃えたり、指定した値に揃えることができるスクリプトを紹介します。
Chrome 拡張機能でウェブ制作をより快適に
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
新規ビジネスにありがちな10の過ち » SEO Japan
不況の時代とはいえ自分でビジネスを新たに始めることを考えている人もいるでしょう。成功への期待もあれば、失敗への不安もあると思いますが、新規ビジネスの「よくある過ち」をQuickSproutからご紹介。これを読んで、こうならないようにすれば失敗の確率も低くなるはず！です。 — SEO Japan あなたはビジネスを始めることを考えているだろうか？もしそうなら、今日ここで紹介する過ちを確実に回避しなければ、そのビジネスは恐らく失敗に終わることになるだろう。 1. ゆっくりで着実すぎる人は競争に勝てない 大部分の新規ビジネスが失敗するのは、十分なお金を持っていないからである。動きが遅ければ、最初のお金が入ってくるまでにかなり長い時間がかかることになる。たとえいくらかの現金をすでに持ちこんでいるとしても、それでは十分ではないのだ・・・儲からなければしょうがない。 時間はあなたの味方をしてくれないの
実は隠された裏の意味を持つ企業ロゴいろいろ : らばQ
実は隠された裏の意味を持つ企業ロゴいろいろ 企業や製品のブランドには様々なロゴが用意され、名前や関係したデザインが盛り込まれています。 それぞれ良く考えられた末の意匠ですが、中には二通りの裏の意味を持つ、ひねりのあるロゴもあるんです。 実は隠された意味を持っていた、良く知られた有名企業のロゴをいくつかご紹介したいと思います。 Vaio 言わずと知れたソニーのVaioのロゴですが、実は隠れた意味があるそうです。 前半の2文字が正弦波でアナログを示し、最後の2文字が1と0の2進法でデジタルを表現しています。「アナログとデジタルの融合」をスローガンとしているとのことです。 Amazon ネットショッピングでおなじみのアマゾンですが、実はちょっとした哲学を反映しているそうです。 黄色の矢印は、客に満足させたい意味を込めたスマイルの口のようになっています。その矢印がaとzを指しているのは、アマゾンに
Javaのラムダ式導入に関する最新提案の雑なまとめ - 矢野勉のはてな日記
java7月頭に，Brian GoetzがJavaにおけるラムダ式導入に関する最新提案のドラフトを出しました。State of the Lambda 私はこの提案書と，提案書を元にした英語記事を読んだだけですが，Twitterで話していると，23日くらいにこの提案を元にしたソースがJavaのソースリポジトリにコミットされたらしい。ただし，中ではまだ議論続発してるらしい。ちなみに英語記事はラムダについての連続記事の4回目で，5回目ではWicketでラムダ式を使うとどうなるか，という考察が載っています。提案書のラムダ式とWicketの非整合部分についての考察で，Wicket好きの人は読んでみてもいいと思う。あと，空コンストラクタがないクラスについて提案書は明確なところ書いてないよね，みたいな指摘も。せっかくなんで，最新提案におけるラムダ式実装をまとめておきます。いままでのあらすじ最新提案書では
電源のあるカフェを検索するサイトまとめ | ライフハッカー・ジャパン
日本で仕事するのに最適なカフェは、ルノアールかもしれません。 先日、スタバをオフィスにするコツを紹介したところ、賛否両論のコメントが寄せられました。店舗面積や店舗の数など、海外と日本とではカフェ事情が違うので無理もない話です。 さて、カフェでPCを使って仕事しようとする際に、もっとも重要となるのは、そう、電源です。新品ノートPCならいざしらず、せっかく上がった仕事の処理スピードを、へたり気味の充電池がシャットダウンさせてしまうことも。 そこで、電源の有無を基準にカフェを検索できるサービスをまとめてみましたので、以下にてご紹介。 ■Hack Space エリアはもちろん、電源・ソファ・深夜営業の有無でカフェを検索できます。登録数は、電源のあるカフェで137件でした。対象地域は都内が中心。 ■バッテリーオアシス 全国の電源ありカフェを、地域ごとに一覧で表示できます。ファーストフード、漫画喫茶が
Google AnalyticsでURLとページタイトルを同時に表示させる方法
今日はGoogle Analyticsのレポート表示に関する便利なTIPSを紹介します。 Google Analyticsで使える「セカンダリディメンション」はなかなか便利な機能なのですが、なかには選択できないディメンションもあります。 たとえば上位のコンテンツではもっとも閲覧数の多い順にページの「URL」が表示されます しかしセカンダリディメンションとして「ページタイトル」を指定することはできません。 でもセカンダリディメンションとしてタイトルを表示させることができるのです。 やり方は簡単です。 “&segkey=request_uri|page_title“、このパラメータをGoogle Analyticsで「上位のコンテンツ」を閲覧しているときのURLに挿入します。 挿入する場所は、”id=XXXXXXX”の後です。 XXXXXXXにはあなたのGoogle Analyticsのプロフ
仕事を超快速にするGoogle Chromeの拡張11選 | nanapi[ナナピ]
仕事を超快速にするGoogle Chromeの拡張11選に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。nanapiよりお知らせ(PR) モバイルPC、活用できていますか？ mobilepc.nanapi.jp nanapiがお送りする、モバイルPCの活用法 法人向けパソコンの購入なら panasonic.biz パナソニック法人向けモバイルPCの購入相談なら はじめに Google Chromeというものがあります。これはWebを素早く見るためのブラウザと呼ばれる、インターネット閲覧ソフトウェアです。 Chromeの使い方については以下をご覧ください。 ブラウザソフトを変えて、より快適にインターネットを見よう！ | nanapi[ナナピ] Chromeの特徴として、豊富な拡張機能があります。これはExtensionsとも呼ばれており、
リーダーが来なくなった日：恋愛感情で仕事はできるか？：エンジニアライフ
◆都市伝説が都市伝説でなくなった日 デスマーチという現象は、わたしのような平和なテストエンジニアには無縁の世界だとばかり思っていました。 そもそもこんな大不況のご時世です。「デスマーチ？ それって都市伝説じゃないの？（笑）」という言葉を投げていました。そう、そのときが訪れるまでは。 急に仕事が忙しくなりまして、ある日急に帰れなくなりました。 なんとか帰れたと思ったら、朝早くに呼び出されました。 それがなくなったかと思えば、今度は休日に呼び出されました。 もっとひどいデスマーチはあるでしょうが、わたしにとってはこれも十分デスマーチです。そんな過酷な労働中に起こった事件と考察を、今日は書いていきたいと思います。 ◆わたしよりも過酷な人 自分より過酷なのはリーダーでした。 派遣のわたしよりも早く帰れないし（まとめ業務などで遅くなっている）、お客様のクレームに必死になって対応しなければならない。さ
第9回 Ajax編（後編）
ｊQueryにおいて、Ajax関連操作のコアである「$.ajaxメソッド」についてまとめた、すぐに役立つ9本を一挙公開。 連載目次 このシリーズでは、jQueryの基本機能を逆引きリファレンスの形式でまとめています。リファレンスという性質上、本連載では入門レベルでの解説は割愛しています。jQueryの基本構文、Visual Studio上でjQueryを利用する方法などについては、拙稿「ASP.NETプログラマーのためのjQuery入門」を併せて参照することをお勧めします。 さて、今回は前回に引き続きAjax編です。前回はload、$.post、$.getなど、Ajax関連メソッドの中でも手軽に利用できるメソッドを中心に説明しました。これらメソッドは、特定の目的を短いコードで実現するには便利ですが、半面、細かな制御を行いにくいという欠点もあります。 そこで今回は、より汎用的にAjaxの仕組
Force.comで開発スピード5倍、コスト半分に
セールスフォース・ドットコムは7月30日、開発者向けイベント「Cloudforce 2010 Developer Conference」を開催。米セールスフォース・ドットコム デベロッパーエヴァンジェリズム ディレクター デイブ・キャロル（Dave Carroll）氏などが講演を行った。 Force.comで開発すると、開発スピード5倍、コスト半分に!? キャロル氏は、まず「いまIT業界で何が起こっているのかを知らなければならない」とし、従来のクライアントサーバ型のシステムからクラウド型へ、システム形態が大きくシフトしていっている点を強調。実際、クラウドコンピューティングの代表的企業である同社はユーザー企業が7万7300社を超え、右肩上がりで売り上げとユーザー数が増加し続けているという。 さらに同氏は、「クラウドコンピューティングの登場によって、ソフトウェアが民主化し、あらゆる人々があらゆ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モダンなプログラミング言語の開発環境の構築方法まとめ - ネットサービス研究室
Photoshop Vip » 背景デザインに使える継ぎ目のないパターン素材、500枚あつめました。
Google Workspace 導入・活用支援｜株式会社ストリートスマート