HTML | Technolog.jp - ICTウェブマガジン

HTML

WordPress – HTML5 & ミニマルデザインの無料テーマ

  • WordPress
  • WordPressにもHTML5やCSS3を使用して作成された無料テーマが増えてきました。その中でもミニマルデザインに焦点をあて、おすすめのテーマをご紹介させていただきます。これからHTML5/CSS3を勉強したいという方にも参考になるのではないでしょうか。

Firefox 10 & Thunderbird 10 リリース

  • Firefox
  • 2012年1月31日、Firefox 10およびThuderbird 10がMozillaよりリリースされました。詳細はそれぞれのリリースノート(Firefox / Thunderbird)をご覧いただくとして、個人的に目を止めた機能を1つずつご紹介させていただきます。

初心者向けホームページ作成ソフトウェア利用時の注意点

  • ウェブサイト
  • マイクロソフトのワードやホームページビルダーように視覚的にホームページを作り込む編集機能を「WYSIWYG」と呼びます。裏では、HTMLやCSSと呼ばれる技術を用いてデザインをしているのですが、WYSIWYGは、視覚的デザインを自動的にHTML/CSSへと変換してくれます。

グーグルの新感覚ビデオダンスメッセンジャー

  • グーグル
  • グーグルが新感覚のビデオダンスメッセンジャー「All Is Not Lost」を発表しました。トップページで任意のメッセージ(漢字不可)を入力し、「OK」を押下すると映像が始まります。

WordPress – おすすめの無料テーマ 1

  • WordPress
  • WordPress 3.2のリリースを控え、最新の無料テーマをご紹介致します。実用性の有無は別として昨今のウェブデザインは、HTML5/CSS3が主流になりつつあり、次回のデフォルトテーマ「Twenty Eleven」をはじめ、モダンな作品を取り上げてみました。

Aptana Studio – 既存フォルダに対するプロジェクトの作成

  • Aptana Studio
  • Aptana Studioでは、新規プロジェクト(フォルダ)を作成する場合、index.htmlを自動生成するのですが、既存フォルダ内に同ファイルがある場合、上書きしてしまいます。これを回避するには、「Existing Hosted Site」を使用します。

無料プロジェクト管理ツール「Gantter」

  • Gantter
  • 「Gantter」は、ウェブベースの無料プロジェクト管理ツール(ガントチャート)です。MS Projectとの互換性もあり、グーグルドキュメントへの保存と読み込みが可能、日本語対応(一部を除く)、PDF/PNG/HTML出力など無料とは思えないほどのクオリティです。

Dropbox 活用術 PART3 – ホスティングとして利用

  • Dropbox
  • Dropboxには特定のフォルダを一般公開する機能が存在します。用途は様々でしょうが、この特性を生かし、ホスティングとして利用すれば、無料でウェブサイトを公開することができます。プライベート使用等で独自ドメインに拘らないのであれば、最大10GBのホスティングは大変魅力的です。

フィード表示用のJavaScriptを自動生成 – RSS25.com

  • RSSフィード
  • ウェブサイトのトップページにプレスリリースなどのフィードを表示することがよくありますが、どのように対応されているでしょうか?CMSであればプラグインを使用し、簡単に表示できますが、静的サイトでは、iframeやJavaScriptを使用されているはずです。RSS25.comは、JavaScriptを自動生成してくれます。

ホームページにCMSを選ぶ理由

  • NO IMAGE
  • 従来、ホームページはページ単位でHTMLをコーディングし、その都度、メニューやリンクを編集しなければならず、サイト構成が変わるとそれこそリニューアルに近い作業が発生していました。しかし、CMSの出現によりデザイン、コンテンツ、機能をそれぞれ別々に管理できるようになり、制作時はもちろん、運用時においても大幅な費用削減が実現されるようになりました。

WordPress – 最近のお気に入りプラグイン

  • NO IMAGE
  • 本サイトにおいてWordPressのプラグインのご紹介は幾度となく行ってまいりましたが、汎用性の有無は別として最近の筆者の個人的なお気に入りを取り上げてみたいと思います。

Aptana 操作マニュアル – 初期設定

  • Aptana Studio
  • 無料の高機能HTMLエディタ「Aptana Studio」。これまでホームページ作成ツールとしてデファクトスタンダードとされてきたDreamweaverに取って代わる存在として注目を集めています。今回は初めて「Aptana Studio」をご利用される方に向け、オススメの初期設定をご紹介します。

HTML – METAタグの配置には要注意!

  • NO IMAGE
  • HTMLコーディングをしている際に遭遇したちょっとした文字化けハプニングです。そのサイトはXHTML 1.1で作成していました。HEADタグ内で文字コード(UTF-8)を指定し、ファイル形式にもUTF-8を使用していため、安心していたのですが、一部の端末のIEで開いたところ、文字化けを起こしているのです。