Website layout made easy | Griddle.it
A clean and simple way to align your website layout. No complex grid frameworks necessary. Just put your dimensions after our URL, and get a background guide to work with in your browser. Grids are created on the fly, so any combination should work. Take a look at the live demo → The Essentials The basic URL structure to use for all grid shapes and sizes is: http://griddle.it/[total width]-[number
JavaScript で幅に合わせて文字列を切りつめる - Psychs's blog
デスクトップアプリを開発してると、ListView のカラム幅が足りなくなったときに「My Docume...」のように自動的に末尾を「...」で埋めて切りつめてくれる機能がある。ウェブでも同じことをやりたかったので、作ってみた。 まず、文字列の幅を測定するには、 <span id="ruler" style="visibility:hidden;position:absolute;"> </span> みたいな隠しエレメントを用意しておいて、 String.prototype.getExtent = function(ruler) { var e = $(ruler); var c; while (c = e.lastChild) e.removeChild(c); var text = e.appendChild(document.createTextNode(this)); var
jQueryで角丸 - Di notebook
手順 head要素の中で jQuery と jQuery Corner を読み込む。 <script type="text/javascript" src="http://www.d-improvement.jp/notebook/sample/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="http://www.d-improvement.jp/notebook/sample/jquery.corner.js"></script> 角丸にしたい対象（HTML要素、id属性、class属性）に、角丸の大きさを指定する。head要素の中で指定する場合は、以下のように。 <script type="text/javascript"> $(document).ready(function(){ $("#type
30分でできる！Webサイトを高速化する6大原則 (1/4)
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
CSS Hack ライブラリー - CSS Hack Lab
CSS Hack Labは現在、製作段階のWEBサイトです。製作途中のページやリンク切れ等が多数存在します。 また、テスト等をしっかりと行っていない部分もまだ存在します。 なお、ページ移動も頻繁にしていますので、URLは何度も変わる可能性があります。 以上のことを理解の上でサイトを観覧してください。 CSS Hack ライブラリー登録済みハック一覧 CSS Hack Labで解説しているCSS Hackの一覧です。種類別、順不同。2つ以上の種類に属するCSSハックもあるため一部が重複しています。 [種類別一覧表] [ハック名五十音順] [CSSハック一覧表 - 通常|Pass Filter|@import] スターハック系 スターハック* html selector{ スター7ハックhtml*selector{ 2スターハック* html*selector{ スター＋ハック*+html s
逆引きCSSハック(IE8,Firefox,Opera,Safariを含めたブラウザ別CSSハック)
cat888 live เว็บไซต์ของเราได้รับการรับรองว่าเป็นเว็บพนันที่มีคุณภาพเยี่ยมที่สุดในประเทศไทยสำหรับการพนันออนไลน์ เว็บพนันที่มั่นคงและปลอดภัยที่สุดสำหรับการเดิมพันออนไลน์ที่ทำการเงินอย่างมั่นคงและปลอดภัยและรับรองความเป็นส่วนตัวของคุณในการเล่นเกมพนันที่นี่. ทางเรามุ่งเน้นให้ประสบการณ์การพนันออนไลน์ที่ไม่ซ้ำซากและน่าสนุกที่สุดเลยค่ะ! cat888 หวย เมื่อคุณมีความระมัดระวังในการพนันออนไลน์ คุณจะมั่นใจได้ว่า
プロミス 申込 入ロ
多くのカードローン、ないしはキャッシングの時は利息がとられますが、無利息キャッシングだと、決まった期限内に返したら、利息は生じません。 低い金利のカードローンは、大きめの資金の借り入れを希望する場合や、頻繁に借りる必要がある時には、月の返済額を相当少なくすることが可能なカードローンだといわれています。 5万円～10万円という、一括にて返せる大した金額ではないキャッシングだったら、利用しやすい無利息サービスを標榜しているキャッシング会社に申し込みをすれば、利息を徴収されることはないのです。 少しでも早く現金が必要なら、「借入申し込み額を50万円未満」にするようにしましょう。５０万円以上のキャッシングのケースでは、借り入れる方の「収入証明書」が要求されるから、少々面倒です。 近頃ではクレジットカードでも、手軽にキャッシングできるようになっているものが出ているので、手っ取り早くキャッシングの申込
Styling Scrollable Areas | CSS-Tricks
The scrollbars on browser windows are not styled by the website itself, or even generally by the browser. They come from the operating system itself. The desire to customize the style of these scrollbars is strong. When you are starting out, it feels like something you should be able to do with CSS. Complicating the issue, if you search around for CSS to change/customize scrollbars, you’ll probabl
getElementsByTagName
CSSやHTML、そしてJavaScriptについてリファレンス的に扱ってみたいと思います。もちろん実践的なものも。 土曜日, 8, 19, 2006 ページ中のとあるタグの要素をJavaScriptで扱う場合、指定したタグ全てに対して操作を行う場合は、getElementByIdよりもgetElementsByTagNameの方が便利。 たとえば、ページ中のINPUTタグに入力された文字列を全て取り出す場合は、 ソースは、下のようになります。 <script type="text/javascript"> <!-- function getValue(){ var obj = document.getElementsByTagName('input'); var max = obj.length; var all = ""; for(var i = 0; i < max; i++){
hori-uchi.com: _blankを使わないで別ウィンドウを開くにはre
はてなブックマークをみていたら、気になるエントリーを発見。 [戯] target="_blank" を使わないで新しいウィンドウでリンクを開く方法 target="_blank"という書き方がXHTML 1.1 や XHTML Basicに準拠していないので、これらに準拠するようにしつつ、別ウィンドウで開くにはどうすればよいかという話です。 別ウィンドウで開くにはJavaScriptを使えってのが推奨される方法なんですが、onclickを使って定義するのはめんどうということで、この記事では、aタグにclass="popup"という属性を与えておけば、JavaScriptで別ウィンドウを開くということをしています。 この件については友人のHTML、CSSマスターなkawachi君と話したことがあって、そのときは、下のエントリで紹介されているrel="external"という方法を使うのがいい
スタイル（style）プロパティ|Ajax入門|Ajaxの基礎と応用の学習|StudyNet
Ajax入門|Ajaxの基礎と応用の学習 Ajax入門 Web2.0を代表する技術であるAjax JavaScriptの基本からAjaxの基礎・応用までサンプルを使って紹介
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
Lightview “Overlay anything width style”
Lightview allows you to easily create the most beautiful overlay windows using the jQuery Javascript library. By combining support for a wide range of media with gorgeous skins and a user-friendly API, Lightview aims to push the Lightbox concept as far as possible. Lightview uses HTML5 to help you deliver the best experience across every browser. Let it enhance your media automatically or create c
ブロック要素のリサイズやドラッグを可能にするjQueryプラグイン「jqDnR」:phpspot開発日誌
jqDnR :: Minimalistic Drag'n'Resize for jQuery jqDnR is a lightweight plugin for jQuery that lets you drag, drop, and resize elements. ブロック要素のリサイズやドラッグを可能にするjQueryプラグイン「jqDnR」。 1. 赤の領域をドラッグして自由にリサイズできる要素作成 2. ドラッグ移動できる要素を作成 3. 赤いバーでドラッグ移動し、右下の赤いつまみでリサイズするボックスの作成 プラグイン自体が972バイトしかなくて、jQueryとあわせてもとても軽いですね。 ＣＳＳでスタイルすれば、当然、もっと綺麗なＵＩで提供できます。 関連エントリ 要素の中身をアニメーションしながら切り替えられる「InnerFade with jquery」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe Fonts
ボックスをはみ出さないようにfloatをクリアCSS:clearfixハック | Tech de Go
【HTMLタグの簡単検索】TAG index - ホームページ作成情報
サービス終了のお知らせ