運営会社情報 株式会社スタジオグラフィックス 〒164-0012 東京都中野区本町2-51-10 中野坂上OKビル801 TEL 03-6300-5987 / FAX 03-6300-5988

私が作ったわけではなく海外の記事です。自分も学習してみました。 phpスポーツ啓発日誌や、コカトリスさんや、アイスクレアームパラダイスさんのような、品質の良い訳は私にはできませんので見出しは意訳もしくは誤訳、文章は無視して訳してません。かつ、私がいろいろコードや文章つけたしてます。内容的にはほとんどズレてはないと思いますが、適当なのでおかしいところがあるかもしれません。 うっとうしい場合は原文をどうぞ。 24 JavaScript Best Practices for Beginners 1. 等価演算子で==使うなよボケ===だろナスチン野郎 ひぃぃぃ。 ==|!= だとねー、型は自動に変換されるんすよねー。ねー。 s = '1'; i = 1; alert(s == i); // true alert(s === i); //false えーと、==は「わし、数値も文字列も中身が一緒だ

Photoshop使いの達人Helen Bradleyが、Photoshopのアンシャープマスク機能（『GIMP』（フリーフォトレタッチ）などの写真補正ツールにもあります）を使って、暗室で現像する時と同じようなテクニックで、写真をキリッとシャープにする方法を載せています。 [ STEP 1 ] 画像のレイヤーがいくつかに分かれている場合は、すべてのレイヤーを統合します。Ctrl + Alt + Shift + E （Macの場合：Command + Option + Shift + E）でレイヤーの統合ができます。アンシャープマスクは、一つのレイヤーにしか効果が掛けられないのです。効果のビフォア／アフターを比べてみたい場合は、統合された画像をコピーしてからアンシャープマスクを使いましょう。 [ STEP 2 ] 「フィルタ ＞ シャープ ＞ アンシャープマスク」を選択します。 「半径」の数

アクセス向上の入り口「新規ユーザーを増やす」ワザを理解したら、次は「一度来てくれたユーザーにまた来てもらう」ワザだ。多くの新しいユーザーを獲得できたとしても、そのほとんどが「通りすがり」になってしまうと、常に同じだけの新規ユーザーを獲得し続けても永遠にユーザーが増えないことになってしまう。一度来てくれたユーザーに再訪問してもらい、リピーターとなってもらうにはどうすればいいのだろうか？ 69遅い！ イライラ！ もう来ない！ 今や多くのインターネットユーザーはブロードバンド接続になっているため、昔ほどページ全体のサイズに気を遣ったり、大きな画像を使わないように工夫したりする必然性は少なくなった。とは言え、あのグーグルでさえ、ウェブ検索の結果が表示されるまでの応答時間が0.5秒長くなっただけでユーザーが検索を控えるようになったと延べている。そこまで厳密になる必要はないが、サイトが重くなっていない

「プロが作ったWebサイトのあの“技”をウチのサイトでも（それもタダで）マネしたい！」――。そんな欲求に応えてくれる JavaScriptライブラリ／フレームワークが、ネット上にはたくさん公開されています。この連載では、国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンに、手間をかけずに自分のWebサイトをブラッシュアップしていく方法を紹介します。

ミニチュア風、あるいはミニチュアっぽく見える写真というのがある。実写をミニチュアっぽく撮影するわけだが、もちろんある程度のテクニックが必要となる。 しかし、「HDR（ハイダイナミックレンジ）」という機能が搭載されたフォトレタッチソフトを使えば、あっという間に誰でもミニチュア風写真が作成できる。ミニチュア風と言うより、ものすごくファンタジーな感じにできるし、上記写真のようにまるで映画のセットみたいな非現実的光景を作り出すことができる。 以下、実写をミニチュア化っぽくしたり、映画セットみたいな画像を作る「HDR（ハイダイナミックレンジ）」についての説明。 ■まずミニチュア風写真の例 有名どころでは以下のような感じとなる。これらは今回の「HDR（ハイダイナミックレンジ）」とは違う手法なのだが、とにかくミニチュアっぽい。 Model World | Metropolis Magazine MONT

Did you like my previous CSS tutorial on how to create gradient text effects? I’m using the same trick to show you how to decorate your images and photo galleries without editing the source images. The trick is very simple. All you need is an extra <span> tag and apply a background image to create the overlaying effect. It is very easy and flexible — see my demos with over 20 styles, from a simple

よく知られているように現在のウェブ検索のメインストリームをしめるロボット型検索は、回収したページのHTMLタグを解釈して意味を与え、重要度を判定し、検索結果に反映させます。 例えばタイトルに使われるH1などのタグはより重要な文字列と見なしますし、リンクタグに「rel=nofollow」が入っていればページランクなどの計算でポイント付与評価を無視するようになります。 しかしそれ以外にも数々のSEO業者が調べたり実験してきた結果、より有効に解釈されると判断されるがあまり知られていない5種類のタグが存在します。 以下がその5つのタグです。 SEOmoz Blog | 5 HTML elements you probably never use (but perhaps should) 1.addressタグ 住所、電話番号などの連絡先を示すためのものです。電子メールアドレスやメッセンジャーの情報

猫も杓子も Web 2.0 的な表現がもてはやされた頃、 ツヤツヤでリアルなアイコンの作成を迫られて嫌な汗をかきました。 質のよいイラストを描くことが要求される上、小さく細かい作業がてんこ盛り。 時間もスキルも足りない！ [1] まずフリー写真を探します。 アイコン作るのに何故写真が必要なの？とお思いかもしれませんが何故ならすこしズルいからです。 今回はこの本の写真を、アイコンっぽくしてみます。 [2] 必要なサイズにぎゅっと縮小し、背景を切り落とします。 [フィルタ]→[カラー調節]→[トーンカーブ]で、強めに調節します。 さらに[フィルタ]→[カラー調節]→[明るさ・コントラスト]でかなり思い切ってコントラストを上げます。 写真が縮小された上、強く補正をかけたことで、イラストに近いテイストになってきました。 [3] ここまでくればあとは簡単。 輪郭線を書き足したり、グラデーションを上か

How can we define what’s a photo effect? That was my main concern when I started scouring the web to build this list. Despite of this situation, I had one thing clear: the final result had to be quite different from the orignal picture and be recognized as a post production photo manipulation. That idea would leave all kind of complex photo retouching and subtle color correction out of the discuss