[ThinkIT] 第1回：Exadel Studioとは何か (1/2)Exadel Studioは、米Exadel社が開発しているEclipseプラグインで、StrutsやJSFの開発支援機能を中心にWebアプリケーション開発をサポートする多彩な機能を備えています。 Exadel Studioには商用バージョンと無償バージョンが存在しますが、本稿では執筆時点の最新版であるExadel Studio 3.0.4の無償版を使用したStruts/JSF開発について見ていきます。
ホームページ製作を楽にする7つのXSLTスクリプト：CodeZine
はじめに 本稿では、ホームページ製作に役立つさまざまなスクリプトをXSLTを用いて実装します。 XSLTはXMLの変換に特化したスクリプト言語で、ホームページ製作に使用するXHTMLの操作を簡単に行うことができます。繰り返し入力する内容の雛型化タイトルにサイト名を自動的に追加ローカルテスト時とアップロード時でのリンク先の切り替えヘッダとフッタの自動追加目次の自動生成キーワードの自動リンクサムネイルの自動生成 対象読者 本稿では、XSLTスクリプトの文法やテンプレートなど、XSLTの基礎に関する説明を省略しています。XSLTに初めて触れる方は、参考文献で紹介したXSLTの解説サイトなどと併せてご覧ください。必要な環境 このサンプルはInternet Explorer 6.0＋MSXSLを使用して動作確認をしています。スクリプト中でMSXSLの独自拡張を使用しているため、実行にはMSXSLが必
[CSS]スタイルの初期化(後編) -body内の個別タグ編 | コリス
2007年春現在よく使用している、ブラウザがもつスタイルを初期化するスタイルシート「body内の個別タグ編」です。 スタイルの初期化 -テーブル関連 スタイルの初期化 -リスト関連 スタイルの初期化 -画像・オブジェクト関連 スタイルの初期化 -フォーム関連 スタイルの初期化 -テキスト関連 スタイルの初期化 -その他 スタイルの初期化(前編) -全称セレクタとhtml, body編 スタイルの初期化 -テーブル関連 テーブル関連では、table、th、td、caption の初期化を行います。 table{ border-collapse:collapse; border:none; border-spacing:0; } th,td{ vertical-align:top; border:solid 1px #000; font-weight:normal; text-align:le
![[CSS]スタイルの初期化(後編) -body内の個別タグ編 | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
id名、class名の最近の自分の傾向
以前に「もう、class名やid名で悩まないんだからっ！！」というエントリーを書いたのだけど、自分がよう使うid名とclass名のまとめと、その辺の理由付けをしてみよーかなぁと思った。 後、idとclassの使い分け絡みもちょっと書くかも。 こーいう内容を書くと反応が怖かったりするけど、ソレもまた勉強なり。とか思って自分なりの今の考えを書いてみようと思います。 先に言っておきますが、コレから書く事が正解とかこう付けるべきって解釈はしない感じでお願いします。 コイツはこう考えてるんだ。くらいで読んでいただければ幸いです。えぇ。 全体を囲む際によく使うかなっていう系 #page idでコレをつける事が最近多いです。 wrapperとかwrapを使わないのは、脳内がサランラップに犯されているからっていうやる気の無い理由もありますが、「このサイトのこのページ。」なんだからpageがしっくり来たなぁ
[CSS]スタイルの初期化(前編) -全称セレクタとhtml, body編 | コリス
2007年春現在よく使用している、ブラウザがもつスタイルを初期化するスタイルシート「全称セレクタとhtml, body編」です。 CSSのスタイルの初期化が必要な理由 スタイルの初期化 -全称セレクタ（*） スタイルの初期化 -html, body スタイルの初期化 -全称セレクタとhtml, body のメモ スタイルの初期化(後編) -body内の個別タグ編 CSSのスタイルの初期化が必要な理由 HTMLの各タグは、ブラウザごとに初期スタイルが異なり、スタイルシートでレイアウトを行う際、ブラウザごとに異なる指定を行わないと期待通りのレイアウトを再現しない場合があります。 そのため、同一のスタイル指定で意図したレイアウトが再現できるように、このブラウザごとのスタイルの差異を無くすスタイルシートの設定を行います。 対象としているブラウザは、最近の僕の受注案件の多くは下記のブラウザが対象にな
class属性とid属性に関する議論リンク集 - 徒委記
class属性とid属性に関する議論リンク集 発端 過去の経緯や参考情報 2007年3月18日 2007年3月21日 2007年3月22日 2007年3月23日 2007年3月25日 2007年3月28日 「私はheaderやfooterはidじゃなくてclassだと思うけど、皆さんはどう思います？」 (CSS Nite公式ブログでのレポートより) 発端 CSS Nite Vol.18交流会「HTMLへの回帰」 CSS Nite Vol.18 謝恩会「HTMLへの回帰」の資料公開 過去の経緯や参考情報 CSS Nite Vol.3の企画「木達さんに聞いてみよう」 id属性とclass属性 | Web標準Blog | ミツエーリンクス Tips/WebPage/class と id の違いとは？ - outsider reflex idとclassの違い 2007年3月18日 WEBTECH
CSSの最適化とファイルサイズ削減をしてくれる無料ネットサービスいろいろ
ページの制作において必須とも言えるCSSですが、そのCSSファイルを最適化することによってページの読み込みを早くしてみたり、トラフィックの多いサイトであれば転送料の節約にも貢献できるらしい。 というわけで、現時点で存在するCSS最適化ネットサービスをいろいろと探して列挙してみました。最適化といってもサービスによって方法はいろいろなので、この中から自分の目指す方向の最適化サイトが見つかるかも。 CSSの最適化とファイルサイズ削減をしてくれる無料ネットサービスのリストは以下の通り。 Clean CSS - A Resource for Web Designers - Optmize and Format your CSS http://www.cleancss.com/ コメントを残したり、並べ替えたり、圧縮したり、最適化レベルやオプション指定によってかなりカスタマイズできるCSSファイルの容
Another HTML-lint gateway
HTML文書の文法をチェックし、採点します htmllint.cgi 1.28 / htmllint.pm 3.58 33,323 lints / 0 visits / since Jan 6, 1998 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下の
第４回 HTMLからXHTMLへの移行方法（1）：ITpro
HTMLからXHTMLにスムーズに移行するには、「書式の違い」をきちんと押さえておくことが不可欠。今回は「XML宣言」「文書型宣言」「XML名前空間と言語コード」「MIMEタイプ」「style要素とscript要素」について見ていこう。 HTMLよりも書式が厳格なXHTML XHTMLはHTMLをXMLで再定義したマークアップ言語であり、HTMLの簡便さを残しつつXMLの論理的厳密性を備えている。そのため、HTMLのようにルーズなコーディング（たとえば終了タグがないなど）でもブラウザで問題なく表示される、ということはほとんどない。したがって、書き方にエラーがないかどうか少し神経質にならなければならない。 また、CSSがきちんと適用されないというトラブルも、実はXHTMLが正しく書かれていないことに起因していることが少なくない。 これらの問題を避けるべく、エラーのないソースにするには、バリデ
【ハウツー】クラス構造がまる見えに! UDocでJavaをダイナミックに分析する (1) Ja...
UML、なかでもクラス図はクラスの関係を把握するうえで欠かせないダイアグラムだ。できれば既存のAPIはクラス図を見て簡単に全容を把握しておきたい。その際に全自動でクラス図を作成できると大変便利だろう。そこで紹介したいのがUDocだ。こうした用途にぴったりのアプリケーションである。 UDocはJava クラスをUMLライクのダイアグラムによって視覚化するGUIアプリケーションだ。Javadoc、Javaバイナリファイル、Javaソースコードなどから動的に UMLライクのダイアグラムを生成できる。生成されるダイアグラムそのものを動的に編集することも可能なので、グリグリといぢりながらクラス関係を解析できるすぐれものだ。動作にはJDK 5.0かそれ以上のバージョンが必要。本稿執筆時点の最新版は12日(米国時間)に公開された1.005であり、GNU GENERAL PUBLIC LICENSE Ve
【ハウツー】JavaScriptいらず、ブラウザでリッチWebインタフェース構築 - ZK Designer (1) デザイナとプログラマ、正直うんざりなあの会話…… (MYCOMジャーナル)
AjaxやFlashを使ったWebサイトを目にする機会が増えてきている。WebアプリケーションでリッチなUIを提供できるようになり、またひとつWebの表現力が広がった。一方でUIのリッチ化は、これまで数々のプロジェクトが築いてきたビューとロジックの分業体制を再び曖昧なものに引き戻そうとしている。 皆さんもこんな会話の経験がないだろうか? プログラマ--ここのプルダウンでマウス選択時の色を変えるのであればonMouseOverとonMouseOutイベントを設定する必要がありますね。ここのWYSIWYGなエディタはhogeEditorをobject idで指定してください デザイナ--どういうことですか? 正直いって、こんなやり取りはもうウンザリである。 データベースアプリケーションがgrailsコマンド一発で構築できる時代なんだから、リッチなUIだって簡単に作りたい。ZKはそんな希望に応
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2007/03/line-design.html
http://japan.internet.com/developer/20060509/25.html