WEB制作者のための32個のブックマークまとめ（part2）*ホームページを作る人のネタ帳
黄金比をサイトのデザインに取り入れる簡単な３つの方法 | コリス
その調和された比率は、トランプカードなどの日常的なものから、ギリシアのパルテノン神殿、ミロのヴィーナス、モナリザなどの芸術分野まで、多数存在します。 黄金比を使ったデザイン テクニックついては、下記も参考にどうぞ。 黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに 黄金比を矩形に使用する 黄金比をマージンに使用する 黄金比をパーツに使用する 黄金比を矩形に使用する サイトで使用する画像などの矩形に黄金比を適応します。 サンプルでは、144pxと233pxの組み合わせを使用していますが、「1:1.6」を利用して100pxと160pxなど簡易なものでも効果はあると思います。 黄金比を横長の矩形に使用 黄金比をマージンに使用する レイアウトにグリッドシステムを取り入れマージンを使用した場合、数種類のサイズが必要になる場合が多くあります。 その際、１つの値
DOCTYPE スイッチについての検証とまとめと一覧表 - hxxk.jp
DOCTYPE 宣言の種類によって、ブラウザのレンダリングが標準準拠モードになったり後方互換モードになったりすることを DOCTYPE スイッチと言います。 今回は要点だけ手短かに行きたいので詳しくは解説しませんが、 IE 6 だと DOCTYPE 宣言より前になんらかの文字 ( 記述が推奨される XML 宣言であっても ) があれば問答無用で後方互換モードになるバグがあるとか、まあよく聞く話題です。 標準準拠モードと後方互換モードでレンダリングにどんな違いが現れるかは Lucky bag::blog: xml宣言についてや !DOCTYPE スイッチが良いリソースなのでそちらをご覧下さい。 既存の DOCTYPE スイッチ一覧表に "?" ここ数日、この DOCTYPE スイッチについて調べていたのですが、書籍やサイトに書かれている情報と、実際に試してみた結果が少し違うんですよね。 ある
PCサイトを携帯電話に対応させる方法のまとめ
PCサイトを携帯に対応させるまとめというエントリーより。 PC向けサイトがあるのなら、携帯電話に対応することで潜在ユーザーを取り込むことができます。今回は、PCサイトを携帯に対応させるのに役立つ情報をまとめてご案内させていただきます。 PCサイトを携帯電話に対応させる方法のまとめが紹介されているエントリーがありました。 ・同じURLで携帯用URLに転送 ・QRコードをつくる ・Googleモバイルからアクセスされた際に転送する ・PCで携帯の表示を試してみる ・Movable Typeを携帯に対応させる ・PC向けサイトを携帯向けに変換する ・モバイルでアフィリエイトをする いずれも探すとネットで見つかる情報ですが、こうしてまとまっていると助かりますね。「同じURLで携帯用URLに転送」というのはなかなか良いかもしれません。 うちはウィルコムしかないので、携帯電話向けサイトを見るには「PC
角丸画像を瞬時に生成するGoogleの隠れAPI！ | p o p * p o p
これはすごい・・・Googleの隠れAPI（？）を見つけてしまった人がいます。Web 2.0系でよく使われる角丸用の部品を簡単につくることができちゃいます。 » Zach’s Journal – google’s own cornershop 例えば、Google グループのページの丸角は下記のURLで生成されています。 http://groups-beta.google.com/groups/roundedcorners?c=999999&bc=white&w=4&h=4&a=tr 生成される画像は以下。 そしてご推測のとおり、パラメーターをいじることができちゃいます。たとえば下記のような画像を自由自在です。 以下、パラメーターの詳細です。 c：色を指定します。色の名前（aqua, black, blue, fuchsia, gray, green, lime, maroon, navy
FreeStyle Menus Demonstration
Script License Agreement You may use this script only if you agree that: You must EITHER: Donating Users: This script is "donation-ware". If you can make a donation to support this script, it may be used on a website without a crediting link. Please consider making a donation! I have spent a lot of time developing, debugging and documenting scripts, and any support is welcome. More info... Free Us
CSSとJavaScriptで影付きの角丸ボックス要素を作る:phpspot開発日誌
Transparent custom corners and borders, version 2 | 456 Berea Street It’s been almost a year and a half since I posted Transparent custom corners and borders, a technique for creating custom corners and borders with optional alpha transparency. CSSとJavaScriptで影付きの角丸ボックス要素を作る。 次のような２重線と影がついたボックスのサンプルが公開されています。 HTMLは次のようにシンプルな形に出来るようです。 <div class="cbb"> <h1>Transparent custom corners and borders, v
AjaxZip 2.0
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
ITmedia Biz.ID：再利用可能なコンテンツを探す6つの方法
クリエイティブ・コモンズで提供されている写真や映像を効率よく検索できるサイト、GNUフリー文書ライセンスのPDFを検索する方法などを紹介。（Lifehacker） 自分がデザインしているパンフレットに画像を1点加えたい。それも今すぐに。だが勝手に他人のクリップアートに手を出せば、著作権違反に問われてしまう。クリエイティブ・コモンズのような組織、GNU Free Documentation Licenseのようなライセンス、そしてパブリックドメインのおかけで、そんな心配をせずにダウンロードして再利用できる、無料の写真、楽曲、映像、文書がたくさん存在している。 今回は、新学期を迎えるに当たって、あるいは強力なマルチメディアプレゼンテーションで上司を圧倒したい人のために、Web上で、合法的に再利用できるコンテンツを見つけ出す方法を6つ紹介しよう。 1. Creative Commons Sear
Get 'free' media with Wikimedia Commons
Wikimedia Commons is a repository of nearly 700,000 pieces of media, all under free licenses such as Creative Commons Attribution/Attribution ShareAlike copyrights, GNU Free Documentation Licenses or under no copyright (public domain). Wikimedia Commons contains many of the images used in Wikimedia projects, such as the Wikipedia and Wikinews. Wikimedia Commons allows anyone to upload media, wheth
PHP CSSで見出し部分を画像で動的に美しく表示するサンプル:phpspot開発日誌
PHP & CSS Dynamic Text Replacement (P C DTR) with word-wrapping PHP CSS Dynamic Text Replacement is a JavaScript-free version of the Dynamic Text Replacement method originally created by Stewart Rosenberger.PHP+CSSで見出し部分を画像で動的に美しく表示するサンプル。 <h1>タグなどで囲った見出し部分をアンチエイリアスのかかった特定フォントで次の画像のように美しく表示するサンプル。 画像なので、どのプラットフォームでも同様の見え方で表示できる上、CSSで実現しているためクリーンなHTMLによる実装が可能。 また、長い文字列が<h1>タグに指定されていても、自動で折り返されます。 H
Web開発者のためのライブラリTOP10とCrossBrowserToys:phpspot開発日誌
Top 10 Web Developer Libraries - Cameron Olthuis I decided to make a list of the top libraries that I have come across or that I personally use. WebデベロッパーのためのライブラリTOP10。 Moo.fx , Rico , Swat ,ColorCombos ,script.aculo.us ,Mochikit ,Dynamic Drive CSS Library, PEAR , DHTML Goodies ,Cross Browser | Toys ,Yahoo UI Library 実際には12個紹介されます。 ColorCombos, Cross Browser | Toys 以外はわりとメジャーなので知っていましたが、いろいろとライブラ
Tabblo
If you are looking for ways to create a blog that is rich in content and full of engaging and interactive photos and stories, then there are several different to do this. We will go offer some general tips here, but for a more in-depth guide it is recommended you follow a step-by-step tutorial like the guide to creating a blog for beginners from Blog Starter. Creating a content-rich blog will not
Reflection.js
Reflection.js allows you to add reflections to images on your webpages. It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Internet Explorer 5.5+, Mozilla Firefox 1.5+, Safari, Google Chrome and Opera 9+. On older browsers, it'll degrade and your visitors won't notice a thing. Best of all, it's under 5KB. Reflect-o-matic See what reflection.js looks like o
symfony - open-source PHP5 web framework
Services Platform.sh for Symfony Best platform to deploy Symfony apps SymfonyInsight Automatic quality checks for your apps Symfony Certification Prove your knowledge and boost your career SensioLabs Professional services to help you with Symfony Blackfire Profile and monitor performance of your apps
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
電脳狂想曲 レイアウトの小技
http://img.simpleapi.net/font/
Flickr Login
https://www.abouturl.com/index.php
Max Kiesler - 60 More AJAX Tutorials