Rules & Resources Frequently asked questions, useful resources and announcements - read me first!
Rules & Resources Frequently asked questions, useful resources and announcements - read me first!
twitter facebook hatena google pocket サイトでよく見かける、文字サイズ(大・中・小)。 文字サイズが変更できるとなんだかユーザビリティに配慮した気になれます。 JavaScriptライブラリの「jQuery」プラグインjQuery Text Resizer Pluginを使用して実現してみましょう。 sponsors 使用方法 jQuery Text Resizer Pluginからファイル一式をダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.textresizer.js"></script> <script type="text/javascript" src="jq
IE上で上記のように、最後の文字が改行されて重複して表示されることはありませんか?これまで何度がこのような場面に直面したことはありますが、その度に解消法はどうだったかと調べていたものです。先日もサイトを制作していてこの状況に陥りましたので、今後のためにも解消法をメモしておきたいと思います。 バグ解消法 構造は下記のような感じにしています。 サイト全体をwrapperとして、その中にcontentsというボックスを設置します。そのcontentsの中にleft_box、center_box、right_boxをそれぞれfloat:left;で配置しています。 ちなみにサイズはwrapperは横幅720px、その中のcontentsも720px、3つのボックスは、それぞれ横幅230pxに設定し、left_box,center_boxにmargin-right:15px;を設定(230+15+2
IE6のPNG透過や6、7での 角丸、ドロップシャドウを実装 するjsライブラリのまとめです。 同じ用途でもライブラリによっ て良し悪しだと思いますので、 備忘録的にメモ。 もうIEはいいよとも思いますが、現実そうも行かないのはもどかしいですね。万能では無いですけど、作業工数を減らせるならjsに頼ってもいいと思います。そういう訳で、透過の問題や角丸、ドロップシャドウを実装してくれるjsのメモ。 IE7.js IE6以下でもIE7と同じようなXHTML / CSSの解釈をしてくれます。要DOCTYPE 宣言。 IE6以下をWeb標準に準拠させるライブラリ『IE7.js』 DD_belatedPNG.js IE6でも透過PNGを実装できるライブラリ。class名等を指定します。リピートにも対応。 IE6用透過png対応策、DD_belatedPNGの使用法と注意点 合わせて読みたい:DD_be
Par la rédaction Rédigé le 2021-05-25 Les diagnostics de performance énergétique dpe doit être affiché pendant toute sa durée de validité de 10 ans l'affichage doit être visible par le locataire. Dans le diagnostic je pense que tout est résumé une super équipe sur laquelle nous pouvons compter à tout moment de surcroit très sympathique. De la performance énergétique dpe logement tous les cas à par
はじめに DD_belatedPNGを利用すると、IE6でPNGファイルを透過させることが出来ます。 DD_belatedPNGはITキヲスク | IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」で解説されているように、簡単にそして高速に透過PNGを表示できるという特徴があります。 しかし、ITキヲスク | IE6用透過png対応策、DD_belatedPNGの使用法と注意点で解説されていますが、次のような問題点があります。 ここで、img要素に使用する際のいくつかの注意点を。 ただimg要素にpng画像を使うだけなら、上記で何の問題もありません。 しかし、png画像のimg要素にロールオーバーを設定したい場合、少し注意とコツが必要なんです。 たとえば、png画像のimg要素を<a>要素で囲んでリンクボタンとして、img要素をロールオーバーさせたい場
続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった(というか全然知らなくてちょっとびびった)ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。(#fooをとるとより高速) 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して
Quick Information. Admission Prices Trade Dealers: Free Adults: £1.50 Kids & OAPs: 75p Kids under 5: Free Opening & Contact Open every day except Christmas Day. 10am - 5pm Tel: 01524 844734 GB Antiques Centre - 100 individual antiques & collectables dealers – all indoors, all year round. GB Antiques Centre is now one the country’s biggest indoor antiques and furniture centres, attracting over 200,
This domain may be for sale!
異常低温が続いた4月が終わり、春を通り越して一気に夏が来たかのような、暑い気候が続いていますね。こんなとき、恋しくなるのがアイスクリーム。こちらでは、アイスクリームマシンを使わずに、材料を混ぜて冷凍庫に入れればOK!なアイスクリームレシピをご紹介しましょう。 DIYメディア「Instructables」では、生クリームと蜂蜜を混ぜ合わせるだけのカンタンなアイスクリームレシピを紹介しています。詳しくは、こちらのチュートリアルもご参照いただくとして、概要は以下のとおりです。 材料は、この2つだけ。 蜂蜜 1/2カップ 生クリーム(乳脂肪分35%のもの) 2.5カップ お好みで、バニラエッセンス少々 では、作り方に移りましょう。 生クリーム1.5カップを角が立つまで泡立て、冷蔵庫に入れる。 蜂蜜を弱火にかけ、ドロっとしてきたら、生クリームの残り1カップを加え、よく混ぜる(お好みでバニラエッセンス
ウェブサイトのユーザビリティテストの方法にはユーザの視線を可視化するものがある。gaze plotと呼ばれる方法はユーザの視線の軌跡を記録し、注視した部分に円を描画する。円内の番号は注視した順番を表し、円の大きさは注視時間の長さを表す。この結果から、ウェブサイトのどの部分がどの順番でどのくらい注目されるのかを知ることができる。 面白そうだったからウェブカメラとオープンソースの視線追跡ソフトで簡易なgaze plot環境を作って遊んだ。対象をウェブサイトに限らずに、いろいろ試した結果一覧。 はてなトップページ(はてな) Google Chromeテーマ選択画面(https://tools.google.com/chrome/intl/ja/themes/google.html) 英文(Eye movement in music readingの冒頭を真面目に読む) 楽譜(ラフマニノフ「ピアノ
手描き字・丸文字・四角い系・四角て丸い系・くずし文字・アクセント付き・へた文字系・ゴシック系・明朝系・筆文字系・筆書体系・欧文(英数のみ)・変わり種フォントなど、約80種類の「ウェブフォント」(パソコンにインストールされているフォントではなく、サーバにアップロードされているフォントを指定して自由に表示させるCSS3 Web Fontsを使った技術、このサンプルを見るとよくわかる)が利用可能なネットサービスがこの「デコもじ」です。画像や通常のFlashとは違い、ちゃんと検索にも引っかかるというのがポイントです。「ブログの見出しにあの文字が使えればいいのに!」というのを実現してくれます。 ユーザー登録は無料となっており、無料で利用できるウェブフォントだけでなく、月額315円から利用できる有料サービスではさらにプロフォントとして「游ゴシック」「游築見出し明朝」「へんまろ」「トゥモローウォーク」な
個人的に大好物の手書き風な Webデザインを作りたい時に 役立ってくれそうなフォントや テクスチャ、アイコンなど、無料 のリソースをメモしておきます。 手書き風と言っても色々あるのでこのまとめは偏ったものになっているかも知れません。参考程度にして頂ければ幸いです。全ては掲載出来ないので個人的に好みのリソースを厳選します。 日本語フォント ふい字 かなり使用条件を緩くしてくれている有名な手書きフォント。 ふい字 みかちゃんフォント こちらもかなりオープンに配布してくれています。 みかちゃんフォント あんずもじ 縦書き用も含まれています。こちらも有名なフォント。 あんずもじ ひま字 基本的には商用でも利用可能ですが、よく規約を読んで。可愛くて使いやすいです。 ひま字 ミウラ Liner ジュニア 漢字もがっつり入った素敵なフォント。 ミウラ Liner ジュニア 衡山毛筆フォント 著作権を放棄
Typography is a very important part of Designing. When it comes to Web and Logo Designing it is very important to find the appropriate font. As myself a web and logo designer I can say that many designers also has faced the same problem by not finding a good suitable font at the time of designing. Fonts should speak itself about the product. Like for a restaurant logo, the font may be fancy style.
It’s essential for Designers to have a good understanding of typography and selection as the importance of typography in design can’t be neglected. The proper selection of typography can convert your normal design into attractive piece of art. Among other things, effective typography manages to achieve three necessary objectives of web designing are Look, Appearance and Outcome which helps you to
Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty
配色センスに自信がなくても綺麗なサイトをつくる方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。配色はセンスではない! よく「私は色のセンスがないから…」などという言葉を聞きますが、 配色には基本となるセオリーがあり、知識として学ぶことができるものなのです。 よりよいWebデザインにするための配色のセオリー http://sweetlovexx.seesaa.net/article/90107619.html こちらにもいろいろ参考になる情報が盛りだくさんです。 書籍もいろいろあるのでamazonなどで検索してみてはいかがでしょうか。 「でも勉強とか面倒じゃないですか」 というひとでも大丈夫。 以下のサイトを使えば、なんとなくそれとなくカッコいい配色が手に入ります。 Color Scheme Designer 3 http:/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く