画像の色調補正する時、何を使いますか？ 私の場合、基本的な画像補正はトーンカーブ1つでほとんど済ませてしまいます。 トーンカーブは使い方が分かれば、簡易的に明度、色調、コントラストなどを補正できる強力なツールになります。 Photoshopベースで紹介しますが、FireworksやGIMPでもトーンカーブを扱えますので、参考になれば幸いです。 トーンカーブのデモで使用する画像は、フリーで配布されているPAKUTASOさんから写真をお借りして、説明します。 トーンカーブ基本 縦軸と横軸は、0から255まで階調を表しています。 画像モードがRGBの場合、縦軸は上から下に向かって暗くなり、横軸は左から右に明るくなります。 横軸が入力、縦軸が出力を表します。もっと噛み砕くと、横軸が元画像の階調、縦軸が補正後の階調です。 斜めに走っている線にはいくつも点が打て、曲線や直角にしたりできます。 階調の出

CSSスプライトの作成、保存、共有が 可能なWebサービス・SpritePadのご 紹介です。少し大きめのプロジェクト 向けのサービスですかね。ドラッグ とドロップで作れるのはちょっと 良かったです。 昨日までずっとエラーで動かなかったんですが、改善されたようなのでご紹介します。simplessっていうLESSコンパイラがあるんですが、これを作成した会社さんのサービスみたいですね。 ドラッグ&ドロップで配置出来るCSSスプライトの作成ツールです。既に沢山にたようなのはありますが、直感的で使いやすかったので。 ここにローカル環境から画像をドロップすればアップロード出来ますので、あとは配置していきます。ユーザー登録すれば保存可能ですよ。 一纏めにされた画像とCSSが渡されます。class名は画像の名前を適応しますのでどれがどれだか、みたいな事も無いでしょう。 プレミアムユーザー プレミアムにな

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

figure要素には何を入れられるのか figure要素には何を入れられるか、どう使うべきなのかが疑問になったので考えてみました。 発端：リストにタイトルをつけたい このfigure要素について考えるきっかけになったのは、ブログ内で「タイトルの付いたリスト」を作りたいと思った時です。 別に見出し要素の直後にリストを置けば読み手にはそれについてのリストだと認識されるんでしょうけど…場合によってはなんかしっくりきません。 だって画像はfigureで囲めばfigcaptionで、inputにはlabelで、tableにはcaptionでマークアップ的にしっかり関連づいたキャプションがつけられるのに、リストや定義リスト、あとコードにキャプションがつけられないのは変ですよ、変だよなー。と思ってたわけです。 figure要素の説明を読んだ HTML5.JPを読みに行きましょう。すると figure 要

Data Visualization for Web Designers: You Already Know How To Do This! aka "fanmail for Gapminder" Presented at Web 2.0 Expo in San Francisco on Tuesday March 29th 2011. http://www.web2expo.com/webexsf2011/public/schedule/detail/19773Read less

4. likeボタン html5対応版 Likeボタンのソースって？ (Custom Data Attribute) <div class="fb-like" data-href="http:// growbutton.com" data-send="true" data- width="450" data-show-faces="true"></div> 5. ちなみにTweetボタン Tweetボタン Custom Data Attribute <a href="https://twitter.com/share" class="twitter-share-button" data- url="http://growbutton.com/yamitake" data-text="Grow! Me!" data- via="GrowBt" data-related="yamitake"

ナビゲーションが固定配置されたWEBサイトのまとめです。このブログもナビゲーションを固定配置しているので個人的にも非常に気になるところですね。 b14 Happy Cog Character Face. Works. OK Studios Latorre 各コンテンツの情報量が少なかったり、コンテンツ数が少ないサイトには向いていますかね。遷移の仕方を工夫すればユーザビリティを確保しながらおもしろい演出をすることも可能です。 ただし高さのないワイドモニタなどではナビや情報が見切れてしまう可能性もあるので、様々な環境を考慮してデザインすることが重要ですね。 21 Examples of Fixed Position Menus in Web Design

[対象: 上級] 今日の記事は、rel=”prev”とrel=”next”によるページネーションを扱ったかなり難易度が高いトピックになります。 rel=”prev/next”とビューオールページを用いたGoogleが推奨するページネーション処理を確実に理解している状態でないと意味不明でしょう。 Google、ページネーション問題を解決するrel=“next”タグとrel=“prev”タグをサポート開始 Googleが推奨するビューオールページとページ分割のベストプラクティス 僕自身の理解度を深めるための記事とも言えます。 なので今日は興味がある方だけ読んでください。 ページネーションについての処理方法をGoogleのMaile Ohye(マイリー・オイェ)さんがビデオで解説しました。 使用しているスライドと補足説明がWebmaster Centralブログの記事でも公開されています。 マイ

CSS3 generator will allow you to create virtually every CSS3 feature like gradients, shadows, box radius, font-face, transitions, animations. CSS3 generator helps you to generate CSS code that can be easily used in your webdesign and development programming. It also helps you to create CSS code with the help of GUI interface. CSS3 Generator v 1.9 CSS 3.0 Maker CSS Gradient Generator Westcv Tools C

概要 CORS が「幾つかのブラウザの先行実装」の状況から「古いブラウザではサポートされない機能」に変わりつつある頃合いなので，XHR2 が XSS の起点になりますよってお話． そもそも XHR XSS って何よ 簡単に言うとXHR2 による XSS のことのつもり．身近なところだと，jQuery Mobile がやらかしたり，大阪府警がやらかしたりした． 具体例1 jQuery Mobile jQuery Mobile については，jQuery MobileのXSSについての解説 で解説されるとおり． かいつまんで言うと，jQuery Mobile に location.hash の変更( hashchange イベント発火）時に，location.hash を URL とみなして読込んで，ページ内容を変更という機能があって，その読込先 URL にクロスドメインの制約がなかったので X

3/15のWeb Cat Studio(リクルートエージェント)で行われた「jQuery Mobile 最新情報 & Tips」のセッション資料です。Read less

Facebook like-trapはダミーのマウスカーソルを表示していいねボタンをダミーで押させるデモソフトウェアです。 Facebookのいいねボタンを悪用したいいねフィッシングという行為が問題視されていますが、その実例といっても良いような動作をデモしてくれるのがFacebook like-trapです。カーソルが二つ現れて、目的のボタンを押すと見せかけていいねボタンをクリックさせます。 マウスポインタが二つ表示されているのが分かるでしょうか。 ボタンを押したつもりがいいねボタンを押したことになってしまいます。 通常、iframeの上にはフェイクのカーソルは出せないそうなのですが、透明なdivタグをiframeの上に重ねることで実現しているそうです。 Facebook like-trapはJavaScript/CSS製のソフトウェア（ソースコードは公開されていますがライセンスは明記され

Twitterのタイムラインが面白すぎて、ついうっかり言語を擬人化して脳内で言語女子会なるものを開いてしまいました。なお、登場人物と実在の人物は1対1に対応しません。 undefinedとnullの両方必要なの？ とあるプログラミング言語が集う女子会にて: Perl: そういえばさ、なんでJavaScriptちゃんってundefinedとnullの両方もってるの？ JavaScript: えっ、未定義の変数にアクセスした時undefined返したいじゃない？ Python: 例外投げて死ねばいいじゃん Ruby: 例外投げて死ねばいいよね Python & Ruby: ねー♡ Java: いやそこは参照型ならnull、数値型なら0で初期化すべきでしょ C: これだから最近の若い子は…初期化にだってコストが掛かるんだからね！デフォルトで初期化するなんて無駄遣いよ！必要な人だけが責任をもって初

誠に申しわけございません。 お探しのページは見つかりませんでした。 公開期間が終了したか、 アドレスの入力違いの可能性がございます。

IN THE BEGINNING was FIR, AKA Fahrner Image Replacement (note that one of the following links returns a 404): The Daily Report’s 2003 redesign uses (and our book explained) an image replacement technique intended to combine the benefits of accessibility with the power of graphic design. We christened this method Fahrner Image Replacement (FIR) in honor of Todd Fahrner, who first suggested it to us