もうパンツはかない
このサイトは webサイトのデザインをいろいろ考えてみようかななどとでっち上げたサイトです。ようやく7つ目のデザインとなります。 デザインにはカスケーディングスタイルシート(CSS)を使っています。21世紀の今、テーブルレイアウトでもないでしょうから。ですのでデザイン的にはターゲットとなるwebブラウザは、CSSにきちんと対応した新しめのもの、たとえば Firefox(レンダリングエンジン Gecko を使ったもの。N9なども含む)や 、Opera9、Safari などを想定していますが、HTML的には素直なよいHTMLをめざしてますので、まともなWEBブラウザであれば閲覧に支障はないでしょう。デザインが再現できるかはともかく。 デザインノート 今回のポイントは半透明画像の重ねあわせといったところでしょうか。 一番下の背景の上に3枚の半透明画像が重なり、スクロールするとそれぞれ違う速度で動
Linksをサムネイル化した
Linksをサムネイル化してみた。各サムネイルはSimpleAPIのウェブサイトサムネイル作成API頼みなのでNOW PRINTINGばかりだったりするけど、それはそのうち解消されるはず。無駄にポップアップとかさせてみたり。 Simple APIのウェブサイトサムネイル作成APIが返す画像は決まったサイズなので、ポップアップはかなり前に考えたposition: relative;を利用したテクニックでやった。CSSのコードは、 div#contents div.story ul.thumbnail { margin: 1em 0; width: 100%; line-height: 1; list-style-type: none; } div#contents div.story ul.thumbnail li { margin: 0 1em 1em 0; float: left; wi
JavaScriptでブラウザのフォントサイズを検出する方法:phpspot開発日誌
A List Apart: Articles: Text-Resize Detection When you design for the web, you don’t know what software people will use to experience your site, and you don’t know what capabilities your users (and their software) have.CSSとJavaScriptでブラウザのフォントサイズを検出する方法。 ブラウザの各々のフォントのサイズって検出できないと思っていましたが、JavaScriptを使うことでそれが可能です。 これにより、次のことが可能になります。 ・ フォントサイズに合わせたデザイン調整 ・ アクセスログに新たなデータを追加(利用者はどのぐらいのサイズで自分のページを見ているか
ヽ( ・∀・)ノくまくまー(2006-09-07) CSSでポップアップ
● CSSでポップアップ ちょっとした説明文をポップアップするには "title" 属性が便利であるが、複数行表示がブラウザに依存し、画像を含んだコンテンツには対応できない。かと言ってJSを持ち出すのも面倒だと思っていたら、CSSのみで実現できるらしい。そのまとめ。(via RailsChat) CSS .popup .tips { display : none; position : absolute; } .popup a:hover { position:relative; } .popup a:hover .tips{ display : block; top : 30px; left : 20px; white-space : nowrap; text-decoration : none; border : 1px solid black; color : black; back
PREのIEでのスクロールバーを隠す - チープカ
CSS | 14:44 | PREの話が最近多く出てますけど、やっぱりIEでずっとスクロールバー表示されるのは嫌だなあと思ったので無理やり消してみました。基本的な部分はhail2uさんのものです。 pre { margin: 1em 5px; padding: 1em; _padding: 1em 1em 0 1em; font-family: 'MS Gothic', monospace; background-color: #f0f0f0; color: #000000; _width: 100%; overflow: auto; _overflow-x: scroll; scrollbar-track-color: #f0f0f0; scrollbar-face-color: #f0f0f0; scrollbar-shadow-color: #f0f0f0; scrollbar-da
CSSだけでフレームを作るテクニック:phpspot開発日誌
CSS Frames v2, full-height | 456 Berea Street Way back in August of 2003 I wrote a short article called CSS Frames, in which I described a technique to emulate the visual appearance of HTML frames with CSS. CSSだけでフレームを作るテクニック。 通常、フレームというとframeタグを使って実現しますが、検索クローラーに対して不利などの理由から最近ではあまり見かけなくなってしまいました。 フレーム風のインタフェースをＣＳＳだけで実現するテクニック。 常にヘッダー、フッターのナビゲーションが固定されているのでフレームの使いやすさはそのままで、かつクリーンなHTMLによってフレームを実現でき
Lucky bag: : blog: 背景画像に使える透過 GIF
斜線やストライプの背景画像を Photoshop とかで作ると、色を変えたくなった時にそのたび作り直しってのが面倒。便利で使ってる人も多いかもしれない secondlife さんの Background Image Maker でもそれは同じかな。んで、Photoshop とかで作る場合に、線に色を付けて作るんではなくて、色を付けたい部分を透過にして作っておいて CSS で background-color を指定するやり方にすれば、色を変えたくなった時はCSS で背景色を変更するだけで良いじゃんって、Super Stripes を見て目からうろこ状態。早速インスパイヤしてみた！ 使ってみたい GIF 画像をダウンロードして、CSS で背景画像に。あとは、背景色で好みの色を指定するだけ。ちなみに、サンプルでは背景色を #fa0 と指定している。 斜線 oblique-line_1px.gi
Professional Carpet Cleaning Services in London | SATSU Ltd.
Professional Carpet Cleaning London Don’t settle for anything less than excellence when you’re looking for specialist carpet cleaning in London. Choose our cleaning company today and you’ll receive comprehensive, all-inclusive services that cover all kinds of carpets, rugs, sofas, mattresses and curtains. You’re our number one priority – that’s why we only employ professionals who’ve been strenuo
CSSオンリーでクールなグラフを書くサンプル集:phpspot開発日誌
Apples To Oranges ? San Francisco Bay Area Visual and Experience Design Studio CSSオンリーでクールなグラフを書くサンプル集。 3つほど紹介されていてどれもクールで実用的。 1. まず、次のようなグラフを書くサンプル。 実際のHTMLコード <style> .graph { position: relative; /* IE is dumb */ width: 200px; border: 1px solid #B1D632; padding: 2px; } .graph .bar { display: block; position: relative; background: #B1D632; text-align: center; color: #333; height: 2em; line-height
amerioのブックマーク - はてなブックマーク
投資ファンド「ユニゾン・キャピタル」（東京）が、「資（すけ）さんうどん」の店名で北九州市を中心に４２店舗を運営するうどんチェーン「資さん」（北九州市）の全株式を取得したことが分かった。取得日は３月３０日、金額は非公表。今後、本州や海外での店舗展開に乗り出すとみられる。 関係者によると、資さんは故大西章資氏が１９８０年に設立。２４時間営業や豊富で安価なメニューにより北九州地区で人気を集め、福岡市周辺にも店舗を拡大した。２０１６年８月期の売上高は６９億５千万円。 数年前、後継者問題を背景に、福岡銀行などが出資する福岡キャピタルパートナーズ（福岡市）が株式を取得。新たな運営企業を探していた。 譲渡先のユニゾン・キャピタルは、回転ずしチェーン「あきんどスシロー」などの企業再生や業績改善を成功させた実績がある。ユニゾン側は「外食の投資で培ったノウハウを活用し、今後店舗を拡大させる」としている。 ＝2
Submit CSS - Đặt cược vào tài năng hoạt hình Việt Nam
Ra mắt Nền tảng Khám phá bản chất của Gửi CSS và vai trò then chốt của nó trong việc kết hợp hoạt hình và đặt cược trên sân khấu kỹ thuật số của Việt Nam. Tầm nhìn của chúng tôi Tìm hiểu sâu hơn về sứ mệnh của chúng tôi là tạo ra một không gian nơi những người đam mê hoạt hình có thể đặt cược vào những ngôi sao đang lên của làng hoạt hình Việt Nam. Cam kết của chúng tôi Tìm hiểu về sự cống hiến củ
hxxk.jp - CSS の記述ルール記事のまとめ
いまだに私自身「これだ ! 」という答えを見出していないのですが、 CSS の記述ルールって絶対的な正解ってありませんよね ? ちょっと私が知っている範囲で明文化されている CSS の記述ルールを集めてみましたので、それを元に絶対的な正解のルールではなく、最大公約数的なルールを模索してみたいと思います。 ちなみに、今回模索するのは Lucky bag::blog: CSS を作成する際のお約束やデフォルトスタイルの差異を無くすCSS のような Tips ではなくて、あくまで .css ファイルを書き上げる際のルールのことです。 それと、取り上げた記事は順不同です。 書き上げてから、公開日時順にした方が良かったかなあとも思いましたがもうこのままで公開。 Type selectors を XHTML Abstract Modules の順番に沿って記述 - hxxk.jp ガイドラインを作成お
ちちくさい
「イクヨが来るｮ！」広島に激震が走った。あやこさんから「あの有名ブロッガー、今イクヨさんにお会いできる機会があるけど、どう？」と連絡を受け、私は息子の運動会でガクガクになった膝を引きずりながらお好み焼き屋に向かいました。向かう電車の中ですでにウトウトしてたのは内緒なの。（だって朝7時からグランドのテント張りを手伝いに…！）店に着くとポア子さん、かよこさん、あやこさんと知っている顔が並んでたんですけど、その他は全く知らない人ばかりだった。なんの飲み会に来たんだっけ？って一瞬自問してから「そうだっ！イクヨ！イクヨはどれっ!?」ってなった。こういうこと申し上げて良いのかどうか分かりませんが、初めてお会いしたイクヨさんは非常に残念なことに男前のナイスガイだったんです。好きなことについて語っておられるイクヨさんの表情はとてもキラキラしておりました。たぶんTENGAの魅力について語っておられたと記憶し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【SEO対策tips】最適化された(x)html-img要素 - to-R
Mike-O-Matic 損 A CSS Crossfader Demo
http://www.elev3n.co.uk/
CSS Tips：メモランダム
開発中のツールやプラグインなど | ラボ
http://www.dbfnetwork.info/tinderbox/index.html
http://joram.agz.jp/hatena/hatena_theme.html