タグ

関連タグで絞り込む (199)

タグの絞り込みを解除

htmlに関するlizyのブックマーク (403)

  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。

  • プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらおブログ(移転しました)

    サイトを構築していると、プログラマはWebデザイナーと共同作業をしなければならない。 しかし高度なRIAを実現しようとすると思っているようにWebデザイナーに素材を作成してもらうだけでもとても骨の折れる作業だ。 そこで、一層、「すべてのプログラマはWebデザイナーになればいいんじゃね?」と思った。 今回は、私の実体験に基づき、「プログラマが1ヶ月でWebデザイナーに転身する方法」というのを考えてみた。 ■ HTML,CSSを覚えよう まず、HTMLCSS。いくら私でもW3C( http://www.w3.org/ )のすべてに目を通せとは言わない。 ブラウザ間で挙動が違うのでそれぞれのタグがどのブラウザで使えるのか一覧がまず欲しい。手軽なのは詳解HTML & CSS & JavaScript辞典。このハンドブックは見やすいのでお勧め。また、よく使うタグに関してはすべて覚えよう。覚えている

    プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらおブログ(移転しました)
    lizy
    lizy 2009/03/18
    Webデザイナにならないにしても、HTML/CSSはきちんと学んでおきたい
  • HTML5への道、週刊から日刊へ | エンタープライズ | マイコミジャーナル

    The WHATWG Blog - Please leave your sense of logic at the door, thanks! HTML5の仕様策定動向を報告するブログとしてThe WHATWG Blogが開始されたのは2006年11月15日(米国時間)、今から2年と3、4カ月ほど前の話になる。当初は不定期にブログが更新されていたが、開始から2年ほど経った2008年11月5日(米国時間)、2010Q3以降に登場するとみられるHTML5の新しい要素や属性、そのほかの機能を解説するシリーズThe Road to HTML 5が開始されてからはほぼ週刊で更新されていた。 HTML5自身は3度目のワーキングドラフトが公開され、詰めの作業にはいっている。HTML5に対応したメジャーサイトも登場するなど、正式規約になる前段階でありながらもちらほらと姿を見せつつある。こうした状況を加味し

  • 【ハウツー】FirebugにHTML/CSSリファレンスをアドオン! - FireScope (1) あのプロパティの使い方なんだっけ? これからはFireScopeで一発! | エンタープライズ | マイコミジャーナル

    あのプロパティの使い方なんだっけ? これからはFireScopeで一発! SitePoint.comは1月27日(米国時間)、Firebug上で動作するアドオン「FireScope v1.0.1」をリリースした。FireScopeはFirefox2-3のFirebug1.2以降で動作するアドオン。各種HTMLエレメントやCSSプロパティといった要素のリファレンスと各種ブラウザの対応状況、サンプルコードを表示してくれるアドオンだ。SitePointが公開している各種HTML, CSSリファレンスの一部をまとめた内容となっている。 主な機能は次のとおり。 HTML Elements Reference HTML Attributes Reference CSS Properties Reference サンプルコード リファレンス内検索 W3C勧告に準拠しているかどうか 各種ブラウザ対応状況(

  • ウノウラボ Unoh Labs: エラスティック・レイアウトのご紹介

    yamaokaです。 エラスティック・レイアウトというwebサイトのレイアウト手法をご存知でしょうか?  「エラスティック(elastic)」とは、ゴムのように弾力性がある状態のことです。 言い換えると「伸び縮みするレイアウト」になるでしょうか。 webサイトの代表的なレイアウト手法として、次の2つが挙げられるかと思います。 固定幅レイアウト リキッド・レイアウト 固定幅レイアウト 固定幅レイアウトでは、 コンテンツを格納するボックスの幅を以下のように絶対値で指定します。 div#container { width: 800px; } 固定幅レイアウトの場合、ウィンドウや文字のサイズが変更されてもレイアウトの枠は変わりません。 したがって、ウィンドウを大きくすると表示されるエリアが小さくなってしまったり、 文字のサイズを変更すると外枠が変わらないので読みづらくなってしまったりします。 リキ

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • Web屋のためのVim設定・Tipsまとめ 2/2 - ナレッジエース

    おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) 「Web屋のためのVim設定・Tipsまとめ 1/2」からの続き。 Vimを使ったHTMLCSSの編集について、さらに関係しそうな事項を紹介します。 HTML編集でもよく使うVim機能 =キーで自動インデント HTMLのインデントが崩れているときは、範囲選択して=キーを押せば、自動的にタグの入れ子を認識してインデント調整されます。 ばらばら→範囲選択→「=」ですっきり カレント行だけインデント調整したい場合はノーマルモードで==とすれば可能です。 なお、手動でインデントを上げ下げするには、ノーマルモードでは>と<、インサートモードでは<C-t>と<C-d>が使えます。 gfで相対パスのリンク先ファイルを開

  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。

  • http://www.designwalker.com/2009/01/table.html

    http://www.designwalker.com/2009/01/table.html
  • ブログ全盛期だからこそ逆を行く――HTMLサイトの始め方(初心者向け) - ネットナナメ読み - 山田井ユウキ - builder by ZDNet Japan

    builder読者の皆さん、こんにちは。 山田井ユウキです。 前回の記事にたくさんのコメントありがとうございました。 また、ありがたいことに古い記事にもちょくちょくコメントをいただくことがあり、これがブログカルチャーの醍醐味か! と、驚いています。 ……このブログ円熟期にお前は今さら何を言ってるんだという感じですが、HTMLしかなかった時代に個人サイトをスタートさせた僕は、恥ずかしながら未だに「ブラウザ上で記事を書く」というブログの仕様に慣れないんですよね。 ここまで書いてふと思ったんですけど、 このご時世に、「ブログじゃなくてあえてHTMLでサイトを作りたい」と思っている人ってどれくらいいるんでしょう? 昔からやってた人を除けば、もう絶滅危惧種なのかなー。 そりゃブログって便利ですもんね……。企業ならいざしらず、個人サイトでわざわざHTMLを組むなんてめんどくさいこと、やりたくないですよ

    lizy
    lizy 2009/01/12
    このご時世に、あえて手作りサイト
  • Firefox 3.1でアプリケーションキャッシングを試す - builder by ZDNet Japan

    アプリケーションキャッシングの使用例 ここでは、リスト1とリスト2の2つのページを用意した。2ページ目は画像を1つ含んでいる。両ページとも、html要素にはmanifest属性で"cache-manifest.manifest"というキャッシュマニフェストを指定している。 リスト1 index.html アプリケーションキャッシュの使用例 次のページへ リスト2 page2.html 2ページ目 index.htmlへ 画像を含む3つのファイルをキャッシングしたいので、キャッシュマニフェストはリスト3のようにする。 リスト3 cache-manifest.manifest CACHE MANIFEST # v1 index.html page2.html image.jpg また、キャッシュマニフェストはtext/cache-manifestというMIMEタイプで送信されなくてはならないの

    Firefox 3.1でアプリケーションキャッシングを試す - builder by ZDNet Japan
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。

    lizy
    lizy 2009/01/04
  • 送信ボタンの上にリンクがあればtabindex=-1に | ランサーズ社長日記

    いいね! 1 ツイート B! はてブ 86 Pocket 8 入力フォーム間の移動はマウスで行いますか?tabで移動しますか? 例えばtabでログインフォームを移動していて、IDとパスワードを入力して、送信ボタンを押そうとする時に、送信ボタンの上にリンクがあって、間違ってリンクを押してしまい、とてもストレスを感じたことはありませんか? 年始に興味がわくような話題ではないかもしれませんが、ちょっとしたTIPSに。。 ライブドアさんを例に出して申し訳ないのですが、ライブドアさんのログイン画面には「ID・パスワードを忘れた方」というリンクがあります。 パスワードを入力した後にtabを押すと、このリンクにカーソルが当たります。フォーム間の移動をtabで行い、最終フォームに来ると「tab + Enter」が癖になっている人に取って、このリンクを間違って押してしまうことが結構あります。リンク後に戻って

  • ウェブアプリをローカルにキャッシュするHTML 5のアプリケーションキャッシング機能 - builder by ZDNet Japan

    連載!プロが語るストレージ戦略 第一回:データ保護の重要性と対策 基幹システムのデータを論理破壊から守る 連載!プロが語るストレージ戦略 第二回:DX時代のデータ活用とデータ運用 注目される階層型データ基盤のとは何か SoRとSoEをつなぐDX推進の要 新しい時代の顧客とのデジタル接点管理 クラウド型商品管理基盤(PIM)の重要性 性能の大幅向上を実現! 最新AMDプロセッサを採用した最先端H/W ユーザーの求める幅広いラインナップを実現 リモート、オフィス、オンサイト 働く場所を選ばないハイブリッドワーク これからの快適な業務環境構築のポイント セキュリティの今を知る 特集企画 ZDNet Japan Security Trend Spring 繋がる世界のデータセキュリティの最前線 データの散在と非常率運用がネック 企業のDXITが妨げる喜劇を回避するために キーマンが明かすデータ管

    ウェブアプリをローカルにキャッシュするHTML 5のアプリケーションキャッシング機能 - builder by ZDNet Japan
  • How to Sanitize HTML and CSS in Ruby

    Ruby Weekly is a weekly newsletter covering the latest Ruby and Rails news. If you've developed an application that displays user-supplied text in a Web browser, it's always possible that the user has entered some crazy HTML (or even CSS) that will break your site's layout. While it's easy to remove all HTML from a piece of text, you might want them to use certain subsets of HTML to format their c

  • 旧・Macの手書き説明書 - FC2 BLOG パスワード認証

    ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.

  • HTML 5のクライアントサイド・データベースストレージ - builder by ZDNet Japan

    SQLでより複雑なデータの保存が可能に 前回まではHTML 5で新しく導入される予定のDOM Storageを使ってローカル側にデータを保存する方法を紹介してきた。HTML 5にはもうひとつ、クライアントサイド・データベースストレージと呼ばれる機能が用意される(長いのでここではローカルDBと記載することにする)。これはローカル側のリレーショナルデータベースに、ウェブアプリケーションで利用するデータを保存し、SQLでアクセスできるというもの。DOM Storageはキーと値のセットという形でしかデータを保持できなかったが、ローカルDBを使えばより複雑な構造を持ったデータを保存することが可能となる。 残念ながら、Firefox 3ではまだこの機能はサポートされていない。FirefoxではFirefox 2の頃よりローカル側にデータを保存するデータベース機能が用意されていたが、これは拡張機能のた

    HTML 5のクライアントサイド・データベースストレージ - builder by ZDNet Japan
  • DocxファイルをXHTMLに変換する·OpenXML Document Viewer MOONGIFT

    かつてMS Officeのファイル形式はブラックボックスだった。そのためにシェアを拡大し、揺るがぬ地位を築いたのだが、紆余曲折を経て、今はOpenXML Documentへの対応を余儀なくされている。ユーザにとっては選択肢があるというのは素晴らしいことだ。 OpenXML DocumentをXHTML化 OpenXML Documentはその名の通り、XML形式のドキュメントだ。ということはバイナリではなくテキストだ。それを利用してブラウザでもOpenXML Documentを見られてしまうようにするのがOpenXML Document Viewerだ。 OpenXML Document Viewerはマイクロソフト製のオープンソース・ソフトウェアで、OpenXML DocumentをXHTMLファイルに変換するソフトウェアだ。 OpenXML Document Viewerはコマンドライ

    DocxファイルをXHTMLに変換する·OpenXML Document Viewer MOONGIFT
  • HTMLに画像も含める、IE8登場後には使うシーンもあるか | エンタープライズ | マイコミジャーナル

    SitePoint: New Articles, Fresh Thinking for Web Developers and Designers The "data" URL schemeを使ってWebページやCSSファイルにバイナリデータ、特に画像を含めるというのは、現状においてはバッドノウハウでしかないかもしれない。しかしながらいくつかのレアなケースにおいては有効なテクニックでもある。現状直ぐに採用するといったテクニックではないが、そういった技術があることは知っておいても損はないだろう。 SitePointにおいてMeitar Moscovitz氏がWhy The data: URI Scheme Could Help Save Your Slow SiteのタイトルでThe "data" URL schemeを使う方法を紹介している。The "data" URL schemeはRFC

  • [CSS]一枚の画像で、四隅が角丸のパネルを実装するスタイルシート

    Usability Postから、一枚の画像で、四隅が角丸のパネルを実装するスタイルシートを紹介します。 Scalable Content Box Using Only One Background Image demo 仕組みは、全体を囲む「div」と見出し「h2」に同じ背景画像を指定し、それぞれポジションを「bottom」と「top」にして配置するものです。 仕組みのイメージ 文のテキストは、背景画像の長さ分(デモでは1000px)までテキスト量が増えても正常に表示されます。 見出しは、同じく見出しの長さ分(40px)までとなります。 追記: 下にある「Update」に、文量がどれだけ増えても大丈夫なバージョンがあります。 demo 2