フォームの入力値チェックをしてくれるJavascriptのライブラリ『Validate.js』 | S i M P L E * S i M P L E
これは便利そう。 『validate.js』ではフォームのさまざまな入力をチェックしてくれます。URLやメールアドレスなどのよくあるチェックに加え、ISBNかどうかといったマニアックなチェックもできます。 マニュアルに載っている命令をご参考までに。 hasValidChars isSimpleIP isAlphaLatin isNotEmpty isIntegerInRange isNum isEMailAddr isZipCode isDate isMD5 isURL isGuid isISBN isSSN isDecimal isplatform addRules Apply サイトでは動作チェックのデモもあります。コードも見れますよ。 ↑ こんな感じでさまざまなチェックができます。 詳細＆ダウンロードはこちらからどうぞ。 » Mutationevent :: Validate.js
［ａｏｔｅｎブログ］3分ブログクッキング: ブログに書かない方がいいと思ういくつかのこと。
こんにちは。齋藤朱保です。 海外に住む友人から、こんな話を聞きました。クリスマスの頃に住んでいるアパートメントに不審な若者二人組が訪れたことがあったのですが、どうやら誰かの家に空き巣に入ろうと狙っていたらしいんです。最近は、日本でも空き巣や泥棒といった話をよく聞きます。そんな中、たまたま見つけたブログでちょっと怖いな・・・と思う文章を見つけてしまいました。 「明日から、○日までニューヨークにいってきます。ブログの更新はあまりできないと思うけどむこうのホテルで書けたらかきますね。」 あなたのブログは、友達が読むことが多いのかも知れませんが泥棒や空き巣が読む可能性がないわけではありません。 １．住んでいる場所や住まいが特定できる情報を書かない これは泥棒や空き巣に限らず、ストーカーを未然に防ぐという意味でも大切なことだと思います。近所のことや、家のことを書くときには地名を書かないよう、自宅の場
第39回 Web開発者との付き合い方 〜Web屋の一分（いちぶん）：ITpro
前回は，コミュニケーション・コストについて触れましたが，今回はもう少しWebサイト・デザインに絞って話をしてみたいと思います。 意見集約という「小リーダー」の役目 前回の復習になりますが，何か大きな事柄を決めようようとするとき，あまりに民主的に行うと，意見を集約するのに膨大な時間がかかります。私は，Web開発にとって「時間」が一番大切だと思っているので，結論を出すまでのプロセスを効率化することは至上命令です。 様々な方法があるかもしれませんが，基本的には，機動性の良いグループ単位で意見を集約し，代表者会議の場で即決できることが鍵になるように思えます。小グループの小リーダーたちの機動力と，権限を持っているという体制，これに勝るものはないでしょう。 そして，意見集約の効率化という側面だけでなく，クライアントの担当者が時間までに難しい結論を決めてきてくれたり，決をとる場で「責任は俺が取るから」と
は機種依存文字？ - Spiegel's Trunk
コメントに ♥マークを入れたい記事自体はとても参考になるので是非ご覧あれ。引っかかったのは 6A の回答内容。 ただし、ハートマーク自体は機種および環境依存文字となりますので、携帯端末からの閲覧やお使いの環境によりましては正しく表示されない場合もございます。あらかじめご了承ください。 百歩譲って「環境依存文字」はまぁ分からなくもないが，機種依存文字は違うだろう。 機種依存文字は「ベンダ固有文字」あるいは「システム外字」とも呼ばれる（個人的には「ベンダ固有文字」と呼ぶのが好きだけど）。 JIS X 0208 文字集合にない文字（例えば ♥ など）を「外字」としてコンピュータ・メーカなどが勝手に組み込んだものだ。だから同じ文字コードでも「機種」によって表示されるものが違うのだ。 Vox が ♥ などを上手く処理できるのは Unicode の文字集合（UCS）だからだ。 ♥ は UCS に含まれ
Blog Comment Form Design Showcase
Skip to main content KISSmetrics Branded07 nGen Works codediesel Rob Goodlatte Jon Tan David Lithman’s Web Development Blog A Brief Message CSS Vault Web Designer Wall Pages: 1 2 3 Popular Categories Web Design 126 UX Design 115 Tools & Resources 80 Writing for the Web 55 Real Life 51 Web General 50 Elements of Design 46 Showcases 40 You Should Follow Me
ブロガーツールセット for Mac | *LOVE IS DESIGN*
ブロガーの「七つ道具」というと大袈裟ですが、昨年 Mac にスウィッチしたわたしがブログを書くときに使用している便利なツールをご紹介したいと思います。すべて無料で入手できるものばかりです。･･････ Mac 以外はね。えへへ。 ドラッグ＆ドロップで画像加工 CocoThumbX - Mac OS X Thumbnail Creator 画像をドラッグ＆ドロップするだけで、サムネイルにしたりドロップシャドウをつけるてくれるスグレモノです。画像の任意の場所にラベル（テキスト）を入れるのも簡単で、今一番お気に入りの画像処理ソフトです。 Thumbscrew via：ネタフル これは今日知ったばかりなんですが、さっそくダウンロードして使ってみました。 Mac 関連の話題も豊富でお世話になってます。 参考：[N] Macに"Switch"する人のためのソフトとTipsのまとめ あっという間に無駄に
YAMASAKI DESIGN WORKS
少し新しい日用品を提案していきます。 これはこういうモノ。 そう思って無意識にあきらめている事が たくさんあると思います。 あきらめなかったら、どうなるのか そういう仕事をしていきたいです。 Facebookでのヤマサキデザインワークス公式ページはこちら このサイトのリンク、転載についてはご一報いただくようお願いいたします。 E-mail / info@ymsk-design.com 135-0024 東京都江東区清澄2-15-9-402 TEL&FAX 03-3630-1660 Copyright © 2005--2023 YAMASAKI DESIGN WORKS All Rights Reserved.
CSS TIPS
CSS TIPSについて web標準が騒がれだしてからかなりの時間が流れました。 既にspecer.gifなどを使ったテーブルレイアウトなどのレガシーな手法は過去の遺物となり、(X)HTML+CSSで作成されたサイトが主流となりつつあります。 当サイトは『レイアウトを行う際にどうしてもうまくいかない。』に回答出来る、そんなサイトになりたいと思っています。 HTML+CSSで作成する10の理由 構造とデザインの分離ができる プログラミングの作業が簡単になる SEO効果が高い アクセシビリティが高い メンテナンス性が高い サーバー容量、転送速度の確保が安易になる ユーザーが自らの見やすいデザインに変更できる ページ表示の高速化 XMLなどの新しい技術との親和性が高い はやってるから もっと詳しく見る HTML+CSSを学ぶ為には？ 当サイトではCSSでレイアウトする為のテクニックを中心に紹介し
粋屋-日本の伝統文様と伝統色
最新情報 (02/12)市松文様の上に梅と桜を並べた文様を追加しました。（02/26）Illustratorファイルを追加掲載しました。 (07/05)「和 japanese style (design parts collection)」と「京千代紙と和の文様セレクション」のレビュー掲載しました。 (06/08) 各伝統色一覧をHSB値に基づく分類に変更しました。 (05/10) 着物の染め屋さん「京のひきぞめや」様にリンクさせていただきました。美しい日本の伝統美が生み出される現場を垣間見ることのできるサイトです。 美しいデスクトップ用壁紙もダウンロードできます。 (04/27) 波文様を割付文様であしらった千代紙風の文様を追加しました。EPSファイルも掲載しました。 (04/21) 波文様を一つ追加しました。 (04/12) 「家紋World」様へリンクさせていただきました。 5月をイ
CSSでバブルタイプのblockquote『Bubble Quote』を作りました。 – creamu
先日のエントリーで紹介した『CSS Speach Bubbles』が好評だったこともあって、無性に作りたくなったので作りました。 CSSでバブルタイプのblockquote『Bubble Quote（バブルクオート）』です。 特長は以下の4点です。 1.クリーンHTML！CSSでデザイン、レイアウトしています。 2.カスタマイズも簡単！widthやカラーを簡単に変えることができます。 3.ブログにぴったり！引用をするならBubble Quote！CSSを追記してHTMLを書けば、すぐにクールで柔らかいblockquoteデザインのできあがりです。 4.CSSのclassがかぶらない！CSSのclass名が既存のものとかぶらないように、独自のネーミング（bubblequote）にしています。 ↓のようなデザインです。 copyrightは特に設けていません。自由にお使いいただいて結構です。
読みやすいBlogを作る為に意識しておきたい事 | Blog hamashun.com
サイトリニューアルについて色々と考えています。 目的というか目標をいくつか設定しているんですけど、その中の一つが「読みやすいデザイン」という事。 やっぱりBlogがメインコンテンツですしね。 と言う訳で、BlogやWebサイトの、テキストの読みやすさについて考えてみました。 文章の素人なりに。 素人の言う事ですから、あんまり真に受けない方が良いです。 多分。 最初に結論 まず最初に結論を書いてしまいます。 それは読みやすさは個人差が激しいという事です。 視力などによる最適なフォントサイズが最たる例ですね。 よって、Aさんが最高に読みやすいBlogをBさんはそう思わない、なんて事は十分あり得ります。 2種類の読みやすさ 読みやすいBlogを作るには、大きく分けて2つの事を意識する必要があります。 一つは構成や言葉使いなど、文章自体に関する事。 もう一つは、CSSのプロパティで言う所のfont
選択したテキストのスタイル（CSS）状態を簡単に知ることができるFirefox拡張「Font Finder」:phpspot開発日誌
選択したテキストのスタイル（CSS）状態を簡単に知ることができるFirefox拡張「Font Finder」 2007年02月21日- Font Finder | Firefox Add-ons | Mozilla Corporation Get all CSS styles of selected text in Firefox. 選択したテキストのスタイル（CSS）状態を簡単に知ることができるFirefox拡張「Font Finder」。 ページを見ていて、このスタイルシートはどうなっているんだろう、と思うことがあると思います。 そんな場合に使えるツールで、テキスト選択して簡単にスタイル状態を知ることが可能です。 使い方は簡単で、まず、テキストを選択 右クリックで、「Font Finder」をクリック。 すると、次のようなダイアログが表示されます。 FireBugなんかでも同じような情
Web2.0風デザインのための秀逸チュートリアル68選 | S i M P L E * S i M P L E
こ、これはかなり使えます・・・。 が、とっても紹介が難しいのでさらりと。今回は実験的なエントリーとして画像一切なしで。 『Web2.0風デザインのためのチュートリアル68選』です。 » Web 2.0 Webdesign-Tutorials | Dr. Web Weblog 以下の7つのカテゴリーにわかれています。 サイトをこれから作るぞー、という人には大いに参考になる素晴らしきチュートリアルかと思います。 ビジュアル効果系（1～11） ロゴ系（12～25） テキスト（26～33）系 バッジ系（34～39） ボタン系（40～46） レイアウト系（47～60） Web2.0まとめ系（61～68） 個人的には1、2、12、13、40、41あたりが好きですね。今後使えそう。 しかし、こういう海外サイトのまとめをまとめとして紹介するのは難しいですよね・・・。そのまま紹介するのも「どうなの、それ？」
動画で学ぶPhotoshop （27のテクニック） | POP*POP
下記のサイトで「You Tubeで見るPhotoshopのチュートリアル」という記事が紹介されていました。YouTubeだけじゃなくてMetacafeの動画もありましたが・・・。 どちらにしろ文章だとわからないことでも動画だと簡単に理解できることもあります。細かい操作の多いPhotoshopやIllustratorなどはこうした動画チュートリアルに向いているかもですね。 » Use YouTube to learn Photoshop: etc: quick links to good stuff 以下、オリジナルの記事を尊重しつつ、内容の紹介というスタンスでいくつかご紹介・・・。 ■ Web 2.0-Style Logo Web2.0サイトでよく見かけるのロゴの作成方法です。光っているようなロゴですね。 ■ PHOTO EFFECT エフェクトの詳細です。どこにでもあるような電車の中の写
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CLICKSOR
IgWebCap - [ スクロールサムネイルブログパーツ ]
http://nonk.nonk.info/pages2/japanese_girls_and_guys_busted_in_sex_action.php
まなめはうす
Open Design Community - Download Free Web Design Templates - OpenDesigns.org
画像を切手風にしてくれるジェネレーター
RSSアイコン - 無料RSS画像・RSS作成サービス
夕刊フジBLOG|一瞬で１０ページの企画書を完成させるフォーマット
hereticanthem co.,ltd. » なにかと使えるWebジェネレータのまとめ その１
Dr. Web Weblog ? Blog-Archiv ? Collection of Web 2.0 Navigation Menus