CSSでマルチカラムレイアウト
はじめに 本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していきます。 今回は、本連載の総まとめとして、CSSでマルチカラムレイアウト（段組レイアウト）を実現する方法を紹介します。CSSでマルチカラムレイアウトを実現する方法はいろいろありますが、今回は、最も基本的な方法として、前回の記事で解説した「floatプロパティ」および「positionプロパティ」を利用した、「フロート型」と「ポジショニング型」のレイアウトテクニックを紹介します。同時にページレイアウトで起こりがちな問題とその対処方法についても扱います。 対象読者 XHTMLとCSSの基本を理解している方。 Web標準サイトの実践的な作り方に興味のある方。 必要な環境 （X）HTMLやCSSを記述するエディタと、それを確認するブラウザがあれば、特別な環境は
How to work with Node.js App - Hosting - Namecheap.com
Our Setup Node.js App feature allows for the choosing a specific version of Node.js in order to run the apps using Node.js 6.x, 8.x, 9.x, 10.x, 11.x, 12.x, 14.x, 16.x, 18.x, 19.x and 20.x versions. The currently available Node.js version pool on our Shared servers is available at this page. This function provides ultimate flexibility and features a user-friendly interface that helps you get faster
Google Japan Blog: 日本のデベロッパーの要望に応え、多くの技術ドキュメントを日本語化しました
Google が提供するさまざまなAPI やツールの詳細な技術情報は、すべて Google Code で公開されています。しかし、全ての技術情報は英語で記されていたため、多くの日本のデベロッパーからは技術ドキュメントを日本語化して欲しいとの要望をいただいていました。 そこで、 開発者ホーム と題して Google Code の日本語版の運用を開始しました。4月より、2 つの技術、OpenSocial と YouTube Data API の技術ドキュメントの日本語版の提供を開始しました。そして、Google Developer Day 2008 Japan の開催にあわせ、さらに多くのドキュメントと映像を日本語化しました。 本日、日本語版が公開されたドキュメントおよび映像は以下となります。 OpenSocial YouTube Data API Google Gadgets API Goo
秀丸エディタを使いこなす 正規表現
正規表現とは？ とは「一定のパターンで表記されている文字列を、抽象的な表記法に置き換えて表現する方法」を指します。 例えば、このような例があります。 行頭を一文字字下げしたい よくある処理方法 各行の頭にカーソルを移動して一文字下げる（…以下全ての行に繰り返し実行） 正規表現を利用した処理方法 検索キーワードにを意味する正規表現を指定 置換キーワードに「全角空白」を指定 をに置換→行頭に全角空白が挿入 正規表現は、上の事例のような定型的処理を大量かつ高速に実行したい場合に威力を発揮します。また、その理論上処理漏れ（上の事例の場合では字下げ忘れ）も発生しません。 他にも、以下のような場合で正規表現が有効になります。 （句点）の後で必ず改行したい 「本文の注釈表記＋番号」を一度に削除したい HTML文書のマークアップ（タグ）だけを削除したい 行頭の特定パターン文字（例：行頭の字下げに挿入した空
仕様から学ぶOpenIDのキホン － ＠IT
にわかに注目を集めている、URLをIDとして利用する認証プロトコル、OpenID。本連載ではこのプロトコルの仕組みを技術的に解説するとともに、OpenIDが今後どのように活用されていくのかを紹介する（編集部） OpenIDってなんだろう？ 現在、国内外でにわかに注目されつつあるOpenIDという仕組みを聞いたことがあるでしょうか？ これはユーザー中心の分散ID認証システムですが、まだ日本での普及は進んでいない状況です。 これにはいくつか原因が挙げられるでしょうが、筆者はOpenIDが正しく理解されていないことが原因だと考えます。 本連載ではOpenIDの現行仕様、およびその拡張仕様とともに、実装を例に取りつつOpenIDとは何かということを明らかにしていきます。最終的にはOpenIDが切り開く未来を見るため、現在策定中の次期仕様についても触れていきたいと思います。 広がりつつあるブラウザベ
41. mod_rewriteを使いこなそう
SEOという言葉が普及して久しいですが、SEO対策の１つとしてURLを最適化する という方法があります。たとえば以下の2つのURLを見比べてみてください。 A.http://phppro.jp/news/detail.php?id=10 B.http://phppro.jp/news/detail/10/ 検索エンジンは、AのURL表記よりもBのURL表記を好み、ページの評価が高くなり ます。 このようなURLの最適化をPHP言語だけで処理するのは困難です。そのため、Web サーバーの機能によりURLの「書き換え」を行い、BのリクエストをAのリクエス トに移すことで対応を行います。これを実現する仕組みの１つがmod_rewriteモ ジュールです。 mod_rewriteモジュールは、Apacheに標準で添付されているモジュールで、多く のパッケージでデフォルトで組み込まれています。SEO
窓の杜 - 【NEWS】SQL文をGUIで作成できるフリーのデータベース開発環境「黒猫 SQL Studio」
GUIによるSQL文の作成など、さまざまな開発支援機能を備えるSQL開発環境「黒猫 SQL Studio」v1.1.7.413が6月4日に公開された。Windows 2000/XPに対応しており、個人使用・業務にかかわらずフリーソフトとして利用可能。現在作者のホームページからダウンロードできる。 「黒猫 SQL Studio」は、SQL文の作成やテストを行える汎用のデータベース開発環境。本ソフト上からOLE DB接続またはODBCドライバに対応する各種データベースへ直接接続可能で、作成したSQL文を実際にテスト実行できる。画面は3ペイン構成で、左側には複数のSQLソースファイルを管理できるファイラー、中央には複数ファイルをタブで切り替えて表示できるエディター、右側には接続したデータベースの構造をツリーとリストで表示する“データベースエクスプローラ”が表示される。 SQL文の作成時は、さまざ
「Microsoft ProjectとExcelからユーザーを解放したい」---オープンソースのプロジェクト管理ツール，サイオスが無償公開：ITpro
「スタンドアロンのMicrosoft ProjectやExcelでプロジェクトを管理している現状から，ユーザーを解放したい」（サイオス 代表取締役社長 喜多伸夫氏）---サイオスは7月4日，オープンソースのプロジェクト管理ツール「Project Keeper」を発表した。同日ベータ版を公開，2007年8月中に正式版を公開する。正式公開後もProject Keeper自体は無償で，サイオスは有償サポートを提供する。 「現在，プロジェクト管理ソフトウエア市場はMicrosoftのスタンドアロン製品のシェアが50%を超えている。一方，サーバーに情報を集約できる大規模向けツールは非常に高価で，2分化している」（サイオス グループマネージャー宮崎哲明氏）。同社では内部統制の強化の流れにともない，情報をサーバーで一元管理するツールの受容が増加すると見ており，Project Keeperは「簡単に使え，
ログインシステムを作っておりますが、ＤＢに入れるパスワードを暗号化するやり方がわかりません。
ログインシステムを作っておりますが、ＤＢに入れるパスワードを暗号化するやり方がわかりません。 参考サイトはご存知ありませんか？
Paint : Microsoft Paint Online
Microsoft Paint is also known as MS Paint. It is a basic graphics drawing program that has been an indispensable part of all versions of the Microsoft Windows operating system. MSP provides easy ways for creating different types of graphics with different tools. The tools include brushes, shape generators, pens, and erasers. Many users of Windows might also be unaware of its presence, considering
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
ウノウラボ Unoh Labs: 携帯開発向けに便利な支援ツール/サイト
どーも8makiです。 ウノウでは携帯サイトの開発も行っています。 携帯サイトの開発ってPC用のものと比べて制限が多かったり、面倒くさいことが目白押しです。そこで開発に便利なツール・サイトをリンク集的にまとめてみました。 ～～～～～～ツール編～～～～～～ ■必須ツールi 絵文字 ドコモの絵文字が入力/表示できるようになります。 User Agent Switcher (Firefox 拡張) User Agentを書き換えて携帯になりきることができます。 インポート用の各種端末のUser Agentリストを作成していただいたので皆さんもご利用ください。 useragentswitcher.xml ■あると便利なツールiモードHTMLシミュレータIIiモードHTMLシミュレータOpenwave SDK(au) ウェブコンテンツビューア(ソフトバンク)MediaCoder .
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5.JP - 次世代HTML標準 HTML5情報サイト
http://yamipro.ameblo.jp/entry-3872463068e49e3f9e00f7198926c6dd.html
codeなにがし
ドラッグ＆ドロップAjaxの遊べるライブラリ６個*ホームページを作る人のネタ帳
mixi Engineers’ Blog javascript
Welcome to USERS GROUP Web Site !
米O'Reilly、書籍の1章だけの個別ダウンロード販売を開始
Amazon.co.jp: XHTMLとCSSによるWebサイト作成 (よくわかるトレーニングテキスト): 富士通オフィス機器: 本
