Facebookページへ簡単にコンテンツを追加できる無料アプリ『Static HTML』がバージョンアップ ｜ ガジェット通信 GetNews
バリュークリエーションは、Facebookページにオリジナルコンテンツを簡単に追加できる無料Facebookアプリ『Static HTML』に新機能を追加、有料のオプションプランを提供開始しました。 『Static HTML』は、HTMLベースで簡単にFacebookページにコンテンツを追加できる国産Facebookアプリ。2011年3月に提供を開始し、これまでに約4万件以上のFacebookページ（2011年7月11日現在）に導入されている人気アプリになっています。今回は、従来のFacebookページをHTMLベースで編集できる機能に、「いいね！」ボタンを自由に設置できる『どこでも「いいね！」ボタン』を新たに追加。Facebookページに訪問したユーザーに、ファンになってもらう（「いいね！」を押してもらう）フックとなる部分を強化しました。 また、無償版（Free)のほかに新たに3タイプの
もしも10分の1の行数でHTMLが書けたら
Zen-Codingとは 1年ほど前から、Zen-Codingが話題になっています。Zen-Codingを使うと、特定の省略された記法を展開できます。この展開が非常に強力で、ちょっとしたHTMLを記述するのであれば、Zen-CodingでHTMLやCSSのマークアップを効率的に行えます。 Zen-Codingはさまざまなテキストエディタに対応したプラグインとして提供されています。プラグインには、公式対応しているものと、サードパーティの開発者が作成したものがあります。 それぞれのプラグインによって、実装機能が異なる場合があります。これらのプラグインの詳細はZen-Codingの公式サイトから確認できます。 基本的な使い方 ここからはZen-Codingの基本的な使い方を解説します。Zen-Codingをテキストエリアで利用できるサンプルを用いて、実際に試しながら読み進めてください。テキストエ
無駄なdiv要素やclassだらけのマークアップから卒業する方法
グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意訳したものです。 はじめに CSSのフレームワーク：960.gsの場合 classの乱用を避ける リスト要素の使用 画像とキャプションの使用 複数の見出しとパラグラフの使用 子要素のclassは親要素に はじめに 数年前までウェブページの設計はテーブルがスタンダードでした。そしてCSSはそれを大きく変え、今日ではCSSのフレームワークがウェブページの設計を容易にしてくれています。 しかしながら、このCSSのフレームワ
HTMLやStrutsに必須の“タグ”と“サブミット”の常識
HTMLやStrutsに必須の“タグ”と“サブミット”の常識：Webアプリの常識をJSPとStrutsで身につける（4）（1/3 ページ） 本連載は、JSP／サーブレット＋StrutsのWebアプリケーション開発を通じて、Java言語以外（PHPやASP.NET、Ruby on Railsなど）の開発にも通用するWebアプリケーション全般の広い知識・常識を身に付けるための連載です 前回は、「Webアプリにおけるサーバとクライアントの常識」と題し、サーバとクライアントの関係性をソースコードから説明しました。 今回は、前回と前々回の「Strutsの常識を知り、EclipseとTomcatの環境構築」で少しだけ触れたHTMLタグやStrutsなどに備わっている「タグライブラリ」や“サブミット”ボタンについて詳しく説明していきます。 そもそもHTML、HTMLタグ、そして“サブミット”とは？ 「H
HTMLの表現力が辿ったここまでの道のりを知っておこう
Webでコンテンツを表現する決まりである共通言語のHTML。世界共通語であるHTMLがここまできた道のりを知っておこう。 HTMLはコンテンツを表現するための決まりですが Webページ制作にかかわるすべての方向けのHTML超入門。前編の「まずはHTML。ハイパーなタグ付き言語」に続く後編ですので、まだ読まれていない方はそちらからお読みください。超初心者向けにHTMLが表現できることを説明しています。 前編で、HTMLが「画像やテキストなどのコンテンツをWebページに再現するための共通言語」であることがご理解いただけた方向けに、後編ではHTMLを取り巻く周辺技術についてさらに説明をしたいと思います。 Webの世界が一般的なものになって10年以上がたちます。ずっと一線で活躍していたHTMLにもいろいろと足らない部分が出てきました。足らない部分をどのような技術や思想で補ってきたかを見てみましょう
窓の杜 - 【NEWS】好きなテキストエディターでHTMLタグ入力補完を利用できる「HTMLAssistant」
さまざまなテキストエディターでHTMLタグ入力補完機能を利用できるようにする支援ソフト「HTMLAssistant」v1.06が公開された。Windowsに対応するフリーソフトで、編集部にてWindows XPでの動作を確認した。現在、作者のホームページからダウンロードできる。 「HTMLAssistant」は、タスクトレイ常駐型のHTMLタグ入力支援ソフト。普段利用しているさまざまなテキストエディター上で、HTMLタグの入力補完を実現できるのが特長。 本ソフト起動中に任意のテキストエディターで“<”を入力すると、HTMLタグの要素や属性の候補リストがキャレット位置にポップアップ表示される。このとき、1文字入力するたびに該当するHTML要素が絞り込まれていく仕組み。また、属性に関してもキャレット位置の要素に対応する候補のみに絞り込むことが可能。 本ソフトは多くのテキストエディターに対応して
Vector： Crescent Eve - 新着ソフトレビュー
Crescent Eve 文法チェックやプレビューなどの機能を備え、手入力を強力にサポートする高機能HTMLエディタ タグ、属性の入力支援をはじめ、HTMLの入力に便利な機能を多数備えたテキストエディタ。「Crescent Eve」は、HTMLの作成・編集に特化したテキストエディタ。HTMLの入力支援や文法チェック、リアルタイムに反映されるプレビューなどの機能を備え、タグの手入力・挿入作業を強力にサポートする。インタフェースはSDIで、文法チェックの結果やプレビューは、ウィンドウが分割されて表示される。 HTMLの記述を効率的に行うための機能として、入力支援機能がある。例えばユーザが「<」を入力すると、前後のタグを分析して、候補となり得るタグだけをポップアップ表示する。このとき、続けてタグ名の一部を入力すると、入力された文字によって候補が絞られてゆく。 タグ要素だけでなく、属性や属性値も同
第２回 Web標準と新たなマークアップ言語「XHTML」
Web標準ベースのサイト制作では、「XHTML」という新たなマークアップ言語を採用するのが一般的である。なぜHTMLではなくXHTMLを採用するのか、XHTMLのなかでどのバージョンを採用すればよいかを考えてみよう。 HTMLからXHTMLへ 現在のWebデザインでは、新規案件、リニューアル案件ともに、従来のHTMLではなくXHTMLを採用するケースが増えてきている。XHTMLは「Extensible HyperText Markup Language」の略であり、HTMLをXMLで再定義したマークアップ言語だ。 HTMLとの違いは、フルスペルからもわかるとおり、まず「Extensible（拡張可能）」な点にある。XMLのサブセットとして名前空間（namespace）が利用できるため、MathML（数式記述のためのマークアップ言語）やSVG（2次元ベクターグラフィックス記述言語）などのXM
@nifty：フォーラム@nifty：ホームページ作りのフォーラム
平素は@niftyをご愛顧いただき、誠にありがとうございます。 この度、2007年3月31日（土）をもちまして「フォーラム@nifty」（フォーラム、サークル、マイデスク機能）は終了いたしました。 これまでの長い間「フォーラム@nifty」をご利用いただいた皆様に厚く御礼申しあげます。 以下、ホームページ作りのフォーラム(FHPG)からのお知らせです。 ホームページ作りのフォーラム(FHPG)は@niftyから活動の場をfolomyへ移させていただきました。 http://fhpg.folomy.jp/へアクセスください。 関連サービスのご紹介 @niftyで提供しているコミュニケーション、コミュニティ関連のサービスをご紹介します。 アバウトミー （http://aboutme.jp/） 自分発見プロフィール。プロフィールを通じて楽しいコミュニケーションを始めよう！ したいやりた
いまさら聞けないHTML --- Part2：レイアウトと見栄えを固定
今どきのWebページは，ウインドウの大きさを変えてもレイアウトが変わらない。見栄えもWebサイト全体で統一されている。このようなレイアウトや見栄えの指定にも，HTMLのタグが使われている。 3ステップでページ作成 Webページ制作者から見ると，Webページの作り方は3ステップ。この作り方の手順に沿って見ていこう（図2-1[拡大表示]）。 ステップ1ではレイアウトを決める。使い勝手や見栄えを考えてレイアウトを決めて，Webページに貼り付ける要素を考えながら枠を区切るわけだ。具体的には，枠を固定して区切ることができるタグを使ってHTMLファイルを作成する。 ステップ2は，スタイルの定義だ。デザインを考えれば，ページ内の文字の大きさなどは揃えたい。しかし，今どきのWebページは，もともとは別のファイルを組み合わせて作ることが多い。部分ごとに，更新頻度が違っていたり，作成者が違ったりするからだ。こ
30分HTML
HTMLは決して難しいものではありません。基本的なことがらなら、30分で概要を理解することだって可能です。そして、その基本だけで、十分ウェブページを書くことができるのです（ここでは、より広い可能性を持つXHTMLの書き方に準じて説明します）。 最初の準備 よいHTML HTMLの基本形 タグとは何か タイトルを決める 分かりやすい本文の構造 段落を示す 見出しをつける リストにして示す いろいろな情報の伝え方 リンクする 強調する 画像を表示する 作者情報 マーク付け言語と文字の情報 よいHTML せっかくHTMLの書き方を身につけるのですから、どうせなら「よい」HTMLを書けるようにしましょう。全ての学習と同じで、「よい」メソッドを身につけると、絶対に理解も早いしあとが楽になります。すぐにHTMLを書きたい人も、ちょっとだけ付き合ってください。 よいHTMLの条件 よい文章の条件の一つが
ラジオボタンにはlabelタグのforが便利 - モジログ
はてなブックマークの「注目エントリー」で、３ユーザと５ユーザの切替ボタンが、 ラベルと連動していないことに気づいた。 HTMLソースでいうと、いま <input value="3" name="threshold" type="radio"> 3users <input value="5" name="threshold" type="radio"> 5users のようになっていますが（ちょっと簡略化しています）、 <input value="3" name="threshold" type="radio" id="button1" /> <label for="button1">3users</label> <input value="5" name="threshold" type="radio" id="button2" /> <label for="button2">5users
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IEでコンテンツの内容が複製されるバグに悩む | 悩んデルタール人の部屋
改めて問う、marquee、blinkタグの意義 - スラッシュドット・ジャパン