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

CSS

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

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

Firefox 10 & Thunderbird 10 リリース

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

WordPress – おすすめのTwitterウィジェットプラグイン

  • WordPress
  • 多くのサイトでTwitterウィジェットを見掛けます。公式なので動作は安定し、問題はないのですが、配色以外のデザインを変更することができません。そこでWordPress利用者でデザインに拘りたい方におすすめのプラグインが「Seaofclouds Tweet!」です。

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

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

ウェブデザイン – 参考にしたい見出しデザイン

  • タイポグラフィ
  • ウェブデザインにおいて、見出しタグは各ページのデザインの善し悪しを分ける重要な要素です。しかし、多くはテキストベースであるため、常套的になりやすく、ウェブデザイナーの頭を悩ませます。今回はそのブレークスルーになるような参考にしたい見出しデザインをご紹介します。

ウェブデザインを向上させる「Google Web Fonts」

  • グーグル
  • タイポグラフィに代表されるように、ウェブデザインとフォントは切り離すことができない関係にあります。Google Web Fontsは、2011年7月20日現在、199のフォントを無料公開しています。設定も簡単でCSSを使用して任意の箇所(英数字のみ)に適用することができます。

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

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

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

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

CSS – 複数クラスによるIE6でのバグ回避策

  • CSS
  • 昨日の記事「CSS – 複数クラスを使用したデザインコントロール」の最後でIE6におけるバグについて触れましたが、jQueryを使用することでこれを回避する事ができます。コンセプトとしては、ページをロードした際に該当箇所に一意のクラスを付与するというものです。

CSS – 複数クラスの組み合わせによるデザインコントロール

  • CSS
  • WordPressなどのCMSで自動生成されるクラスを使用してデザインをコントロールする場合、CSS上での複数クラスの組み合わせは非常に有効な手段です。しかし、ここには幾つかの問題があり、頭を悩ませているデザイナーも少なくないと思います。以下はWordPressを使用した場合の一例になります。