The 7 CSS Hacks that we should use - noupe
If you are trying to do pixel-perfect cross-browser CSS layout, then you have probably ran into problems with IE . I am going to highlight the top 7 CSS hacks that we often use to have pixel perfect design. 1)Box Model Hack The box model hack is used to fix a rendering problem in pre-IE 6 browsers, where the border and padding are included in the width of an element, as opposed to added on padding
Life is beautiful: Javascript、クロージャを使ったプライベート関数の隠蔽について
（このエントリーは「Javascriptクイズ：無名関数と実行効率の話」の続編。） 「？？？」と頭をかしげる太郎に、「じゃあ、これだったらどうかな？」と三郎はコードを書き始めます。 function code2name(code) { var mapping = { 'us': 'United States', 'ja': 'Japan', 'ko': 'Korea', 'ru': 'Russa', 'uk': 'United Kingdom', 'fr': 'France', 'cc': 'China', 'gw': 'Germany' }; return mapping[code] || '(unknown)'; } 「カントリーコードを国名に変換しているんですね。」と太郎。 「どこが問題だか分かる？」 「うーん、マッピングのためのオブジェクトを毎回作り直しているところかな。」 「そう
JavaScriptの巧い書き方 - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 Webに言語は数あれど、特に玉石混淆の激しいJavascriptの書き方について纏めてみた。間違い指摘大歓迎！ 発端はYahoo!の Eric Miraglia による、YUI 式モジュールの作り方をまとめた記事。ざっくりまとめると、以下の手順になる。 YAHOO.myProject.myModule = function () { //"private" variables: var myPrivateVar = "I can be accessed only from within YAHOO.myProject.myModule."; //"private" m
clearfixの決定版を作る －IE編－
今回は、floatバグ対策における鬼門ともいえるIEのclearfixに挑戦する。しかし、その前に、何をもって「決定版」とするか、あらためておさえておこう。本来なら、ひとつでも多くの種類、バージョンのブラウザでfloatをクリアできる（もしくは同じ効果を得られる）ことをもって、決定版とすべきなのだろうが、ここでは少し違う方針をとりたいと思う。簡単にいえば、CSS自体の正しさとか美しさを優先したいということだ。逆に、そのためには古いバージョンのブラウザなどは犠牲になってもしょうがない、と考えている。ここでいう「決定版」を定義してみよう。 1. 文法的に正しいこと このこととイコールとするには異論があるかもしれないが、「W3Cのvalidatorを通ること」と言い換えることもできる。少なくとも、通らないより通るほうがいい。 2. 内容的に理にかなっていること、意味不明でないこと いわゆるCSS
Plagger : プラグイン可能なフィードアグリゲータ (Plagger - MemoWiki v5)
Plagger : プラグイン可能なフィードアグリゲータ -Plagger をリリース: blog.bulknews.net --http://blog.bulknews.net/mt/archives/001893.html -Plagger: Pluggable RSS/Atom aggregator (DIY RSS/Atom aggregation) --http://plagger.org/ -はてな - Plaggerとは --http://d.hatena.ne.jp/keyword/Plagger -PlaggerCon #1 Keynote --http://blog.bulknews.net/mt/archives/PlaggerConKeynote.pdf -YappoLogs: Plagger Server のデモンストレーション --http://blog.yap
plagger - otsune FreeStyleWiki
Plagger 注意 このページは単なるインストール手順のメモです。Plaggerは開発が活発なので、ここの情報は古くなっていることが多いです。 Plaggerについての正確な説明は Plagger公式サイト Shibuya.Plaggers Plagger Plugin はてなブックマーク - タグ plagger などを参照してください。 概要を知りたい場合は公式サイトのPresentationsにある「YAPC::Asia 2006 Tokyo」「Plagger Conference 1 Keynote」のスライドを参照するとよいでしょう。代表的なデモとしてElementary, ... Googleで「はらへった」と検索するとピザが届くようにするまでがあります。 解説 Plaggerは、mixiやBloglinesやWebサイトなど様々なところからデータを取って来て、いろいろなフィ
LaCie Hard Drive Design by F.A. Porsche 500GB 301210J 価格比較
LaCie Hard Drive Design by F.A. Porsche 500GB 301210J 価格比較 ホーム > パソコン > 外付けHDD・ハードディスク > LaCie(ラシー) > LaCie Hard Drive Design by F.A. Porsche 500GB 301210J LaCie 2007年 9月12日 登録 LaCie Hard Drive Design by F.A. Porsche 500GB 301210J お気に入り登録 5 最安お知らせメールが受け取れます 価格情報の登録がありません 価格推移グラフ 価格帯：¥―～¥― (―店舗) メーカー希望小売価格：¥― 容量：500GB 回転数：7200rpm インターフェース：USB2.0/IEEE1394a メーカートップページ 外付けHDD・ハードディスクの人気売れ筋ランキング ―位 3.0
CMSツール「Movable Type」を使いこなすためのサイト25
twitter facebook hatena google pocket CMSツールはさまざま公開されていますが、「Movable Type（MT）」ほど日本に根付いたものはないでしょう。 BlogツールからスタートしたMTはバージョン4.xからCMSツールとして大きく変貌を遂げ、オープンソース版もリリースするなど利便性が非常に高くなりました。 今回はこのMTを使いこなすためのサイトを紹介します。 sponsors Reference ・Movable Type 4 ドキュメント ・テンプレートタグリファレンス HowTo / Review ・Movable Type備忘録 ・小粋空間 ・Ogawa::Memoranda ・Open MagicVox.net ・The blog of H.Fujimoto ・Dr.blog ・MTまとめサイト ・Movable Type入門 ・Mova
Vivabit The Web's Cutting Edge
Vivabit is a small London based consultancy established by experienced web professionals that specialises in best-practice web design and development. We don't just do the web, we do it in the best possible way. Whether that's through training, auditing, outsourcing, or full design and build, we can help you to achieve better web sites. Take a look around our newly redesigned web site to see if an
Playmountain : Landscape Products Co.,ltd.
Adam Silvermanのアートである素晴らしい陶器の写真だけでなく、アーティスト・Adam自身やそのスタイルなども紹介した初の作品集“Ceramics” 。数量限定でサインもいれていただきました。
大和ハウス工業株式会社
令和６年能登半島地震により被害を受けられた皆様に、心よりお見舞い申し上げます。 被害を受けられたオーナー様や入居者様でお困り事などがございましたら、こちらからご確認ください。
MOONGIFT: » ActionScript GUIフレームワーク「AsWing」:オープンソースを毎日紹介
Flashと言うと、興味はあっても手は出していない技術者が数多い。なぜかと言えば、デザインとプログラムが融合していて何となく難しそうな感じがする事と、有償というイメージがある事に所以するだろう。 ActionScript2/3の開発についてはFlashDevelopを使えば良い。しかしこれでは画面デザインをプログラムベースで作らなければならない。そこでこれだ。 今回紹介するオープンソース・ソフトウェアはAsWing、ActionScript向けのGUIフレームワークだ。 AsWingはActionScript2/3に対応したGUIフレームワークだ。ボタン、チェックボックス、スライダ、プログレスバー、コンボボックス等、GUIを仕上げるのに十分なコンポーネントが提供されている。 これらをActionScript上でimportすれば良い。だが、これではプログラムベースという難点が解決していない
WinMerge - You will see the difference…
What is WinMerge? WinMerge is an Open Source differencing and merging tool for Windows. WinMerge can compare both folders and files, presenting differences in a visual text format that is easy to understand and handle. Screenshot See the screenshots page for more screenshots. Features WinMerge is highly useful for determining what has changed between project versions, and then merging changes betw
jQueryではじめるAjax：第3回 Youtube APIとjQueryを使いこなす｜gihyo.jp … 技術評論社
たとえば、検索結果を表示する簡単なアプリケーションのために、整形されたHTMLを含むデータを取得するには次のように指定します。 http://gdata.youtube.com/feeds/base/videos フィードの種類 データを取得するフィードは数種類あります。 通常はVideoフィードを使えば十分ですが、投稿者の情報やコメントの情報等を取得するフィードもありますので、必要に応じて使い分けてください。 全てのフィードは読み取り専用であり、認証無しでリクエストすることができます。 また、新しく投稿されたビデオがフィードで取得できるようになるには、インデックス化のため数時間かかります。 Videoフィード Videoフィードには、ビデオ、関連動画、standard、お気に入り、再生リスト、コメントのフィードがあります。 ビデオフィード ビデオを検索するには、ビデオフィードを使います。
.:: EMILIO PUCCI ::.
You need to upgrade your Flash Player This is replaced by the Flash content. Place your alternate content here and users without the Flash plugin or with Javascript turned off will see this. Content here allows you to leave out noscript tags. Include a link to bypass the detection if you wish.
Adobe CS3のプロダクトアイコンとグラデーションファイル
Adobe CS3のプロダクトアイコンのカラーホイールと、そのグラデーションファイルの紹介です。 adobe CS3のプロダクトアイコンのカラーホイール 上記のカラーホイールを元に作成したグラデーショ
画像にネオンの曲線を加えるチュートリアル -neon string
tutorialeasy.comにエントリーされている、画像にネオンの曲線を加えるチュートリアルの紹介です。 Makeing glwing/neon strings in Photoshop （2009年1月：公開終了） 画像にネオンの曲線を加えると、かなりかっこいい画像になります。
閃光、爆発などの光や風などを表現できるPhotoshopのブラシ | コリス
Brusheezy!に登録されている、閃光、爆発などの光や風などを表現できるフラクタル&アブストラクトなPhotoshopのブラシの紹介です。
水や炎・爆発をイメージしたPhotoshopのブラシ | コリス
FuelFireDesire's deviantART Galleryでは、水や炎や爆発などのイメージが表現できるPhotoshopのブラシを配布しています。 FuelFireDesire's deviantART Gallery 下記の各画像は、クリックするとブラシの形状が表示されます。
光のぼやけやオーバーレイの画像集 -DesignBum
DesignBumでは、100枚の「光のぼやけやオーバーレイの画像」をはじめ、ベクターテクスチャやポスターなどPhotoshop形式やIllustrator形式のファイルが配布されています。 DesignBum Download Overview 上記の「光の画像」は、JPEGで配布されており、大きいサイズのものは、2560x1920ピクセルでした。 他にも、下記のポスターやベクターテクスチャなど多数のファイルがあります。
JavaScript - MDC
JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ
特集：jquery.jsを読み解く｜gihyo.jp … 技術評論社
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
アクセッシブルなスライダーjavascript「Accessible News Slider」
twitter facebook hatena google pocket 巷にはスライダーのスクリプトが溢れていますが、W3Cの定めるWCAG 1.0.に準拠していないケースが多々あります。 Accessible News Sliderは完全に準拠し、javascriptがoffの環境でもアクセッシブルなスライダーを作成できるjavascriptを紹介しています。 sponsors 使用方法 Accessible News Sliderからファイル群をダウンロードします。 <link rel="stylesheet" href="http://yourdomain/jquery.accessible-news-slider.css" type="text/css" media="screen, projection"> <script language="javascript" type
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
金沢R不動産
iShowU スクリーンキャストforMac
Yahoo! Design Innovation Team
http://colorcharge.com/wp-content/uploads/2007/12/jquery12_colorcharge.png
福井情報技術者協会[FITEA] � 「Ajax&AIR&Silverilght入門」イベントレポート
宇宙や星雲・惑星を表現するPhotoshopのチュートリアル
メタルの質感や形状などを表現するPhotoshopのブラシ
51個のPhotoshop テキスト エフェクト集
羽・花・蝶・葉・光など14種2000以上のPhotoshopのブラシ&画像 -ShadyMedusa | コリス
Yahoo!デベロッパーネットワーク
一撃必殺JavaScript日本語リファレンス
https://hardwar.org.uk/