自サイトの画像の保存をプロテクションする仕組み:phpspot開発日誌
MooTools 1.2 Image Protector: dwProtector Image protection is a hot topic on the net these days, and why shouldn't it be? 自サイトの画像の保存をプロテクションする仕組み サイトの画像は、次の方法で保存できますが、それを全部禁止する方法です。 ・右クリック→名前をつけて保存 ・デスクトップにドラッグ＆ドロップで保存 ・右クリックで名前をつけて背景を保存 ・背景画像を表示 dwProtect.js をダウンロードして、JavaScriptで以下のように書くだけです。 window.addEvent('domready', function() { var protector = new dwProtector({ image: '/blank.gif', elements:
[JS]ブラウザの幅に合わせてレイアウトを最適化するスクリプト -Dynamic Layout
Dynamic Layoutは、ユーザーのブラウザの幅を認識し、それに適したスタイルシートでページのレイアウトを最適化するスクリプトです。 Dynamic Layout デモ Dynamic Holy Grail 1～3カラムのシンプルなレイアウト、ブラウザ幅600, 800, 1000に設定 Fortes ブラウザ幅600, 800, 1000, 1200, 1400に設定 fil-ter ブラウザ幅600, 1000に設定 Dynamic Layoutの設置方法は、body直下に外部ファイルとして指定します。 <textarea name="code" class="html" cols="60" rows="5"> <body> <script src="http://static.fortes.com/projects/dynamiclayout/dynamiclayout-1.0
ウェブ制作にかかせないFirebugの機能を更に強化する機能拡張集 | コリス
Sofrware is hardのエントリーから、豊富な開発ツールを備えたFirefoxのアドオン「Firebug」の機能を強化する機能拡張を紹介します。 List of Firebug Extensions Firebug HTML, CSS, JavaScriptなどを編集・デバッグ・モニタリングできる開発ツール。 以下の全ての機能拡張は、Firebug上で動作します。 Firebug Firebug -Firefox Add-ons YSlow ページの分析、パフォーマンスレポート、HTTP/HTMLサマリー、コンポーネントのリスト YSlow YSlow -Firefox Add-ons Firecookie クッキーの管理 Firecookie Firecookie -Firefox Add-ons FirePHP PHPのデバッグ FirePHP FirePHP -Firefo
Lucky bag::blog: 外部の RSS を PHP で取得
2008年12月26日に当サイトのテンプレートおよびデザイン、サーバの変更作業時に当記事にて紹介しているHot entryというページは削除してしまいました。当該ページは404 Not Foundとなっていることをご了承ください。 ありがたくも、拙記事なんぞをはてなブックマークや dei.icio.us などの ソーシャルブックマークでブックマークして頂いてもらっちゃったりしているわけで、なんとも恐縮に感じていたり、いなかったり。んでもって、どうせなら興味を持って頂いた記事を紹介するかっつうことで、そんなに Hot なわけじゃないのに Hot entry なるページを作っちまいました。ウヘ:-P とりあえず今回は、はてなブックマークにブックマークされている当サイトのエントリー一覧の RSS を取り込んでみますた。外部の RSS を取り込むって場合、CGI や JavaScript を使って
チェックボックス、ラジオボックスをオシャレに表示するJS:phpspot開発日誌
Custom Checkboxes, Custom Radio Buttons, Custom Select Lists チェックボックス、ラジオボックスをオシャレに表示するJS。 次のようなチェックボックス、ラジオボックスにスタイルできるJSです。 <input type="checkbox" class="styled" /> のように、class="styled" で自動スタイルされます。 CSSを変更でデザイン変更可能です。 関連エントリ CSSデザインされたTextAreaサンプル inputのtype=fileをCSSでクールにスタイルするサンプル サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ
『こんなwebサイトは嫌だベスト20』をチェックシート化して現場に持っていこうと考えてPDF形式で作った
自分が言うのではなくランキングと言うところに魅力 制作者自身が、『いや・・・確かにフルFLASHは見栄えがいいんですが・・・』というのと、アンケート結果として『ユーザーはこう考えていますよ！』と言うのでは、説得力が違うのは当然です。 そんなわけで、このランキングを印刷して現場に持ち歩けば、あなたの説得力も上がるというものではないかと考えて、PDFにしました。 引用元の表記、Goo調べという表記を付け足して、チェックシート化したものです。 また、それぞれユーザーが『不満を抱きそうな項目』にポイントをつけたバージョンも付け足しました。 こちらの項目には、やっぱり不満度の基準は『誰が言ったのか』が重要かもしれないので、『ネタ帳』を表示してます。 自分の言葉はここにないよ！というアピールのために必要かと。 ネタ帳いらねーと思ったら表記無しのほうをダウンロードしてください。 あとベスト20と書いてあ
MdN Design｜総合情報サイト
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！
クロスブラウザのためのHTML/CSSのテクニック集 | コリス
anthonyshortのエントリーから、クロスブラウザのためのHTMLとCSSのテクニックの紹介です。 How to get Cross Browser Compatibility Every Time 簡単な意訳なので、詳細やキャプチャは上記エントリーを参考ください。 サマリー doctypeはstrictを使用し、正しいHTML/CSSを使用してください。 スタイルをリセットするスタイルシートを使用してください。 Firefoxでのレンダリングのために、テキストのスタイルシートに「-moz-opacity:0.99」を指定してください。 Safari用には「text-shadow:#000 0 0 0」を使用してください。 画像のリサイズをCSS/HTMLで行わないでください。 全てのブラウザでフォントのレンダリングを確認してください。 「Lucida」は使用しないでください。 テキ
Webデザインに黄金比を取り入れよう - Re:Creator’s Kansai
PR 「おすすめのレンタルサーバーランキングが知りたい」「人気のレンタルサーバーを比較したい」という方に向けて、2024年3月最新の人気レンタルサーバーのおすすめ9社をランキング形式で紹介します。 当記事ランキング1位のレンタルサーバーがキャンペーン中！ シン・レンタルサーバーがキャンペーン実施中！（2024/5/20まで） 実質385円～「利用料金50％キャッシュバックキャンペーン」 出典：シン・レンタルサーバー公式サイト シン・レンタルサーバーでは、2024年5月20日（月）まで月額利用料金が実質半額になるキャンペーンを開催中です。 ベーシックプランの36ヶ月契約なら、「13,860円」キャッシュバックで、なんと実質「385円/月」で利用できます。
| ＾＾ |秒刊SUNDAY | ずばり！コレさえあればWebシステムは完璧なAjaxサンプル集
2008年06月04日 ずばり！コレさえあればWebシステムは完璧なAjaxサンプル集 今までCGIやPHPなどで制作してきたフォームや、投票システム、掲示板などは、PerlやPHPが動くサーバが必要となりましたが、Ajaxであれば、どここでも、CGIやPHP並の動的なコンテンツが作る事が出来ます。是非使いまくりたいものです。 ◆ Ajax RSS リーダー ■Ajax RSS reader RSSリーダは色々ありますよね。 ◆Ajax アップローダー ■AJAX file upload tutorial PHPでもCGIでもあるアップローダー。 ◆Ajax キャプチャー ■Using AJAX with CAPTCHA - AJAX Security Part 3 of 3 - waelchatila.com ◆ Ajax デスクトップ ■MuseStorm The profession
第11回 PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド
その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能
外部リンクだけにアイコンをつけることのできる CSS のセレクタ | ヨモツネット
概要 リンクで、外部の Web ページが参照先のときにアイコンなどをつけて区別するケースがよくあります。 そのときに、参照先が外部の Web ページの a 要素だけにスタイルを適用するための CSS コードです。 動作確認用の demo この方法は外部リンクの a 要素だけに class 属性をつけるというような処理が必要ないので、CMS やブログのエントリーなどにいいかもしれません。 似た方法で JS でまとめて class 属性を付与する方法もありますが、CSS だけで完結したほうがスマートかなと思ったのでサンプルを作りました。 demo で使用した CSS コード a[href^="http"]{ background:url(img/ico_conductor.png) no-repeat right center; padding-right:15px; } a[href^="h
印刷用デザインをきれいにまとめるための7つのポイント - TRANS [hatena]
印刷用デザインもWebサイトにとっては1つのデザインだと言えます。制約がある印刷用デザインをきれいにまとめるためのポイントを上げてみました。 印刷用デザインをどうするか。 当ブログで印刷用CSSをはじめて取り上げたのが2006年12月でした。また、2007年4月にも印刷用CSSをもっとよくするための4つのTipsという内容で取り上げました。 さて、今回取り上げるのは今までと違い、印刷用CSSのコーディングではなく、純粋に印刷用デザインはどのようなものがよいか、というものです。コーディングではなく、いかにデザインするか。 ちょうどアックゼロヨン・アワード2007の結果発表もあったことなので、その受賞作の印刷用デザインを参考にしました。また、ADP: 印刷用CSSの書き方（基本編）もかなり（むしろほとんど）参考にさせてもらいました。そのポイントを以下の7つにまとめました。 なお、文末にアックゼ
![印刷用デザインをきれいにまとめるための7つのポイント - TRANS [hatena]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f625aab20ef8abfef513499376656cecc29a08ae/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fa%2Faratako0%2F20080518%2F20080518141449.png)
Webサイトのリニューアルの周期についてお伺いしたいと思います。…
Webサイトのリニューアルの周期についてお伺いしたいと思います。 Webサイトの社内担当者や制作会社の勤務の方などにお伺いします。だいたい皆様が関わっているWebサイトはどのくらいの期間の周期でリニューアルされますか？このリニューアルは単にトップページのデザインだけを変更した、などの意味合いも含めてです。 それに加えて、リニューアルする理由というのも教えていただきたいと思い、アンケートではなく人力検索でお伺いします（例：期待した費用対効果が上げられなかった、など）。 よろしくお願いいたします。
[CSS]ブラウザのスタイルを初期化するスタイルシートのサンプル集 | コリス
YUI、Blueprint、YAMLなどのCSSのフレームワークでも利用されているブラウザのスタイルを初期化するスタイルシートのサンプル集です。 Blueprint YAML YUI Tripoli meyerweb warpspire christianmontoya crucialwebhost 下記のスタイルシートは、記述スタイルを同様のスタイルに全て変更しています。また、コメントも削除しています。 Blueprint Blueprint Based:Reset Reloaded <textarea name="code" class="css" cols="60" rows="5"> html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
Showing Hyperlink Cues with CSS (Ask the CSS Guy)
I like the little icons next to hyperlinks that signify if that link will take me offsite, open a popup, or link to a file (as opposed to another html page). Here's how to do it in a way that's supported in IE7, Firefox, and Safari. Download zip Images First, find some nice little icons (or better yet, create them yourself) in gif format that will be used as the cues. It might be easier for them a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
浜松・静岡｜スマホサイト・ホームページ作成CMSはハヤブサ
RSS ブロガー レッツPHP!(ネットツール)
webサイトを作る時に顧客とあらかじめシンクロしておくと良い7つの基礎*ホームページを作る人のネタ帳
サクラクレパス製品情報（クーピーペンシル）
