タグ

HTMLに関するsaicolobeのブックマーク (13)

  • ブログを書く人がHTMLについて知っておいた方がいい理由 – ディレイマニア

    HTMLCSSも興味ない人からしたら覚えるの面倒だしどうでもいいですよね。ぶっちゃけ気にしなくてもいいと思います。 ただ、自分のブログをより多くの人に見てもらいたいとか、情報を発信したいとか、なんだかんだPV上がるとテンションあがるという人はHTMLの最低限の知識だけでも知っておいた方が得をすると思ってます。 なぜHTMLの知識が必要なのか まず下記のような人は今日の話は気にしないでいいです。 アクセス数が減ってもへこまない 検索によるアクセスがゼロでもいい SEO対策をしていないしする気もない そもそもアクセス数を増やそうと思ってない 文章を書いて公開できればそれでいい これに当てはまらない人はある程度のHTMLの知識を持っておいた方がいいです。 なぜならGoogle先生はHTMLを読んでるからです。Google先生との会話をするための言語がHTMLなんです。 HTMLの知識なしにブロ

    ブログを書く人がHTMLについて知っておいた方がいい理由 – ディレイマニア
    saicolobe
    saicolobe 2013/02/25
    WordPress使ってると自然に学べるなあ
  • 嫌われまくりのIE6の現状と仲良く付き合う方法

    2017年7月14日 Web関連記事, 便利ツール TwitterでWeb屋さんのつぶやきを見ていると「IE6のせいで…」「IE6さえなければ…」なんて声がよく聞こえてきます。産みの親からも見放されつつあるInternet Explorer 6。一体なぜここまで嫌われているのか?どれほどの人が涙を流してきたのか?そんなIE6と付き合っていく方法は?IE6にまつわる情報を簡単にまとめてみました。 ↑私が10年以上利用している会計ソフト! IE6のシェア 2001年に世にリリースされたInternet Explorer 6。通称IE6。リリースされて10年たった今も色んな意味で話題のこのブラウザーを使っているユーザーは現在どれくらいいるのでしょう? マイクロソフトが(!)IE6撲滅のため「Internet Explorer 6 Countdown」というサイトで世界中でIE6がどれくらい使われ

    嫌われまくりのIE6の現状と仲良く付き合う方法
  • 0 から始めるHTMLとCSSの基本・基礎-webデザイン入門-

    私の周りでwebデザインが出来る人ってあんまりいません。でも「webデザインってどうやるのー?」とか「私もやってみたいんだけど…」とかの声はよく聞きます。皆興味はあるのに”webデザインは難しい”と思って始められないんじゃないでしょうか。そんなこれからwebデザインを始めたいビギナーさんに向けてHTMLの基・基礎をまとめてみます。真新しいことは特にないほんとに基礎です〜>< by:fweez まずはじめに とりあえず用意するもの2つ HTMLの基 HTMLとは? 1.DOCTYPEの宣言 2.基的なタグ 3.<body>の文書構造 CSSの基 CSSとは? 1.CSSの読み込み方法 2.指定パターン 3.marginとpaddingの違い 4.ブロック要素とインライン要素 応用してwebページを作ってみる まずはじめに 一口にwebデザインといっても色々なことがあると思うのですが大

  • モバイルアプリケーション開発のためのHTML/CSS/JavaScript関連技術まとめ

    モバイルアプリケーションをHTML/CSS/JavaScriptなどのWeb標準技術を用いて開発するためのさまざまなツールや環境が登場しています。1つ前の記事で紹介した「jQuery Mobile」もその1つですが、それ以外のものもここでまとめて紹介しましょう。 jQuery Mobile jQuery Mobileは、JavaScriptライブラリとして知られるjQueryのプラグインです。オープンソースで提供されています。 「マークアップドリブン」をコンセプトとし、HTMLを記述していくことで、あらかじめ用意されているボタン、メニュー、ダイアログボックス、などのモバイル対応のタッチユーザーインターフェイスを備えたアプリケーションを開発できます。 クロスプラットフォームに対応し、iOS、Android、WebOS、Windows Phone、Symbianなど多数のデバイスでそのまま動作

    モバイルアプリケーション開発のためのHTML/CSS/JavaScript関連技術まとめ
  • IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎

    IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 2011-06-04 Twitterなどを見てると、 「IE6がー!」とか 「IE6,7,8,9、Firefox、webkit系、Operaで同じレイアウトにするの大変」などのツイートをたまに見るので、クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎を紹介します。 気をつけるHTMLの記述方法 HTMLの記述方法を間違えていると、ブラウザCSSの解釈が変わってきます。 以下のようなことは基的なことですが大切な事です。 DOCTYPEを書く。 HTMLの先頭にDOCTYPEを入れるようにして下さい。 DOCTYPEがないと、ブラウザ間での誤差が起こりやすい状態になります。 DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含

    IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎
  • 株式会社フルスピード公式SEOブログ:Googleが嫌うスパム行為

    11月18日にアップした「Googleスパムの対処法」について、 「どのような事例が多いのでしょうか?」 と、多くの問い合わせをいただきましたので日は取り上げたいと思います。 私が知る限り最も多いガイドライン違反としては、 「隠しテキストや隠しリンク」に該当する不適合になります。 具体的にはCSSでインデント幅を指定する「text-indent」です。 事例 1) 最近は少なくなりましたが、 画像置換とか関係なく、text-indent: -9999pxを用いて意図的に丸々文章を外部に飛ばしてしまう行為。 一発アウトになります。非常に危険な行為なのでやってはダメです。 事例 2) ナビゲーションなどにtext-indent: -9999pxを用いて画像をテキストに置換する行為。 この際、必要以上に対策キーワードを含めてしまうと、インデックス削除の銅線に点火されます

  • 完全に一致を作るための勉強法 たくさんのアクセスありがとうございまし..

    完全に一致を作るための勉強法 たくさんのアクセスありがとうございました。 コメントもたくさん頂いてまして、それにお答えするのに「ブログでもつくろうかいな」とのぼせましたが、そんなテーマで続くわけもないので、やはりアノニマスダイアリーにしました。 【製作期間について】 まず、皆さん仕事しながらたった4ヶ月で!と褒めて頂いてますが、たったじゃないですよ。4ヶ月って。 仕事が終わって、毎日2~3時間。土日関係無くやると、多分300時間くらいになります。 専門学校の2年間の授業時間がこのくらいだったりするんじゃないですかね。結構長いです。 【モチベーションの維持について】 モチベーションを保つのがすごいというのも褒めてもらいましたが、私は一回やり始めると、意外に長く続きます。 コツがあるんです。 毎年、日々の単純作業が続かない新入社員が入ってきますが、そんな新人に言います。 「息をするように続ける

    完全に一致を作るための勉強法 たくさんのアクセスありがとうございまし..
  • コーディング不要! 15分でiOSアプリが開発できる衝撃のサービス「AppMakr」 【増田(@maskin)真樹】 | TechWave(テックウェーブ)

    [読了時間:2分] ますます拡大するスマートフォン市場。ニュースを配信するくらいの簡単なアプリ配布をしようにも、多大な開発コストが発生してしまい中々手が出ない。しかし「AppMakr」を使えば、15分もあればiOSアプリが作成できてしまうのだ。上の画面はTechWaveの記事やTwitter、YouTubeなどのコンテンツをアグリゲートしてタッチ操作で閲覧できるアプリ。作成までにここまで10分もかかっていない。ちゃんと動作もするし、専用のウェブページ(TechWaveアプリサンプル)からも動作試験が可能だ。 「AppMakr」で作成できるのは、上のサンプルアプリのような「情報アグリゲート&閲覧型」のもの。とはいえ、RSSや画像、動画、PodCast、カスタムHTMLなどが埋め込めるので、アイディア次第で誰も思ってもみなかったアプリにすることもできそうだ。 すごいなと思ったのは、アプリ作成ウ

    コーディング不要! 15分でiOSアプリが開発できる衝撃のサービス「AppMakr」 【増田(@maskin)真樹】 | TechWave(テックウェーブ)
  • http://neta.ywcafe.net/001144.html

  • デザイナは要注目! 明日から語れるHTML5&CSS3(1/4)- @IT

    デザイナは要注目! 明日から語れるHTML5&CSS3:一撃デザインの種明かし(13)(1/4 ページ) ※稿では特に断りがない場合、Firefox、Google Chrome、Opera、Safariは2010年7月時点の最新バージョン、IEはInternet Explorer 6/7/8の総称です。 いま世界で一番熱い「HTML5」「CSS3」とは? 最近、「HTML5」「CSS3」といった言葉をよく耳にしませんか? これらはWebの表現をもっと豊かにするために策定中の言語です。いままでのHTML 4.01やXHTMLでは実現できなかったことができるようになったり、CSS3はCSS 2.1よりさらにグラフィカルな部分まで表現できるようになりました。 FirefoxやOpera、Safari、ChromeといったHTML5+CSS3に対応するWebブラウザが増えてきたことで、HTML5

    デザイナは要注目! 明日から語れるHTML5&CSS3(1/4)- @IT
  • ChromeがHTMLエディターに変身! ブログ記事づくりに使えるエクステンションChrome Editorで遊ぼう!!

    ブログサービスなどで提供される記事作成機能には、あらかじめ様々なHTML編集機能が付加されている。しかし、そうしたデフォルトの機能で満足できず、自分でウェブ制作ツールを使用してMTMLやCSSを作成しているこだわりユーザーも多いはず。そんな人におススメな拡張機能が『Chrome Editor』だ。 Chrome Editorは、ブラウザー上で利用できるHTMLエディターだ。その場で簡単なHTMLファイルを作成したり、イチから新しいHTMLファイルを作成することもできる。どちらかといえば、頻繁に使うHTMLCSSJavaScriptコードなどを保存しておいて、ブログなどにコピペするといった用途に適しているだろう。 ■インストール Google Chromeのエクステンション配布サイトにアクセス。サイト上で“Chrome Editor”を検索して、ダウンロードページに進もう。

    ChromeがHTMLエディターに変身! ブログ記事づくりに使えるエクステンションChrome Editorで遊ぼう!!
  • Tender Surrender » Googleに転職します

    今の会社に勤め始めて、はや4年8ヶ月が経過しました。 ポータルサイトをまるごとソーシャル化したいとの野望を持って入社し取り組んだプロジェクトでは、サービスを跨いだプロフィールやソーシャルグラフの共有、日初のPC向けOpenSocialコンテナの実装など、他の会社ではなかなかできないであろう体験をさせてもらいました。またその間、OpenSocialのGoogle API Expert就任とコミュニティの運営、Shindigのコミッター就任、SocialWeb Japanの運営など、ディベロッパー・エヴァンジェリストとしての活動も並行して行って来ました。まさにソーシャルウェブ馬鹿な数年間だったと思います。 一方世間はというと、日では昨年からmixiやモバゲー、GREEYahoo!といった巨大サイトが次々とソーシャルアプリに対応、市場も生まれ、まさにゴールドラッシュ。海外ではFaceboo

  • HTMLで図まで描ける!進化した「HTML5」ってどんなもの? - はてなニュース

    HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。はてなブックマークでもこのキーワードを目にする機会が増え、「HTML5って何?」と疑問に思っている人も多いのではないでしょうか。今回は、「HTML5って何?どんなことができるの?」という疑問にお答えしたいと思います。 ■HTML5でできること まずは、HTML5を使うと具体的にどんなことができるのかを見ていきましょう。 <具体的に何ができるの?> ▽HTML5.JP - 次世代HTML標準 HTML5情報サイト ▽HTML5とは?変わるWebと注目の新要素 HTML5.0の情報サイト ▽大幅に進化した次世代 HTML 規格「HTML5」とは? - japan.internet.com Webビジネス ▽HTML5, きちんと。 ▽めざましTech - HTML5 についての Q&A ▽2010年に勧告される「

    HTMLで図まで描ける!進化した「HTML5」ってどんなもの? - はてなニュース
  • 1