PC 版の Google Chrome や Safari で見たときにユーザビリティーが落ちるから。 以上。 で終わってしまうと記事にならないので、ちゃんと説明しておく。 そもそも -webkit-text-size-adjust とは何か iPhone や Android のブラウザーは、縦向き (Portrate mode)... 続きを読む

• tech.nitoyon.com
• テクノロジー

事例で見る目的別配色テクニック 大事なのはヘッダと商品の詳細 EC サイトで商品を購入する場合、ユーザーが何を見るかというと、商品の情報や写真であることは言うまでもありません。しかしサイトに訪問するきっかけや商品を見つける過程は人それぞれですし、... 続きを読む

• www.cpi.ad.jp
• テクノロジー

Warby Parkerとは、ニューヨーカーに人気のアイウェアショップ、つまりメガネ屋さんです。 オンラインショップをメインに、リアルのショールームなんかも設けながら、独自のビジネスモデルで人気を博しています。 今年9月には$37Mの資金調達を行ったり、将来的... 続きを読む

• blog.feedforce.jp
• テクノロジー

この記事が参考になる業種 健康食品／サプリメント 家具／インテリア ファッション／アパレル サイト上でどんなに商品を詳しく説明しても、消費者には分からないところ、知りたいところはたくさんあるものだ。 そもそも、消費者は商品ページの隅から隅まで読ん... 続きを読む

• ascii.jp
• テクノロジー

「はじめてECサイトを立ち上げるのはかなりの勇気がいる。そんな方のために必要な情報を提供し、安心してECをスタートアップしていただきたい」。本連載は、このような編集長の想いからはじまりました。「ECスタートアップ実践講座」の連載を通じ、より多くの方... 続きを読む

• markezine.jp
• テクノロジー

[対象: 全員]間隔が少し空いてしまいましたが、PubCon Las Vegas 2012のセッションレポートを今日はお届けします。ECサイトの商品ページを最適化するための施策についてのBRYANEISENBERG.COMのBryan Eisenberg（ブライアン・アイゼンバーグ）氏のプレゼンテーシ... 続きを読む

• www.suzukikenichi.com
• テクノロジー

Tweet Tweet ECサイトの売上アップに困っているなら、まず知っておいておきたい簡単な公式がある。 それは、「売上=集客×コンバージョン率×リピート率」だ。 集客力が２倍になれば売上は単純に２倍になる。またコンバージョン率が２倍になった場合も売上は２倍... 続きを読む

• bazubu.com
• テクノロジー

「ECスタートアップ実践講座」の第二回目。はじめてECサイトを立ち上げる際に、まず押さえるべき「基本中の基本」にフォーカスします。さっそくお客様に支持され愛されるための「（1）ショップコンセプトの定義」ついて見て行きましょう。 お客様に支持され愛さ... 続きを読む

• markezine.jp
• 暮らし

Tweet Tweet 他の店が、同じような商品を売っていたら、ほとんどの方は、「自分も下げなければいけない」と感じてしまう。 しかし、低価格競争に巻き込まれた状態で、一度、価格競争力を失ってしまったら一貫の終わりだ。つまり、低価格戦略は非常にリスクが高... 続きを読む

• bazubu.com
• テクノロジー

Webサイト制作の依頼を受ける上で、クライアントの中には相場が分からず、必要最低額を遥かに下回る予算を提示する方もいます。多くの場合は必要な作業内容やかかる時間を説明すれば納得して頂けますが、時々「タダでできて当たり前」を前提とする方もいます…... 続きを読む

• www.webcreatorbox.com
• テクノロジー

フルスクリーン表示もレスポンシブウェブデザインもFluidレイアウトである、から始まり、CSS3ではbackground-sizeプロパティによって背景画像の表示サイズが指定できる、というところに辿り着きました。 このbackground-size: coverを使って、たった3行のCSSで... 続きを読む

• dresscording.com
• テクノロジー

画像やパネルのホバー時に、CSS3アニメーションを使った気持ちのいいエフェクトを実装するチュートリアルをまとめました。 続きを読む

• coliss.com
• テクノロジー

iPhoneやiPadのSafariにはブックマークレットだけじゃなくURLスキームという隠し機能が実装されていることを初めて知りました！URLスキームとは、簡単に言うとアプリの起動用アドレスを打ち込んでアクセスすると目的のアプリが起動するという機能です。なんか面... 続きを読む

• higi.cocolog-nifty.com
• テクノロジー

W3CのValidatorをサイト全体にかけてサイトマップも作ってくれるツール「W3Clove」 2011年12月07日- W3Clove :: site-wide markup validation tool W3C Validator の結果を一括で得られ、サイトマップのXMLも生成してくれる便利なサービスのご紹介です 最初にト... 続きを読む

• phpspot.org
• テクノロジー

お客さんから送られてきた、Excelデータからせっせとリストや表のHTMLをコーディングしているあなた！そろそろ手がが疲れてきていませんか？ そんなあなたは、この記事で紹介するExcelテクニックをぜひ覚えてください。 面倒な作業が、わずか数秒で終わります！... 続きを読む

• webrocketsmagazine.com
• テクノロジー

開発, CSS, iPhoneiPhoneがでた当初はWebApp押しだったAppleも3Gを出してからすぐにネイティブアプリに手のひらを返してしまって、WebAppはすっかり影がさしてしまいました。それでも、jQTouchやSencha Touch、jQuery mobileなどWebAppの開発支援となるJavascri... 続きを読む

• kudakurage.hatenadiary...
• テクノロジー

作業環境を大公開 需要があるかわからないけれど、普段つかってる環境をまとめておくことで改善点とかを聞けるといいな! と思ったのでまとめてみます。 基本ソフトウェアとか Mac OS X 10.7 (Lion) FileVault 2はいい物です。よくキーボードが反応しなくなった... 続きを読む

• blog.niw.at
• テクノロジー

Radio Buttons with 2-Way Exclusivity | CSS-Tricks ２次元のラジオボタンを作るチュートリアル＆jQueryサンプル 通常ラジオボタンというと１次元で、１グループで１個だけというのが特徴ですが、これを２次元にして普通とは違う使い方ができるようになるチュ... 続きを読む

• phpspot.org
• テクノロジー

トロントでワーホリ中のしまえるです。 HTML会議は毎週末の夜中に4人でひっそり開催中です。とっても楽しい！ 先々週に盛り上がった内容、HTML5でのパンくずのマークアップの話をします。 W3Cのサイトを見るとこう書いてます。 2011年10月5日時点でののWorking ... 続きを読む

• html-meeting.org
• テクノロジー

function calcParallax(tileheight, speedratio, scrollposition) { return ((tileheight) - (Math.floor(scrollposition / speedratio) % (tileheight+1))); } window.onload = function() { window.onscroll = function() { var posY = (document.documentEle... 続きを読む

• www.ajike.co.jp
• テクノロジー

来月はキャプテン・アメリカ見るし、気が付いたら年中アメコミ映画を見ているminamiです。 来月にはまた大きな発表がいろいろありそうなiPhone界隈ですが、iPhoneサイトのコーディングをする際につまづいてきたポイントを挙げてみました。 [HTML] input type="f... 続きを読む

• c-brains.jp
• テクノロジー

Google Chrome, Safari, Lunascape Webkit など、webkit 系ブラウザで利用できる ::-webkit-scrollbar 擬似要素に関する覚え書きです。 これはその名の通り、スクロールバーをデザインするときに使います。 基本的な説明は Safari のブログに書かれていますので... 続きを読む

• unformedbuilding.com
• テクノロジー

8月は働くよー！お盆休みってなぁに？おいしーの？ ボーナスってなぁに？おいしーの？ さて、Webサイトを作成するときに、ルートパス（絶対パスとまとめられる事もありますが）で記載されてたり、SSIによるインクルードをしてたり、デフォルトインデックスのフ... 続きを読む

• css-happylife.com
• テクノロジー

前回の更新日が見たくない程に時が流れている今日この頃・・・。 ブログを更新するモチベーションが中々上がらなかったんですが、まだ、だらだらでも良いから書いていきたいなと言う気持ちは有るんです。えぇ。 こんだけ更新が滞ってても、Twitterとかで時々ブ... 続きを読む

• css-happylife.com
• テクノロジー

犬好きによる犬の話題のないブログ。jQueryとか気になったことなど4月中ごろに友だちのデザイナーに新しい名刺を作ってもらいました。僕のイメージでお願いしたのですが、かなりかわいい名刺になってだいぶ満足してます。次の4月まではこの名刺で、通称たぬきカ... 続きを読む

• 5509.me
• テクノロジー

iOS, iPhone, iPad, iOS Developer Tips: Learn to Code iOS, iPhone and iPad ApplicationsI’d like to introduce a new sponsor to iOS Developer Tips, OpenPlug, creator of ELIPS Studio, a cross-platform mobile application development toolset. Usin... 続きを読む

• iosdevelopertips.com
• テクノロジー

レイアウトのグリッドをはじめ、ナビゲーション、パラグラフ、リスト、フォーム、テーブルなどページでよく使用するエレメント、角丸、グラデーション、ドロップシャドウ、回転のエフェクトなど、ウェブページを構成するさまざまエレメントが用意されたHTML5+CS... 続きを読む

• coliss.com
• テクノロジー

Photoshopのガイドを使ってグリッドを作成できる便利なスクリプト「Guides Generator」をリリースしました。 もとはといえば、Photoshopでウェブのデザインをするときに、せっせとガイドでグリッドをきっているデザイナーを見て、プログラマーのピーターが、Ado... 続きを読む

• www.allianceport.jp
• テクノロジー

今回もあまりがっつり書ける時間が無いので、超小技のエントリー(￣▽￣;) たとえば、Yahooさんとかがやっているんですが、 「ページを読込んだときに、URLバーが引っ込む」という、ちょっとした気配りの動き。 Yahoo! JAPAN （スマートフォンサイト） （Yahoo... 続きを読む

• blog.kaleido-jp.net
• テクノロジー

ここ最近のコードブロックのスタイリングの流行りに、本文よりもコードブロックが左右に飛び出すようなデザインがある。有名所だとQuirksModeで見ることができる(ここが発祥かもしれない)。このデザインはmarginプロパティで負の値を指定し、paddingプロパティ... 続きを読む

• hail2u.net
• テクノロジー

Webサイトをコーディングする時に、idとclassを考えるのが面倒臭くなったので、idとclassを使わないでコーディングしてみました。 シンプルなサイトなら簡単につまらないので、idとclassを使っても難しそうなデザインにしています。 今回もJavaScriptは一切、使... 続きを読む

• kojika17.com
• テクノロジー

...Introduction Dashboard で Customize をクリックして Theme タブを選択し、Use custom HTML ボタンをクリックすると tumblelog のテーマを自由に編集できるようになる。 この CustomHTML に {…} や {block:…}…{/block:…} 形式の要素を仕込むことで、そ... 続きを読む

• tagblr.tumblr.com
• テクノロジー

開きっぱなしのタブが邪魔な時に　Chromeでタブを小さくする方法に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。はじめに ブラウザでできることが増えてきました。たとえば、GmailなどのWebメールや、プロジェ... 続きを読む

• nanapi.jp
• テクノロジー

オンラインストレージサービスの『Dropbox』をあらかじめインストールしておけば、盗まれたパソコンを取り戻すことができるかもしれませんよ！ あまり気付きませんが、じつは『Dropbox』には自分が使っているパソコンの記録機能がありまして、そこには同期させ... 続きを読む

• digimaga.net
• テクノロジー

突然ですが、ペーパープロトタイプって知ってますか？ 実演ムービー 今まで気がつかなかった問題に気づけたりと、かなり強力な武器になります！ これをiPhoneの画面で気軽にできないかなー、お客さんに触ってもらったりできないかなーと思ってました。 ピンと来... 続きを読む

• design.kayac.com
• テクノロジー

imagemagickGithubで画像の差分を見られるモードが話題を呼びましたが、このように2枚の画像の差分を調べたいときって時々ありますよね。そんなときImageMagickのコマンドラインツールを使えば、たった1行で実現できます。 $ composite -compose difference A.j... 続きを読む

• blog.mirakui.com
• テクノロジー

一撃デザインの種明かし（12） 誰でも作れる！ “崩れない”HTMLメルマガ作成術 面白法人カヤック 意匠部 ME（マークアップエンジニア）課 比留間 和也 2010/7/14 よく使われているメーラーを対象に注意点やコツを紹介しながら、初心者でもある程度問題のないHT... 続きを読む

• www.atmarkit.co.jp
• テクノロジー

ディレクトリ名とかファイル名って、ちゃんとしようとすると意外に時間がかかるもの。 ページタイトルを直訳すれば良いってもんでもなく、いくつかある候補から内容に一番合った単語を見付けてこないといけない。 いちいち英語を調べるのもメンドいし、かといっ... 続きを読む

• blog.btmup.com
• テクノロジー

CSS HappyLife ZEROは、CSS初心者・中級者の方を対象にしたリファレンスやレイアウト講座など、CSSに関するアレコレがつまったサイトです。CSS HappyLife ZEROは、主にCSS初心者・中級者の方を対象にしたCSSに関するアレコレがつまったサイトです。 プロパティ... 続きを読む

• zero.css-happylife.com
• テクノロジー

June 2nd, 2010 / by Phil T Photoshop: Data-Driven Graphics You are provided hundreds, possibly thousands of images to place into a template each with different copy. This request will take days to create each individual PSD and JPG. In this t... 続きを読む

• labs.blitzagency.com
• テクノロジー

続・ハイパフォーマンスWebサイトを呼んでCSSセレクタの高速化の話しが面白かった（というか全然知らなくてちょっとびびった）ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探... 続きを読む

• webtech-walker.com
• テクノロジー

With all the cool things that surround Javascript (especially with jQuery) its easy to forget that it’s possible to push pure CSS (with a touch of HTML) into an all singing and all dancing interactive site, with absolutely no scripting at al... 続きを読む

• speckyboy.com
• テクノロジー

カラムウィザードは、Adobe Photoshopで段組のためのガイドを自動作成するスクリプトです。ダイアログボックスからカラムごとのマージン・幅・高さ等を指定することによって、自動的に位置を計算してガイドを作成します。また、デザインのベースとなるシェイプ... 続きを読む

• phize.net
• テクノロジー

PhotoshopでおこしたデザインがそのままFlexアプリのRIAに変換できるということで話題のAdobe Flash CatalystのパブリックベータがAdobe Labで公開されました。試したい方は以下リンクから。なお、CS4のPSDデータしかサポートされていないっぽいのでCS4もってい... 続きを読む

• dearps.lovwar.com
• テクノロジー

ここ最近、覚えてよかったなーと思ったCSSテクニックをまとめてみる CSSテクニックは時代とともに変わっていくけれど、ここ1年ほどスタメンレベルで使うCSSテクニックが絞られてきたので、ここらでちょっと個人的にもまとめておこうかと。 liボックス 幅：190px... 続きを読む

• zaru.tofu-kun.org
• テクノロジー

続きを読む

• url4.eu
• おもしろ

Adobe® Fireworks®に関するTIPSやテクニックを紹介するブログです。ウェブサイトのグローバルメニューをデザインする時、 メニュー間に区切り線が無いと、分かりづらい場合がありますよね。 read more » 続きを読む

• fwbros.com
• アニメとゲーム

CSSでのフォントサイズ指定について考えました。 CSSでフォントサイズをうまく指定する方法について、いまさらですがちゃんと調べてみました。一度しっかり考えておけば、今後はブラウザのアップデートで場合によっては微調整するくらいで、さくさくと使えると... 続きを読む

• outbound.jp
• テクノロジー

ウェブページを表示するブラウザのウィンドウサイズは環境によってさまざま。特定サイズを想定して作成すると、それ以外ではコンテンツが読みづらくなる問題が発生する。最近はiPhoneのような端末に対応する必要もあるが、サイズ別にページを用意するのは制作・... 続きを読む

• builder.japan.zdnet.com
• テクノロジー

We’ve all had to achieve some effect that required an extra handful of divs or PNGs. We should be limited to these old techniques when there’s a new age coming. This new age includes the use of CSS3. In today’s tutorial, I’ll show you ele... 続きを読む

• net.tutsplus.com
• テクノロジー

チームラボ株式会社 河北 啓史 2010/3/9 Flash/ActionScriptチューニングの基礎知識から実践的テクニックまでを紹介する連載。読みながら試せるオンライン・サンプルもあります。Adobe AIR/Flexにも応用可能です Flashを徹底的に軽く作るための3カ条 本連載では... 続きを読む

• www.atmarkit.co.jp
• テクノロジー

CSS3を使ったMacライクでクールなドロップダウンメニュー「CSS3 Dropdown Menu」 2010年03月05日- CSS3 Dropdown Menu 次のようなCSS3を使ったMacライクでクールなドロップダウンメニュー「CSS3 Dropdown Menu」が公開されてます。 CSS3をサポートしないブラウ... 続きを読む

• phpspot.org
• テクノロジー

こちらで紹介されてて便利そうなのでちょっと試してみた TweensyとSWF Profiler | relishable blog http://blog.relishable.jp/2009/01/tweensy-and-swfprofiler/ 右クリックで出てくる「Show Profiler」を選択するとProfilerが表示されます。 使い方は SWFProf... 続きを読む

• un-q.net
• テクノロジー

CSS HappyLife ZEROは、CSS初心者・中級者の方を対象にしたリファレンスやレイアウト講座など、CSSに関するアレコレがつまったサイトです。CSS HappyLife ZEROは、主にCSS初心者・中級者の方を対象にしたCSSに関するアレコレがつまったサイトです。 プロパティ... 続きを読む

• css-happylifezero.com
• テクノロジー

Google Maps API Premier企業向けのライセンスとサポートが含まれます Static Maps API デベロッパー ガイド Google Static Maps API デベロッパー ガイドにようこそ。Google Static Maps API では、Google ãƒ... 続きを読む

• code.google.com
• テクノロジー

僕たちは高校 3 年生と小学校 6 年生を同じ教室に集めて、同じ教科書を使って授業をしている。まずみんなに教科書どおりの説明をするけど、当然ながら小学生の子たちは正しく理解できない。僕たちは彼らの机まで行き、説明してやらなければならない。「あのね、... 続きを読む

• terkel.jp
• テクノロジー

Category ： CSS リファレンス 今まで使ってコーディングが楽になったと思われるCSSテクニック（一部CSSではない部分もありますが...）などをまとめておきたいと思います。 コーダーの方は知っている事が殆どだと思いますが、知らない人は直ぐにでも使える簡単... 続きを読む

• www.css-lecture.com
• テクノロジー

光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が... 続きを読む

• css-happylife.com
• テクノロジー

以前作成した、透明度を利用するだけのロールオーバープラグイン、それを少し使いやすいようにバージョンアップいたしました。 今回は少しカスタマイズしやすいようにしたのと、機能をひとつ追加してみました。 ダウンロード プラグインはjQueryと下記プラグイ... 続きを読む

• h2ham.seesaa.net
• テクノロジー

手軽に画像のロールオーバー効果を実装するJavaScript カテゴリ：Javascript関連 2009年4月14日 10:48 これは、以前に公開していたスクリプトの改善版です。 以前の記事：画像のロールオーバーを自動化するJavascript では、実行するために body 要素に onload ... 続きを読む

• css-eblog.com
• テクノロジー

WEBサイトデザインのフィードバック作業が超便利になりそうな「Notable」。 Notableは、サイトのスクリーンショットを撮ってからNotable上のサーバにアップロードし、そのスクリーンショットに、ビジュアルに色々書き込むことが出来るサービスです。 この仕組み... 続きを読む

• phpspot.org
• テクノロジー

ウィンドウサイズを変えると コンテンツ（記事等）が再配置される 可変グリッドレイアウトに関する サンプルサイトやWPテーマ、 ライブラリなどの情報のまとめです。 詳しい方には参考にならないっぽいです。 いろいろ意見は分かれそうですが、知っておいて損は... 続きを読む

• kachibito.net
• テクノロジー

最新のPrototype version 1.5.1_rc1と最新のscript.aculo.usのeffects.jsをを使った超簡単でしかも高機能なページスクロールを実現できる記事を見つけたのでご紹介します。 auto-scrolling page navigation 以下のコードをauto-scroll.jsとして保存します。 Eve... 続きを読む

• www.u-ziq.com
• テクノロジー

ユーザーにあなたのウェブページを容易で、そして楽しくアクセスできるようにする実用的なユーザビリティの10のポイント（ガイドライン編）をSmashing Magazineから紹介します。 Tumblr 多くのフォームは2カラムのレイアウトを採用し、ラベルはフィールドの左に... 続きを読む

• coliss.com
• テクノロジー

2009年9月29日 タグ ： 正規表現 HTML5で正規表現がサポートされる、といったことをきっかけに、正規表現はプログラマだけでなくWebクリエイター全体のスキルとして求められていくものになっていくのではないでしょうか。 ここではそうした正規表現の初学者や、... 続きを読む

• www.publickey.jp
• テクノロジー

続きを読む

• higashizm.sakura.ne.jp
• テクノロジー

Operaパソコン向けOperaに対する要望 - パソコン向け Opera 関連 - 日本語ブックマークのニックネーム一覧が欲しいです（当然検索のも込み）すぐ忘れるので…これはこういうことじゃだめなのかな?ブックマークを HTML にエクスポートすることができるので、CSS ... 続きを読む

• d:id:edvakf
• テクノロジー

IE6のCSSやJavaScriptなどのバグや仕様で困った時の解決方法をまとめたチートシートをVirtuosi Mediaから紹介します。 Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs チートシートは、レイアウトや画像などのCSS関連、ビヘイビア、JavaScr... 続きを読む

• coliss.com
• テクノロジー

こちらの記事を先日の「CSS Nite vol.39」のフォローアップとさせていただきます。 スライドの方は別途公開ということで、フォローしておいた方が良さそうなカラーマネジメント系の話とモニタの調整の手順（Windows / OS X）、あとおまけで講演時に使ったトマト... 続きを読む

• blog.gaspanik.com
• テクノロジー

slideViewer (a jQuery image slider built on a single unordered list) 1.1 Download slideViewer 1.1 (october 6 2007) What's this? slideViewer is a lightweight (1.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing jus... 続きを読む

• www.gcmingati.net
• テクノロジー

prettyPhoto a jQuery lightbox clone by: Stéphane Caron Here's my jQuery lightbox clone, I did it because those available are either not close enough to the real lightbox (lacking animations, not supporting galleries, etc ,etc) or were just no... 続きを読む

• www.no-margin-for-erro...
• テクノロジー

本日、Yahoo! JAPAN公式ブログ「Yahoo! JAPAN Tech Blog」を公開しました。 本ブログは、インターネットサービス構築のおもしろさを広く知っていただくことを 目的として、現役のYahoo! JAPANの技術者やサービス担当者が、リレー形式にて運営 していきます。 AP... 続きを読む

• techblog.yahoo.co.jp
• テクノロジー

この情報は、米国アドビシステムズ社が提供している情報をもとにローカライズし、作成したものです。日本語環境での動作保証はしておりませんのでご了承ください。 内容 （What's Covered）この文書は、Adobe Illustrator CS2/CS3/CS4 でドキュメントが開かない... 続きを読む

• www.adobe.com
• テクノロジー

こんばんは、ishidaです。 CSS2.1 で定義されている displayプロパティの値、inline-blockの使いどころを探してみたところ、ページ送りにかなり使えそうです。 まずは以下のサンプルをご覧下さい。Yahoo 検索結果のページ送りデザインをまねています。 ページ送... 続きを読む

• c-brains.jp
• テクノロジー

ビギナーのためのセマンティックでアクセシブルで機能性にも優れたフォームを制作するための習作Nettuts+から紹介します。 20+ HTML Forms Best Practices for Beginners 下記は、その意訳です。 1ステップずつフォームを改善し、アクセシブルで機能性をアップ... 続きを読む

• coliss.com
• テクノロジー

一撃デザインの種明かし（6） いまからでも遅くない！ ケータイデザインの基礎固め 面白法人カヤック 意匠部 松本 要芽 2009/9/2 普段はPCサイトを作っているけど、ケータイサイトに興味が出始めた人向けの、初めてケータイのデザインハウツーです。日々変化す... 続きを読む

• www.atmarkit.co.jp
• テクノロジー

Web Developer plusで、知っておきたい使えるCSSテクニックが紹介されています。 ・テキストハイライト時の色を変更する SafariやFirefoxでテキストを選択した時の色を変更できる。コードサンプルは以下 ::selection{ /* Safari and Opera */ background:#c3eff... 続きを読む

• blog.creamu.com
• テクノロジー

Name (必須) Mail address (非公開) (必須) URI Remember personal info Yes No Commentスタイル指定用の一部の HTMLタグが使用できます。 Add Your Comment Trackbacks:0 Trackback URL for this entry http://www.ideaxidea.com/archives/2009/09/youtube_url... 続きを読む

• www.ideaxidea.com
• テクノロジー

The Basic Idea All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of your choosing “peek” through. Confused? Cue the helpful diagr... 続きを読む

• buildinternet.com
• テクノロジー

画像やテキストをフォーカスした際に、不透明度をコントロールするスクリプトをdavid walsh blogから紹介します。 demo: text スクリプトのベースにはjQueryを使用しており、下記のスクリプトを記述します。 $(document).ready(function() { //area 1 $('.fade-... 続きを読む

• coliss.com
• テクノロジー

アマゾン（Amazon）は日本でも着実に支持を集め「1,500円以上送料無料」が多くのインターネットショップの標準となっていますね。本やCDに限らず、おもちゃや家電製品、パソコン、さらには食品などあらゆる商品を取り扱うようになってきました。 元々、価格の安... 続きを読む

• hitoxu.com
• テクノロジー

FrancescoMugnai.comのエントリーから、作業効率をアップするPhotoshopの20のショートカットを紹介します。 20 Photoshop Secrets Revealed… 15番目は不明でしたが、moritaさんのコメントにより解決しました。 下記に、コマンド別に紹介します。 ※Win XP+Phot... 続きを読む

• coliss.com
• テクノロジー

Photoshopの設定を変更して、動作を軽快にするための10のステップをSmashing Magazineから紹介します。 10 Simple Steps to Better Photoshop Performance はじめに もし、あなたがPhotoshopの設定をデフォルトのまま使用していたり、パフォーマンスを改善する... 続きを読む

• coliss.com
• テクノロジー

定期的な啓蒙活動。あまり流行らないので悲しい。 平均するとディスプレイの画素数(解像度でもいいや)は多くなってないんじゃないかと思う。2極分化してるんじゃないかなーとかそういう感じ。普通の液晶ディスプレイやノートPCの液晶がほぼ横幅1680以上になって... 続きを読む

• g:subtech:id:h2u
• テクノロジー

どうも、_level0も弊社サイトもリフレッシュということで、心機一転、改めてよろしくお願いします。今回はアニメーションの小ネタでも。 タイムラインでアニメーションを作る場合、あるポイントで何もせずタイミングをとりたい、という場面が出てきます。 そう... 続きを読む

• level0.kayac.com
• テクノロジー

JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなた... 続きを読む

• coliss.com
• テクノロジー

良いコ－ドへの道―普通のプログラマのためのステップアップガイド 第2回　名前付け重要。または，良いコードは良い名前から生まれるんです。―その4　良いクラス名 2008年9月4日 初出：WEB+DB PRESS Vol.45（2008年6月24日） 縣俊貴 良いクラス名 変数名やメソ... 続きを読む

• gihyo.jp
• テクノロジー

セーフブートモードで起動し、ログインアイテムおよび必須ではないカーネル拡張ファイルを一時的に無効にする（Mac OS X 10.2 以降） 続きを読む

• support.apple.com
• テクノロジー

続きを読む

• kodomocamera.jp
• 世の中

vectipsで、クールなTipsが紹介されています。illustratorでどんなフォントもスケッチフォントに変える方法ですね。 ↑みたいなフォントが作れます。 1. テキストツールでテキストを入力 2. 塗りと線をなしにする 3. アピラランスパネルで、新規塗りを追加　黒... 続きを読む

• blog.creamu.com
• テクノロジー

JavaScript, CSSuuCSSBoost.js は uuAltCSS.js に名前が変更になりましたが、一部の説明が記事を書いた当時の古い名前のままになっています。最新版では、uuCSSBoost.revalidate() は廃止され uuAltCSS() を呼び出すように変更になっています。コードの解説を追... 続きを読む

• d:id:uupaa
• テクノロジー

This is a collection of my favourite Photoshop text effects that look pretty sweet in, I would recommend experimenting with these styles if your looking for some thing a little bit different. Candy Coated Text Smooth Glass Type Slow Shutter E... 続きを読む

• www.designshard.com
• テクノロジー

ActionScriptを中心としたWeb全般プログラムのメモサイトです。今日、東京から旅立つ。2年間という短い時間だったけど、得たものはものすごく大きくなった。東京という土地だからこそ出会えた人達。本当にありがとうございました。本当に勉強させていただきまし... 続きを読む

• www.5ive.info
• テクノロジー

devSnippetsで、リストをデザインするためのCSSプラクティスが紹介されています。 ざっといくつかご紹介。 » Elastic Calendar Styling with CSS CSSでデザインしたカレンダー。↑のキャプチャはこちら » Simulating a Table Using an Unordered List ul,liでテ... 続きを読む

• blog.creamu.com
• テクノロジー

2008年10月06日 04時00分 第5回 たった1行で再現する有名ECサイトのUIデザイン 国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンに、手間も時間もかけずに自分のWebサイトをブラッシュアップしていく方法を紹介する本連載。第5回はECサイトの詳細... 続きを読む

• ascii.jp
• テクノロジー

文字にドット処理が施されたポップテイストの文字。網点のような明るくカラフルな色使いが、とても目を引く。文字が雲のような有機的な形をしており、手描きのような印象を与えているのもポイントだ。 CREATOR　三浦 悟［Sunny Sizes］ URL　www.sunnysizes.com... 続きを読む

• www.mdn.co.jp
• テクノロジー

＠CSSバグ辞典スレッドこのサイトについて ここは、2ちゃんねるweb制作管理板内のCSS/DHTMLのバグを扱うスレッドで挙げられた、各ユーザエージェントのCSSやDHTMLの実装上のバグをまとめているサイトです。 スレッド第４版のレス314までを反映しています。 続きを読む

• css-bug.jp
• テクノロジー

またしてもIE。おのれIE。 バグ多すぎだよ、アナタ(￣▽￣; CSSでbodyに背景画像を中央揃えで設定すると、IEでは左に1pxずれます。 safariやFirefoxではずれないので、またしてもIEお得意の「バグ」です。 IEを優先して調整したりすると、正しく描画しているsaf... 続きを読む

• www.m-r-design.com
• テクノロジー

FrontPage † 各ブラウザのCSSの実装に関するバグをまとめる予定のサイトです。発見したバグは2ちゃんねるのCSS/DHTMLバグ辞典スレッドに報告してもらえると助かります。 ページ内のtitle要素やh1要素を任意の内容に書き換えられるようなプラグインを書いてくれ... 続きを読む

• cssbug.xii.jp
• テクノロジー

display : inline-block をつかったレイアウト 初版 : 2008 年 7 月 5 日 アップデート : 2008 年 10 月 16 日 小山田 晃浩 株式会社メタフェイズ 矢印キーの左右でスライドを切り替えることができます。 続きを読む

• yomotsu.net
• テクノロジー