アドビブログ Creative Cloud、Document Cloudの最新情報や役に立つ情報を紹介しています。
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
アドビブログ Creative Cloud、Document Cloudの最新情報や役に立つ情報を紹介しています。
JavaScript読み込みブロック回避でページ表示を高速化する方法 | エンタープライズ | マイコミジャーナル
スクリプトが読み込まれるまで画像の読み込みがブロックされている - 同ブログより抜粋 WebページパフォーマンスツールであるYSlowの主要開発者でありYahoo! Exceptional Performanceの開発者であるStoyan Stefanov氏がNon-blocking JavaScript Downloadsというタイトルで、ページの読み込み速度を向上させるテクニックを簡潔にまとめている。これはブロックが発生するJavaScriptの読み込みを並列化することでページの読み込み時間を短縮しようというもの。Webページの読み込み高速化に効果的な手法なのでWebデベロッパは一度目を通しておきたい。 JavaScriptの読み込み中はほかの読み込み処理がブロックされる。これをDOM経由で動的にロードするように書き換えてやれば並列して読み込まれるようになる。Non-blocking
PHP コード最適化 Best Practices 63+ - カタコト日記
みたいなタイトルの記事を Digg 経由で発見。チートシート代わりにと思い超訳。*1 A Software Architect PHP 最適化 ベストプラクティス！ 01. static にできるメソッドは static として宣言しよう。（4倍速い） 02. echo の方が print より速い。 03. echo '文','字'; （カンマ区切り）の方が、'文'.'字' （ドット連結）より速い。 04. ループの最大値は、ループ「内」ではなく「前」にセットしておこう。 05. 大きい配列のような変数は unset() してメモリを解放しよう。 06. マジックメソッド（例： __get, __set, __autoload）は使用を避けよう。 07. require_once はハイコストなのです。 08. include や require でファイルはフルパスで指定しよう。 09
最高のFlashチュートリアル集『Adobe Flash Tutorials – Best of』 – creamu
Flashの腕を上げたい。 そんなあなたにおすすめなのが、『Adobe Flash Tutorials – Best of』。最高のFlashチュートリアル集だ。 以下にいくつかご紹介。 » Flash Tutorial Create Water Wave Effect Animation Using Masking Tween マスクを使って波を表現するアニメーション » Car Animation BMW3を使ってインパクトのあるアニメーションを作る方法 » Picture Animation ブラシツールとマスクを使ったテクニック » High-tech city animation 街から出る光を表現したアニメーション » Animate a Logo in Flash ロゴにシンプルなアニメーションをかける方法 flaファイルを配布してくれているサイトもあり、かなり使えるだろう。
CSS - Clearing floats
A common problem with float-based layouts is that the floats' container doesn't want to stretch up to accomodate the floats. If you want to add, say, a border around all floats (ie. a border around the container) you'll have to command the browsers somehow to stretch up the container all the way. The problem Let's try it. This is the CSS we'll use throughout the page: div.container { border: 1px s
PHPのarray_multisort関数が激便利だったので紹介 : akiyan.com
PHPのarray_multisort関数が激便利だったので紹介 2007-10-17 追記：2007-11-08 [を] PHP の array_multisort は Schwartzian Transform 向きかなで鋭い指摘をいただきました。たしかに関数名から言っても「array_multisort」ですから、この例はusort向きでしたね...。 説明のシンプルさを求めるあまり本質が抜けおちてしまってました。反省です。苦しいですが、array_multisortの本質への「前段階」のシンプルな解説としてどうぞ。 array_multisort関数は、sort関数などではソートできないような多次元の配列をソートするためのPHPの関数です。SQLのORDER句に似た動作を配列に対して適用することができます。 たとえばこんな形式の売り上げデータがあったとします。 $sales = a
Photoshopの『カラーの適用』で写真に劇的な効果を加える方法。 - sta la sta
via Photoshop Match Color simple And Amazing Results metacafeで知ったPhotoshopの『カラーの適用』を使ったテクニックが面白かったので脊髄反射でエントリ。 既に知ってる方はスルーしてください。 用意するものは2枚の写真。1枚が効果を加える写真で、もう1枚が効果の元になる写真です。 ここでは砂丘の写真と雲海の写真を用意しました。 効果を加えたい写真（ここでは雲海）をアクティブにした状態で『イメージ』→『色調補正』→『カラーの適用』を選択します。 『画像の適用設定』にある『ソース』メニューから効果元の写真（ここでは砂丘）を選択します。 すると、砂丘の写真の色合いが雲海に適用されて↓のような写真になりました！ 昼間の雲海の写真が、一転して日没のような雲海の写真に。面白いですねぇ。 車が並んでる写真を適用すると、闇夜に月明かりが輝い
IT戦記 - 一行で IE の JavaScript を高速化する方法
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
ウノウラボ Unoh Labs: 携帯キャリアで画像を転送させない方法
Keitaです。 携帯画像で待ち受け画像などで、ダウンロードはできるけどメールに添付できないタイプの画像があるとおもいます。 ここらへんどうやるか、気になって調べてみると、 Docomoと、AUは画像のコメント部分に、それぞれ、特定の文字列を入れれればいいようで、 Docomoの場合「copy="NO"」、KDDIの場合「kddi_copyright=on」を追加することでで、携帯でダウンロードできるが、メールなどで転送できない画像が作れました。 具体的に、MagickWand For PHPを使う場合には以下のような感じでヘッダを埋め込みます。 <?php $image = NewMagickWand(); MagickReadImage($image, 'Keita_s.jpg'); MagickCommentImage($image, 'kddi_copyright=on,
携帯サイトのアクセス解析ツール9製品厳選ガイド～選定のポイントは？ 製品の特徴は？ | Web担当者Forum
携帯サイトのアクセス解析ツール9製品厳選ガイド ～選定のポイントは？ 製品の特徴は？ このコーナーでは、ネットビジネスを強力に支援する製品について、それを支える技術や市場動向を説明し、さらに各社から提供されている製品を紹介する。競合商品がひしめく市場で、他社に差を付けるための武器として、ぜひ導入を検討してみてほしい。今回は、急速に拡大中の「携帯サイト解析」だ。 TEXT：内野 明彦 急速に顕在化してきた携帯サイト解析ニーズ近年、携帯サイト（モバイルサイト）においても定量的にユーザーの行動を把握し、それを踏まえたうえで、仮説検証型のマーケティング活動を行う、もしくは行うべく準備を始めた企業が急速に増えてきている。いわゆるウェブサイトの「アクセス解析」といわれているもので、PCサイトを中心にウェブマーケティングを展開してきた企業にとっては、もはや必要不可欠の施策として、定着が進んでいる。 そし
携帯端末の個体識別情報(uid)取得方法
携帯サイトでユーザー認証をする方法はいくつかあります。 一番簡単なのは、ユーザ名とパスワードを使う方法です。 しかし、毎回入力するのはユーザにとっては面倒ですよね。 PCサイトならばクッキーを使ってこれらの情報を保存しておけるので 毎回入力する必要はありません。 しかし携帯サイトではクッキーが使えない(一部機種によって可能らしい)ので 別の手法を取ることを考えなくてはいけません。 そこで出てくるのが、携帯端末の個体識別情報(uid)を使うというやり方です。 携帯電話は電話番号と同じように、その端末を識別するIDのようなものを持っています。 これを利用すれば、アクセスしてきたのがどのユーザなのかを判別することが可能になるというわけです。 キャリアによって取得方法や制限などがあるので、以下に紹介します。 なお、個体識別情報はキャリアによって様々な言い方があるようですが ここでは便宜上「端末ID
prototype.js で element にメソッドを追加する方法
prototype.js で element にメソッドを追加する方法 2007-07-06-1: [JavaScript] prototype.js 1.5 から $ メソッドが改良されて $('foo').show(); のように書けるようになりました． prototype.js のソースを読んでいくと Element.Methods に好きなメソッドを追加できそうなのでやってみました． Element.Methods.warning = function(element) { $(element).style.color = '#f00'; return element; }; Element.addMethods(); // addMethods しないと追加されない！ 上記は，指定された element を赤色にして警告するものです (いい例が思いつかない……)． 以下のようにし
Flashゲームプログラミング講座 For ActionScript3.0
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
CSSデザインカタログ
対応ブラウザは Windows：InternetExplorer6，InternetExplorer7，Firefox2，Opera9 Mac：Firefox2，Opera9，Safari2 ですが，ブラウザによって若干表示が異なる部分もあります。 XHTML 1.0 でマークアップしてあります。 DOCTYPEスイッチによる標準モードに対応しています。InternetExplorer6 でXML宣言をし互換モードになった場合にも対応しています。 Netscape7，Mac InternetExplorer5 では期待通りに表示されないものがいくつかあります。 便宜上，分類コード（div011-hp，table010 など）を class名にしてありますが，実際にお使いの際には適切な class名に変更してください。 すでにお使いのCSSファイルに新たにCSSコードを追加した場合，既存
CSSだけでイメージマップを作る有用サンプル:phpspot開発日誌
CSS Image Maps - Flickr-like Technique? Below is a sample image map that's built entirely using CSS and XHTML. CSSだけでイメージマップを作る有用サンプル。 画像の特定部分にカーソルを合わせると、説明を画像上に表示できるCSSとXHTMLサンプルが公開されていました。 JavaScript を一切使っておらず、CSSだけで実現されているところがすごいですね。 JavaScript が要らず、次のような綺麗なHTMLで実現できるところも嬉しいですね。 実装も簡単そうです。 <dl id="officeMap"> <dt id="monitor">1. Monitor</dt> <dd id="monitorDef"><a href="#"><span>Here's my 17" M
栄光ゼミナール；塾選びガイド
栄光ゼミナールとほかの塾との授業料、サービスなどさまざまなポイントについて比較しています。栄光ゼミナールの授業料、サービスなど充実させたコンテンツで作成していますが、やはり一番栄光ゼミナールを知るには、資料請求が一番です。 栄光ゼミナール資料内容 日程と授業料についてのご案内 栄光ゼミナールの夏期講習のご案内 個別指導のご案内。 「今子供たちは・」資料集栄光ブックレット とっておきなＤＶＤ（届くまでお楽しみ） 栄光ゼミナールでは、はじめての方には無料の夏期講習会になります。テキストの教材費は自己負担になりますが、それでも1教科につきたったの2100円。 栄光ゼミナールは特に中学生を対象に向けて圧倒的人気のサービスです。もちろん、それに付随するしっかりとしたサービスがあります。大手の学習塾には、有名講師が授業を100人程度で聞くタイプと少人数制（6人から20人程度）できめ細やかな授業
Scalable CSS Buttons Using Scalable CSS Buttons Using PNG and Background Colors | David’s kitchen
This guide will help you create your very own dynamic CSS buttons. We will accomplice this with the use of PNG files, transparency and background colors. This will allow the buttons to scale according to our needs and still be useable on older systems that do not support the fancy buttons as you can see on casinoidag.se. You can find many CSS button scripts on the web. Many of them do not do what
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Most used CSS tricks | StylizedWeb.com
ちょっと便利なCSS Tips いろいろ - DesignWalker
The Great Website Design Gallery Roundup by CSS-Tricks