Free spell checkers for HTML Forms HTMLフォーム上で使えるフリーのスペルチェッカー集。 当然ながら日本語には対応していませんが、英文を書く際なんかには結構使えそうです。 Spellify PHP4+, prototype, scriptaculous GoogieSpell Gmailライクなスペルチェッカー PHP Spell Checker PHPベースのスペルチェッカー 全部見る 日本語でも校正チェックなんかが出来るツールがあると良さそうですね。
webdesignに関するtaka21stのブックマーク (189)
-
taka21st 2009/03/01
-
ke-tai.org > Blog Archive > ケータイ大規模サービスの開発・運用に関する資料のまとめ
ケータイ大規模サービスの開発・運用に関する資料のまとめ Tweet 2009/2/18 水曜日 matsui Posted in 記事紹介・リンク | 5 Comments » 先月末に「満足せる豚。眠たげなポチ。大規模サービスの運用事例まとめ」という大変素晴らしいブログエントリーがあり、ブックマークしていたのですが、なかなか時間を作れずに目を通せずにいました。 本日読んでみると、とてもためになる情報が多かったため、まとめのまとめという形ですが、資料の中からケータイ関係の事例を抽出して、簡単にコメントをつけてみました。 まず、大元の記事はこちらです。 → 満足せる豚。眠たげなポチ。 大規模サービスの運用事例まとめ [blog.hacklife.net] → 満足せる豚。眠たげなポチ。 「大規模サービスの運用事例まとめ」に補記 [blog.hacklife.net] → livedoor 開
-
web開発者なら知っておきたい HTTPステータスコード : LINE Corporation ディレクターブログ
こんにちは。ブログと検索を担当している河野です。 突然ですが、皆さんは404という数字を見て何を思い浮かべるでしょうか。 この数字からWebブラウザで時折見かける「404 Not Found」を思い出す人は多いのではないかと思います。ということで、ちょっと強引ですが、今回はこの404などのHTTPステータスコードについて、ディレクターの視点で知っていた方がいいことを書いてみたいと思います。 【１】HTTPステータスコードの定義と確認方法 まずはHTTPステータスコードについて一通り説明をしたいと思います。 HTTP ステータスコードとは、「HTTPにおいてWebサーバからのレスポンスの意味を表現する3桁の数字からなるコード」とWikipediaには定義されています。 冒頭であげた404は、このステータスコードの1つで、リクエストに対応するページやファイルを見つけられなかった時にサーバが返し
-
Webデベロッパ/デザイナのためのOSSツール18選 | エンタープライズ | マイコミジャーナル
Open Source Software - Find, Evaluate, Collaborate - OStatic OSSアプリケーションやツール、チュートリアルを紹介することが多いOStaticに、WebデベロッパやWebデザイナが仕事に活用できる15のツールやチュートリアルを紹介する記事『Over 15 Top Open Source Tools for Web Developers』が掲載された。開発ツールやアプリケーション、ツール、素材サイト、チュートリアルやドキュメントをまとめたサイトなどが紹介されている。取り上げられているツールやサイトを簡単にまとめると次のようになる。 Firebug Firefoxエクステンション - Webアプリ開発支援ツール Opera Dragonfly - Webアプリ開発支援ツール。非PCデバイスの利用に便利 Quanta Plus - KD
-
【ハウツー】FirebugにHTML/CSSリファレンスをアドオン! - FireScope (1) あのプロパティの使い方なんだっけ? これからはFireScopeで一発! | エンタープライズ | マイコミジャーナル
あのプロパティの使い方なんだっけ? これからはFireScopeで一発! SitePoint.comは1月27日(米国時間)、Firebug上で動作するアドオン「FireScope v1.0.1」をリリースした。FireScopeはFirefox2-3のFirebug1.2以降で動作するアドオン。各種HTMLエレメントやCSSプロパティといった要素のリファレンスと各種ブラウザの対応状況、サンプルコードを表示してくれるアドオンだ。SitePointが公開している各種HTML, CSSリファレンスの一部をまとめた内容となっている。 主な機能は次のとおり。 HTML Elements Reference HTML Attributes Reference CSS Properties Reference サンプルコード リファレンス内検索 W3C勧告に準拠しているかどうか 各種ブラウザ対応状況(
-
-
テーブルを魅せる10のCSS | エンタープライズ | マイコミジャーナル
table要素はWebページにとってなくてはならないものだ。しかしデザインや設定が難しい要素でもある。テーブルを簡潔に記述しつつCSSで優れたデザインを提供したいところだが、Webブラウザ間の差異もありなかなか希望通りの設定ができない。そこでR.Christie氏がSmashing Magazineにおいて公開しているTop 10 CSS Table Designsに注目したい。XHTML 1.0に準拠したテーブルを順次CSSを使ってカスタマイズしていくというもので、見やすい上に説明も簡潔でわかりやすい。WebデザイナやWebデベロッパは一度チェックしておきたいドキュメントだ。コンテンツは次の10の内容で構成されている。 Horizontal Minimalist Vertical Minimalist Box Horizontal Zebra Vertical Zebra Style O
-
フォトショいらず：CSSで画像の上に斜めの帯と文字を表示してみる - builder by ZDNet Japan
「FirefoxとSafariのCSS徹底検証」では、直近の2回に渡ってCSSのプロパティ「transform」を紹介している。 CSSでトランスフォーム：変形処理「transform」の基礎 CSSでトランスフォーム：1つの要素に複数の変形処理を適用する 今回は番外編として、transformプロパティを使って、画像に対し斜めの帯を付けて表示するテクニックを紹介しよう。 画像にななめの帯を付けて表示する transformプロパティを利用すれば、ヘッダー画像にななめの帯を付けるようなデザインをCSSで実現することができる。 たとえば、次のサンプルでは「Welcome to my Homepage」という文字を表示した黄色い帯を画像の右上に重ね、45度回転して表示している。このとき、黄色い帯の両端を画像に合わせてカットするため、全体を囲んだ
-
CSSでトランスフォーム：1つの要素に複数の変形処理を適用する - builder by ZDNet Japan
前回の「CSSでトランスフォーム：変形処理「transform」の基礎」に続いて、CSSのトランスフォーム（変形処理）の機能について紹介していきたい。 トランスフォームの設定はtransformプロパティで行うが、Safari 3.1以上とGoogle Chromeでは-webkit-transform、Firefox 3.1（ベータ版）では-moz-transformと記述する。現在のところ、それ以外のブラウザではサポートされていない。 複数のトランスフォームを指定する 前回は「回転」「拡大・縮小」「スキュー（シアー）」「移動」のトランスフォームを個別に適用する方法を紹介したが、1つの要素に複数のトランスフォームをまとめて適用することも可能だ。 たとえば、次のようなサンプルを用意して複数のトランスフォームを適用してみよう。ここでは、横幅300ピクセルの黄色いバーの中央に文字を配置して、画
-
グーグル、iPhone上で「Gmail」オフライン機能をデモ - builder by ZDNet Japan
Googleは米国時間2月18日、ウェブアプリケーションがモバイル分野への進出を重視していることを示すものとして、ネットワークに接続していない時でも使用できる、iPhone向けの「Gmail」最新版を披露した。 Googleのエンジニアリング担当バイスプレジデントであるVic Gundotra氏は、バルセロナで開催のGSMA Mobile World Congress 2009において、iPhoneがオフライン中でも使用可能な、同氏が「テクニカルコンセプト」として紹介した、Gmailのデモンストレーションを行った。Googleは1月、デスクトップおよびノートPC向けに、Gmailのオフライン機能をリリースしたが、今回の携帯電話向けオフライン機能も同様に、ネイティブアプリケーションとしてではなく、ウェブブラウザ上で動作する。 Gundotra氏は、iPhoneのワイヤレス接続を無効にする機内
-
リアルでレトロなフリーアイコンセット:phpspot開発日誌
Smashing Retro Icon Set | Freebies | Smashing Magazine リアルでレトロなフリーアイコンセット。 次のようなアイコンセットが公開されています。 ちょっと、サイトに個性を出したい場合に使えるかもしれません。 ico,png 形式でダウンロード可能。 関連エントリ WEB開発に活用できる、２００９年初お目見えアイコンセット集 フリーな芸術的クオリティのアイコンセット 美しいアイコンセット集2008
-
HTTPの通信状況をデバッグしてボトルネックを発見できる「HttpWatch Basic Edition」 - GIGAZINE
Windows XP/Vista/2003/2008 Server上のInternet Explorer 6/7/8 Beta 2、Mozilla Firefox 2.0/3.0/3.1 Beta 2で動作するフリーソフトで、HTTP/HTTPSのリクエストヘッダ表示、HTTPの圧縮率表示、ページ内の各要素の読み込み時間のチャート化、ステータスコードやレスポンスサイズの表示、フィルタリング、さらにはこれら一連の通信をログファイルに記録することなども可能です。 時間はミリセカンド単位で表示が可能となっており、まさにHTTPデバッガと言っても差し支えないレベルなので、「ページの読み込みが遅い原因を知りたい」とか「ちゃんとサーバの設定が反映されているかどうかを確認したい」「ウェブアプリの動作チェックがしたい」という場合に役立ちます。この種類のソフトにありがちな日本語の文字コードが解釈できないとい
-
マークアップエンジニアじゃなくても覚えておきたいHTMLとCSSの話(〜HTML5・CSS3、IE8 それぞれの準備に向けて) - livedoor ディレクター Blog(ブログ)
こんにちは。 livedoor Blogを担当しています石野と申します。 前職はマークアップエンジニア(HTMLコーダー)をしていました。 今回はその経験を踏まえ、ディレクターとして把握しておいた方が良いHTML/CSS関連のお話をご紹介しようと思います。 昨年からHTML5、CSS3、そしてInternet Explorer(以下IE)8のベータ2版発表と、バージョンアップに関するニュースが相次ぎました。 その違いを認識する上でも、また制作サイドのディレクションに活かす上でも本エントリーを参考にしてください。 ▼ 構成 (1) HTML - 文書型について (2) HTML+CSS - クロスブラウザについて (1) 文書型について - ファイルの先頭に陣取っている「DOCTYPE」とは何か？ HTMLソースを開くと、こういった記述を目にしませんか？ !DOCTYPE html PUBL
-
あなたのウェブサイトを高速化する方法 - builder by ZDNet Japan
そして同氏は、世界で最も高速なウェブサイトの1つであるGoogleのパフォーマンスにかかわる仕事をしているのである。 ウェブのパフォーマンスには2つの重要な側面、すなわち効率性と応答時間がある。効率性は、世界ランキング100位に入るようなウェブサイトを構築する際に出てくるスケーラビリティという難問に取り組むための武器である。あなたのウェブサイトが何百万人単位のユーザーと、何十億単位のページビューを擁するような規模のものである場合、バックエンドアーキテクチャ全体に対する理解を深めておくことが重要となるだろう。 ページの速度というものは、HTMLドキュメント内に記述する一連の指示によって決定されると言っても過言ではない。 iGoogleを例に挙げると、バックエンド処理に費やされる時間、すなわちデータがキャッシュされていないために毎回リクエストされることで費やされる時間は、ページ全体の処理時間の
-
-
CSSのem指定のサイズが一発でわかっちゃう「EmChart」:phpspot開発日誌
EmChart | Aloe Studios Blog Using a relative unit such as EM is a great way to maintain the vertical rhythm of a web page when a user resizes text in their browser.CSSのem指定のサイズが一発でわかっちゃう「EmChart」 基本のサイズが24ピクセルで、9px にしたい場合、0.375emにすればよい、というのが簡単に分かるようになっています。 これはなかなか便利そうですね。チャートのダウンロードも可能です。 関連エントリ サイト上でCSSによるフォントスタイルを確認できる便利ツール サイトに使用するフォントのCSSを選ぶ際に役立つ「CSSTYPE」
-
ウェブインターフェイスの６原則 - everything might happen tomorrow - yhassy - builder by ZDNet Japan
ネットワークもサービスとして使う いま企業ネットワークが受ける大きな制約 クラウドシフトで大きく変わる！ Microsoft 365のデータは安全か？ クラウド型アプリを採用する企業のための 包括的なデータ保護のありかたを解説 次の一手はこれだ！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス 大学、研究機関、製造業など いま目覚ましい躍進ぶりを見せるデルのHPC その背景と選ばれる理由にせまる ものづくり現場の情報セキュリティ インダストリー4.0は製造業の変革期 工場のデジタル化によるリスクへの対応 単純なインフラ製品の販売ではない DX、コンテナプラットフォームの実証など 自社の取り組みで得られた知見を顧客に提案 DXの成否を分けるのはガバナンス Microsoft Security Forum 2021 Day2 どこよりもわかりやすい基調講演解
-
SOY CMSは、SOHOやWebデザイナーの救世主になるかもしれない: 世界中の１％の人々へ
2009年2月| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 HTMLソースにコメントやタグを埋め込むだけだから、デザインは自由自在。XHTML＋CSSさえ、理解していれば簡単にサイト構築ができる。 前回の「XAMMPインストール編」に続き、SOY CMSレポート後編。今回はSOY CMSの特徴を理解すべく、チュートリアルをやってみました。 Webにシステムを利用する場合、ある程度のデザインの制約がおこる場合が多いが、SOY CMSは、特別なテンプレートをもたず、既存のHTMLに、システムで変更したい部分をコメントやタグで囲むだけなので、デザインは自由自在。 そして、更新の容易さはブログなみで、特別な管理者を必要としない。 となれば、システム担当者のいない、小さなWeb制作会社や、個人
-
-
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました