タグ

htmlに関するmakotoworldのブックマーク (14)

  • ブログアフィリエイトで稼ぐのに役立った「最強ツール」27選【保存版】

    検索キーワードを調べるツールまとめ キーワードを調べる決定版「Google キーワード プランナー」 Googleが運営するキーワードツールで、おおよその月間検索数や競合性が高いかどうかを調べることができます。 キーワードリストをダウンロードしておいて、そこから作る記事を考えるのが効率的。 一定の広告料を使わないと細かな数値は分かりませんが、Googleのデータを元に記事タイトルを決められるので、使ってない人は絶対使っておきましょう。 Googleキーワードプランナー キーワードの組み合わせが分かる「ラッコキーワード」 キーワードの組み合わせを探せるアドバイスツール。 Googleのキーワードプランナーほど細かなデータは分かりませんが、シンプルで使いやすいツールです。 ラッコキーワード 検索順位を調べるツールまとめ 業者も使う順位チェックツール「GRC」 他のツールだと毎回キーワードを入力

    ブログアフィリエイトで稼ぐのに役立った「最強ツール」27選【保存版】
  • jsdo.it

    Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a

    makotoworld
    makotoworld 2010/07/02
    これはいいねー
  • 少しのコードで実装可能な20のCSS小技集

    2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください! ↑私が10年以上利用している会計ソフト! コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね! 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox

    少しのコードで実装可能な20のCSS小技集
  • Template::Semantic - トミールの技術系日記

    追記: Yokohama.pmで話してきました。 http://e8y.net/blog/2010/03/06/p287.html - http://search.cpan.org/perldoc?Template::Semantic Upした。 benchmarkとってみたけど、TTよりは速い。Text::MicroTemplateには届かない。 http://github.com/tomi-ru/Template-Semantic/commit/570e295d3fb03ce34f94272e8940fd4311fc0992 ただ「元のHTMLにテンプレート言語を埋め込んでいる時間」を考えるとずっと効率的なテンプレートエンジンだと思う。デザイン→HTML→テンプレート の過程の最後の部分を飛ばせる。 なんとか.pm が近く開催されたら宣伝しよう。 podにも書いたけどまだAPI変えても

    Template::Semantic - トミールの技術系日記
  • tokuhirom blog

    Blog Search when-present<#else>when-missing. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: ${entry.path} [in template "__entry.ftlh" at line 3, column 25] - Reached through: #include "__entry.ftlh" [in template "entry.ftlh" at

  • Web開発周りのVimの設定

    HTML/CSS/JavaScriptを書くために行ったVimの設定やインストールしたスクリプト等をざっとまとめてみた。「VimでWeb開発を100倍効率的にする方法」といったような生産性を上げるための設定の類ではない。 HTMLファイルを:makeで文法チェック tidy.vimが用意されているので、HTML Tidyをインストールし、.vimrcに以下のように書くだけで良い。 autocmd FileType html :compiler tidy autocmd FileType html :setlocal makeprg=tidy\ -raw\ -quiet\ -errors\ --gnu-emacs\ yes\ \"%\" tidy.vimのmakeprgでは日語が化けるので-rawを追加する。 HTMLファイルのインデントをやり直す gg=G ノーマルモードではggでファイ

    Web開発周りのVimの設定
  • 大藤幹のHTML/XHTMLタグ辞典 : 本を買うよりもアプリで買った方が100倍便利だと思う!1674 | AppBank

    大藤幹のHTML/XHTMLタグ辞典 : を買うよりもアプリで買った方が100倍便利だと思う!1674 大藤幹のHTML/XHTMLタグ辞典!iPhoneHTML/XHTMLの辞書を入れて持ち歩くなんていかがでしょうとおすすめするのはappbank デザイナーのentrypostman! 「プロが認める唯一の物のタグ辞典」とiTunesの説明欄。 単純な電子書籍ではありません。iPhone用に最適化して作られています。検索機能も素晴らしいですし、サンプルコード、そしてSafariがあるのでそのままそれが見れたり。iPhoneならではのトータルクオリティですよね。紹介します! さて、早速検索してみました。 例として、引用タグ「blockquote」を見てみましょう。 充実しています。引用タグ「blockquote」の説明が上の2個の画面から続いてこちら。 しかもSafariでプレビュー

  • Best Website Builder Reviews & Guildes

    My Website Builder Reviews & GuidesMy name is Lesley Haught, and this is my website for website builder reviews, testing, comparison, and guides. There are more than 200 different website builders and online platforms for self-launching websites in the world. You’d think creating your own website would be simple. The reality? Many of these platforms fall short. That’s why I put the top website bui

    Best Website Builder Reviews & Guildes
  • Webサイトの制作/運用の効率化を図る 「ガイドライン策定」のすすめ(前編)(1/4):CodeZine

    Web標準に従うことは、SEO効果、ユーザービリティ、メンテナンス性の向上など、Webサイトの利用者と制作者の双方にさまざまなメリットをもたらします。しかし、実際にWeb標準の仕様書に従ってWebサイトを制作しようとすると、制作者の頭を悩ませる多くの問題が待っています。連載では、Web標準のメリットを最大限に生かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口をたらしていきたいと思います。 はじめに Web標準に従うことは、SEO効果、アクセシビリティ、ユーザービリティ、相互運用性、互換性、メンテナンス性の向上など、Webサイトの利用者と制作者の双方にさまざまなメリットをもたらします。しかし、実際にWeb標準の仕様書に従って「正しい(X)HTML+CSS」でWebサイトを制作しようとすると、制作者の頭を悩ませる多くの

    Webサイトの制作/運用の効率化を図る 「ガイドライン策定」のすすめ(前編)(1/4):CodeZine
  • まずはHTML。ハイパーなタグ付き言語(1/5)<デザイナーのためのWeb勉強帳(1) - @IT

    Webページを構成する技術を超初心者向けに説明。まずは基の基である「HTML」について。ハイパーなタグ付きテキストを一緒に解読しましょう インターネットはHTMLでできている? インターネットの利用者は総務省の調べによると、平成18年度のおととしの時点で8754万人に達したそうです。人口に対する普及率は68.5%で、およそ7割の人が、インターネットを利用していることになります。言われてみれば、60歳以上の年配の方が、メールやチャットでのコミュニケーション、サービスや製品の評判や性能を調べたり、通販やオークションサイトで商品を手に入れたりしていると聞いても、そんなに驚かなくなってきました。 どっぷりとインターネットが生活にしみこんできているのですが、そんな中で、一番皆さんの目に触れやすいのがWebページだと思います。 そして、この記事を読んでいる人は、Webページ制作にかかわっている人が

    まずはHTML。ハイパーなタグ付き言語(1/5)<デザイナーのためのWeb勉強帳(1) - @IT
  • HTMLとして表示したい場合は必ずtext/htmlで出力してください - Web標準普及プロジェクト

    HTMLとして表示したい場合は必ずtext/htmlで出力してください text/css等で、既にMozillaがHTTPヘッダを仕様通り、厳密に取り扱っているという事を紹介しました。 この話も同じことで、Mozillaでは送信された内容が、例えHTML文書であっても、そのContent-typeがtext/plainであると受け取ると、 単なるプレーンテキストとして表示します。つまり、ソースがそのまま表示されることになるのです。 Perlで書かれたCGIの場合 Perlは元々、Webアプリケーションのためのプログラミング言語ではありませんので、HTTPヘッダの部分を原始的に出力しています。 多くの場合、PerlでのCGI作成の入門文書には次のようにコーディングするように、理由も書かずに書かれているかと思います。 print "Content-type: text/html\n\n"; p

    makotoworld
    makotoworld 2008/03/18
    原理を理解できる重要な解説。
  • http://www.rcdtokyo.com/ucb/contents/i000851.php

  • 箱形のページ移動リンクを作る - [ホームページ作成]All About

    見やすくクリックしやすい箱形ページ番号 一部のニュース系サイトなどで見かける、箱形のページ移動リンクを作ってみましょう。 ただ数字を並べるだけよりも大きく見えるので、分かりやすくてクリックしやすいリンクになります。 例えば以下のようなものです。 上記では、画像は使っていません。ページ番号はすべてテキスト(文字)です。ですから、大きさの変更が可能です。 ブラウザの設定で文字サイズを変更すると、ページ番号の大きさも変化します。 上記は、ページが10まであって3ページ目が表示されている場合の例です。 「3」の部分だけ色が変わっていてクリックできないのはそのためです。 テキストですから、数字以外も使用可能です。例えば、A・B・C…なども使えます。使ってみた例は下記の通りです。

  • 世界のPHPテンプレートエンジン、トップ25

    PHPテンプレートエンジンというのは、PHPによるプログラム部分と、HTMLによるデザイン部分を分離することによって、メンテナンス性を向上させることができる、というもの。 プログラムするPHPを扱う側の人にとって見れば、デザイナーの仕上がりを待たずにソースの修正などが可能になり、デザイナー側から見れば、PHPの知識が無くてもテンプレートファイルの部分を変更するだけでデザイン可能になる、というわけ。 そんなPHPテンプレートエンジンの中でも特に有名なトップ25を見てみましょう。 Jaslabs >> Top 25 PHP template engines 中には知らないのも混じってますが、それだけいろいろあるよ、ということで。 Smarty 動作速度の高速さとフレキシブルなところがウリ、かなり有名。 Heyes Template Class とても使うのが簡単で、パワフルらしい。ページレイア

    世界のPHPテンプレートエンジン、トップ25
  • 1