タグ

HTMLに関するbabydaemonsのブックマーク (66)

  • 静的HTMLサイトをWordPress化するときの具体的な移行手順 | HPcode(えいちぴーこーど)

    静的HTMLサイトをWordPress化するときの具体的な手順をまとめました。色々な手順が必要です。 範囲が広すぎるため、深くまで掘り下げていない部分もありますがご了承いただければと思います。ザックリとした全体像を把握できることを目的としています。 下記の静的HTMLサイトを実際にWordPress化していきます(ちなみに以下のサイトは「おしゃれなWebサイトテンプレート集」の付録テンプレートです。)

    静的HTMLサイトをWordPress化するときの具体的な移行手順 | HPcode(えいちぴーこーど)
  • AMP(Accelerated Mobile Pages)の基礎知識から対応・導入方法まで!まとめ | 株式会社ウェブ企画パートナーズ


    Accelerated Mobile PagesGoogleAccelerated   URLGoogle http://g.co/ampdemo TwitterAMP Google
    AMP(Accelerated Mobile Pages)の基礎知識から対応・導入方法まで!まとめ | 株式会社ウェブ企画パートナーズ
    babydaemons
    babydaemons 2017/02/12
    あのサクサク感は魅力だなー
  • UIデザイナー募集で困ってること | F's Garage


    COOkengochiUI UI | Parallelminds BASE1UI BASEUI Web JavaScript kengochi 1D.A.23
    UIデザイナー募集で困ってること | F's Garage
    babydaemons
    babydaemons 2014/11/07
    5つのスキルで専門性を要求してるんだから、5×500万/年で年収2500万とかコメント着いてる。まとめ買い割引ないんですかw
  • 『CSS 二重の取消し線・打ち消し線』

    アメーバブログ(Ameba アメーバ)をCSSでカスタマイズしてオリジナルブログにしてみませんか? CSSでどこまでスキンをカスタマイズできるかチャレンジ! 初心者でもオリジナルなスキンで個性的なアメーバブログ(Ameba)に! これも問い合わせが多いです 取り消し線(打ち消し線)・・・・・ 色違いの取り消し線はどうやるのですか? コレについては http://ameblo.jp/exlink/entry-10132377749.html ここにありますので参考にしてください ・・・・・じゃあ・・・普段よく使う二重の取り消し線は? これはHTMLにもCSSにも残念ながらありません・・・・ googleで二重取消し線、二重取消線、二重打ち消し線 などで調べても出てきません 諦めてください・・・・ えっ?・・・・  じゃあ・・・・ ↑は? うっふっふ・・・・ 残念ながら二重の取り消し線でも二重

    babydaemons
    babydaemons 2014/10/28
    この発想面白い
  • 911から13年、ワールドトレードセンターからグラウンド・ゼロへと移り変わったニューヨークの光景(画像)

    911から13年、ワールドトレードセンターからグラウンド・ゼロへと移り変わったニューヨークの光景(画像)

    911から13年、ワールドトレードセンターからグラウンド・ゼロへと移り変わったニューヨークの光景(画像)
    babydaemons
    babydaemons 2014/10/10
    このUIの実装、気になるからあとでGoogle Chrome Developer Toolで調べて見ようっと
  • Content-type:text/htmlのcharset指定はUTF-8,utf-8,utf8どれが正しいの?調べてみた。 · DQNEO日記


    Home Subscribe UTF-8?utf-8? UTF8? utf8? 調   "UTF-8"  UTF-8, a transformation format of ISO 10646  UTF-8utf-8 " HTTP character sets are identified by case-insensitive tokens. " Hypertext Transfer Protocol -- HTTP/1.1  Shift_JIS/shift_jis EUC-JP/euc-jp   (2011/8/17)
    Content-type:text/htmlのcharset指定はUTF-8,utf-8,utf8どれが正しいの?調べてみた。 · DQNEO日記
  • jQueryを使って指定サイズに画像均等縮小みたいな〜 - w7工廠

    テーブルの中に画像を表示させる際、幅か高さをぴったりあわせて均等縮小でおさめたいときに。 (追記:記事と別コード追加 2011-12-15) サンプルはこちら→W7工廠分室|トップページ サイズを変更できるようにしました。(変更の必要がない場合はinputとか不要です) HTML(head) <script src="jquery.js"></script> <script type="text/javascript" src="jq_imgSizeControl.js"></script> <script> $(function(){ $('input#tbutton').click(function(){ imgSizeControl($('input#twidth').val(),$('input#theight').val()); }); }); </script> HTML(bo

    jQueryを使って指定サイズに画像均等縮小みたいな〜 - w7工廠
  • JavaScriptでウィンドウサイズに合わせて画像サイズを変更 - bonlife


    (http://www.hatena.ne.jp/1140032618)(2006/02/17 00:45)1JavaScript()JavaScriptIE6.0Firefox1.5
    JavaScriptでウィンドウサイズに合わせて画像サイズを変更 - bonlife
    babydaemons
    babydaemons 2013/04/09
    必要時にアルゴリズムだけパクろうっと。
  • jQueryでTableタグをスクレイピングして値を取り出す方法 - 小さい頃はエラ呼吸

    はじめに 以前、JavaScriptでtableタグをスクレイピングして値を取り出す方法 というエントリを書きました。 先日、コメント欄でjQueryで書きなおすとどうなりますか?と聞かれたので、jQueryで書いてみました。 jQuery最高の教科書posted with amazlet at 14.01.23株式会社シフトブレイン SBクリエイティブ 売り上げランキング: 17,130 Amazon.co.jpで詳細を見る jQueryでTableタグをスクレイピングしてみる テーブルタグをもつHTMLを作成します。 <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>tableタグのサンプル</title> <style type="tex

    jQueryでTableタグをスクレイピングして値を取り出す方法 - 小さい頃はエラ呼吸
    babydaemons
    babydaemons 2013/04/08
    もう、やりたいことがずばり書いてあるw
  • userAgent一覧

    ブラウザの判別や携帯の機種判別に利用するためのユーザーエージェント一覧です。ただし、ユーザーエージェントは詐称(偽物)される場合があるため、完全にユーザーエージェントでブラウザなどの判別ができるわけではありません(詐称の方法のページを参照)。ここに掲載されているものは、このサーバーなどに対してアクセスしてきたユーザーエージェント名などを抽出したものなどです。あまりに古いブラウザおよびマイナーなブラウザに関してはアクセスログがないため掲載できていません。 [トップページに戻る] ■iPhone ●iOS Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C28 Safari/419.3 ●iOS2 Mozilla/5.0 (iPhone

  • ワンクリックでHTMLからCSS/LESS/SASSを自動生成してくれる『OneClickCSS』 | IDEA*IDEA

    他にも似たようなツールがあるかとは思いますが、シンプルで使いやすかった&なかの人からリリースもらったのでご紹介。HTMLからスタイルシート(のセレクタ)を自動生成してくれるツールですね。 ↑ LESS/SASSにも対応しているのがいいですね。 ↑ 左側に貼り付けると右側に生成してくれます。 最初に構造だけ書いちゃってあとからスタイル書きたい時に便利かもですね。知っておいても損はないかと思います。 » OneClickCSS

    ワンクリックでHTMLからCSS/LESS/SASSを自動生成してくれる『OneClickCSS』 | IDEA*IDEA
    babydaemons
    babydaemons 2013/01/30
    これで克服できるかもよ > @trinityCRZ
  • 携帯サイト(html,table使用可)の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α


    htmltable使 table使 table   31 htmlCSS使 Shift-JIS CR LF  docomo 901 au WIN sb 3G  tabletable使table table使
  • 携帯サイト(html)の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α


     css使table使  2 
  • Webアプリケーションを高速化する50のトリック

    MicrosoftのInternet Explorer PMであるJatinder Mann氏は、BUILD 2012でHTML5アプリとサイトを高速化する50のパフォーマンストリックというセッションで、Webアプリケーションを高速化する多くのチップスを提供した。 Mann氏が提供したアドバイスは、以下の6つの原則を中心に構成されていた。 1. ネットワークリクエストに迅速に応答する リダイレクトを避ける。上位1,000のWebサイトのうち63%は、リダイレクトを使用している。これらはリダイレクトをやめることによって10%のパフォーマンスを改善することができる。 メタリフレッシュを避ける。世界のURLのうち14%は、メタリフレッシュを使っている。 可能な限りユーザーの近くにあるCDNを使用してサーバーの応答時間を最小化する。 異なるドメインからのリソースをダウンロードすることによって、同時

    Webアプリケーションを高速化する50のトリック
  • はてなブログ | 無料ブログを作成しよう


        
    はてなブログ | 無料ブログを作成しよう
  • Download: Internet Explorer Developer Toolbar - Microsoft Download Center - Download Details

    Overview The Internet Explorer Developer Toolbar provides several features for exploring and understanding Web pages. These features enable you to: Explore and modify the document object model (DOM) of a Web page. Locate and select specific elements on a Web page through a variety of techniques. Selectively disable Internet Explorer settings. View HTML object class names, ID's, and details such as

    babydaemons
    babydaemons 2012/07/05
    "要素を検証"みたいな機能を追加してくれる
  • tableの行と列を固定してスクロール!!Super Tables | バシャログ。


    6ishida WEBWEB ?table  javascript Super Tables  Super Tables  Super Tables htmlhead <link rel="stylesheet" href="superTables.css" typ
    tableの行と列を固定してスクロール!!Super Tables | バシャログ。
  • HTMLのテーブル(table)を行列固定でスクロールさせる


     tableExcel GooleDocsExcel使WEBI/F ExcelHTML  Flash使1JavascriptJSExcelYahooUIDojo調 JS Super Tables http://www.matts4
    babydaemons
    babydaemons 2012/07/04
    なんでもExcel言うなーw
  • クリッカブルマップ - 超初心者のためのホームページ作成講座


      使1 2 CGI34  
    babydaemons
    babydaemons 2012/07/02
    うわ、めんどくせ
  • white-space-スタイルシートリファレンス

    white-spaceプロパティは、ソース中のホワイトスペース(連続する半角スペース・タブ)・改行の表示方法を指定する際に使用します。 white-spaceプロパティは、 1.ソース中のホワイトスペース(連続する半角スペース・タブ)の表示方法 2.ソース中の改行の表示方法 の2点を指定するプロパティです。 この2つの表示方法の組み合わせパターンの数だけ値が用意されている、と考えると理解しやすいかもしれません。 ■値 normal ソース中のホワイトスペースを無視 ソース中の改行を1つの半角スペースとして表示 ボックスサイズが指定されている場合にはそれに合わせて自動改行する(初期値) pre ソース中のホワイトスペースをそのまま表示 ソース中の改行をそのまま表示 ボックスサイズが指定されている場合にも自動改行しない nowrap ソース中のホワイトスペースを無視 ソース中の改行を1つの半角