【デザイン】安易にドロップシャドウかけるのやめ隊 – 宇都宮ウエブ制作所
ふぅ、あとはここにドロップシャドウをONと…。てな感じで安易にドロップシャドウかけてやしませんか？ 使い勝手の良すぎるドロップシャドウに警鐘！シャドウだって色々あるよってことで今回はシャドウアイデア集です。 その1：黒じゃなくって補色をつかう デフォルトで#000000に設定されているドロップシャドウ、この色を変えるだけでもグッと洗練された雰囲気に。 たとえばハイライト部分がピンクならシャドウにブルー、という具合に。 この方法はイラスト一日体験教室で教えてもらった手法なのですが、補色関係ってこう使うのか！と目から鱗でした。 その2:シャドウに空の色＆地面の色を足してみる 屋外を想定したシーン、窓際のシーンでは、空の色をブラスした色を使用してみましょう。晴天ならブルー、夕焼けならオレンジ、夜なら深いブルー。さらに地面も光が照り返して反射します。 サンプルでは芝生なのでグリーンを追加。ドロップ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
カラオケでシャウトしまくっても声が枯れにくくなる発声練習法 | ライフハックちゃんねる弐式
スレタイ「売れなかった元俳優だけど質問ある？」166 ：以下、名無しにかわりましてVIPがお送りします：11/01/28 18:05 ID:nhRQ+uqt0 現役の頃仲良かった芸能人は？ 168 ：以下、名無しにかわりましてVIPがお送りします：11/01/28 18:09 ID:8scTshwc0 俺の友人が大卒で働いてた会社辞めて役者になるとか言い出したな 曰く「普通の経験値がある程度たまったから役者に」だそうだけどそんなんで通用すると思う？ 176 ：以下、名無しにかわりましてVIPがお送りします：11/01/28 18:28 ID:AHmiJca5O >>166 伊集院光さんには良くして貰った あとは山本太郎かな 太郎のお姉さんの同級生が友達だった縁で >>168 「役者としての経験値の積み方」が解ってないと役に立たない可能性が高いよ 例えば悲しくて泣いた時、泣いた時の顔の筋肉の
Ian's Shoelace Site - Ian Knot = Ian's Fast Shoelace Knot
My own Ian Knot (yes – I'm the inventor) is the World's Fastest Shoelace Knot. Make a loop with both ends and simultaneously pull them through each other to form an almost instant knot. Quick Preview: Before we begin, here's a small GIF animation of my Ian Knot to prove that it really is the world's fastest. Regular Instructions The following are the regular instructions and diagrams for my Ian Kn
イラストにおけるキャラクターの撮り方、考え方、tips - pal-9999のサッカーレポート
皆さん、こんにちは、ベルマーレが三連敗してしまい、ふんだりけったりの管理人でございます。こんにちは。腹立たしいので、今日はサッカーの話でなく、久々にイラストの話でもしようかと思います。 そもそも、この時期は、Ｊ２サポにとっては、精神的にきっつい季節で、カリカリしてるです。まあ、次は真面目に香川の話でもしますが、今日は、サッカーの話をする気分じゃないので、久々にイラストの話でもします。 イラストにおけるキャラクターとカメラの話 さて、昨今、デジカメが安くなってきたせいか、イラストの描き方に色々と変化が起きているように思います。絵を描くときは、参考資料に写真を撮るのが普通ですけど、そこで問題になるのが、写真の撮り方です。 えーと、最近はデジカメの安いのでも、ズーム機能とか手ぶれ補正とかついているので、素人でも簡単に広角と望遠を使い分けて写真撮れるようになりました。 井上純弌氏による「萌え絵／エ
CSS：初心者の頃にハマったスタイルシートのあれこれ … IE7多め
CSS、スタイルシート。初心者のころには CSS のスタイルがうまくいかなくて、半日や丸一日悩んだこともいっぱいありました。最近では、やっとひと通り覚えて、思うようにできるようになったかなーという感じです。今回は初心者だったころ、ちょっと悩んだことなどをいくつかまとめてみました。 Webサイトの見た目をデザインしていくのに欠かせない CSS。度々これってどうやるんだろうとか、どうしてこうなっちゃうの？というものに遭遇します。また、今までは IE6 をターゲットに含めてましたけど、そろそろ IE7 からをターゲットにすればいいのかなーと思うこともあって、過去のスタイルシートの書き方の習慣を変えようかなとも思っています。 スタイルシートを書いていて、今まで遭遇した不具合やその回避方法、また今まではこうしてたけど、これからは変わるかもしれないなーといものをまとめてみました。もうそんなことしてない
graffiti-blog: macでweb用に保存で画像の色が変わる
macにしてからwindowsの時よりも色がとても変わる。 カラープロファイルの関係だろうけどちょっとよくわからないけどこういうことであっているのかな？？ ■ カラープロファイル そもそも色情報（RGB）は出力する表示先（ディスプレイや印刷先）によって色が変わる。その色をどのような色空間で表示するか決めるのがカラープロファイル。画像にそのカラープロファイルを埋めておくと、再生側で埋め込まれたカラープロファイルに合わせて表示させることで同じ色で画像が表示される。埋め込まれていない場合にはそのアプリに対応が任せられる。 ■ webでの対応状況 ブラウザに限って言うとSafari以外のブラウザではカラープロファイルが埋め込まれていても理解してくれないので（Firefox3は一部機能？）カラープロファイルを埋めても無視してブラウザー任せで表示する。ブラウザー任せというのはmacではモニターのプ
CS3でWebおよびデバイス用に保存する時のプロファイル埋め込みについて (Shed Blog)
Photoshop CS3 Extendedにおいて、メニュー「ファイル／Webおよびデバイス用に保存する」で保存すると、元画像と色が異なって書き出される場合がある。メニュー「編集／プロファイルの指定」で「このドキュメントのカラーマネジメントを行わない」にチェックを入れていても、プロファイルが自動的に埋め込まれてしまう。 メニュー「ファイル／別名で保存」でJPEGなどに保存した場合は、自分で設定した通りのプロファイルで書き出される。 これはCS3の「Webおよびデバイス用に保存する」が、ディフォルトでsRGBのプロファイルを埋め込む設定になっているのが原因。 メニュー「ファイル／Webおよびデバイス用に保存する」内のプリセットの右のメニューボタンで「sRGBに変換」のチェックを外すことで解決できる。 ちなみにCS2では、ディフォルトでチェックは入っていない模様。 参考： http:/
『「Webおよびデバイス用に保存」すると色が変わる!?』
Macを使っていて、Photoshop CS3の「Webおよびデバイス用に保存」でデータを 書き出すと色あせたように変色してしまった...って事、ありませんか？ 普段は「Fireworks」が多いので、そんなに気にした事なかったのですが... しかも、以前使っていた「Photoshop 8」では起こらなかった現象 CS3ではweb用に画像を保存するときはファイルの色空間などの情報を管理する 「プロファイル」を「sRGB」に指定してあげればOKです こちらで、その理由を詳しく解説して下さっているので参考に... Webだと写真の色が変わる？（whoc） ■ 解決法 1. デジカメなどの画像を読み込む際はsRGBプロファイルで読み込むようにカラー設定する sRGBは何種類かありますが、一般的には下記の設定でいけると思います。 イラレも使っているようなら、フォトショで設定したプロファイルを任意の
HTML5が注目を浴びる理由とは？ ここが違う！サンプルで見るHTML5（1）
はじめに この連載では、「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 HTML5はなぜ注目されているのか HTML5は、今やウェブ業界の流行語といっても良いほどの過熱ぶりです。HTML5は、名前の通り、HTML4の後継に当たる仕様です。とはいえ、HTML5に注目しているのは、ホームページを作成するウェブ制作者だけではありません。ウェブ業界に限らず、あらゆるIT関連業界で注目を浴びています。なぜ、これほどまでにHTML5が注目を浴びているのでしょうか。 この理由は、大きく分けて2つあります。1つはマークアップです。もう1つはAPIです。 マークアップの仕様を更新 まずは、マークアップの視点から見ていきましょう。これは、とりわけウェブ制作者、中でもウェブページ製作の現場において重要です。これまでウェブ
大量の画像をサクサク処理するためのエントリまとめ
大量の画像を書き出す場面に遭遇して( ꒪⌓꒪)ってなるのはWEB屋の宿命のようなものですが そんな書き出しを一瞬でもはやくやっつけたい。 むしろやりたくない。なにもかも機械に任せたい。 機械がやってくれてる間にはとサブレ食いながら優雅にFaceBookをたしなみたい。 そんなめんどくさ効率を追求するために調べたまとめです。 なにかお役に立つものがみつかればうれしいです。 書き出しをとにかく速くしたい スライスチップ作成パレット スライスチップ作成パネル-CS4用 | Dearps スライスがFireworksみたいになるエクステンション。ほんとうに助かってます。 ワンクリックでスライスができるのでガイドつくってちまちまやるより数倍速いです。 Flash Helper Scripts Flash Helper Scripts：JavaScriptで「Flash＋Photoshop」連携をパワ
高さの異なるボックス要素を揃えるテクニック : HTMLコーディングのノウハウ ： HTML/XHTML、CSSコーディング最安保障～クロノドライブ～
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキス
JavaScript入門講座
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
IE7からのCSSの小難しいセレクタやプロパティいろいろ
チャイルドセレクタや隣接セレクタなど、あんまり馴染みのないちょっと小難しい CSS のセレクタなどをまとめてみました。 これからクロスブラウザの照準を、IE7 に合わせるなら、ちょっとお役立ちかもです！ そろそろ IE6 のことは忘れて、IE7 からのクロスブラウザを目指せばいいのかなーという気がしています。CSS のプラパティーの中には、今まで IE6 のことを考えて使わなかったものがたくさんあったりします。それらを改めて確認してみると、コーディングの幅が広がるなーという気になったりもします。 これから使う事が増えるかもしれない、CSS のセレクタやプロパティを、もう一度振り返ってみると同時に、IE7 で注意したい事などを簡単にまとめてみました。 IE6 ではサポートされていませんでしたが、IE7 からは使ってもOKなセレクタやプロパティには、どんなものがあるのか確認してみます。後半は
ウェブ開発者必携のGoogle Chromeの15の拡張機能
ウェブサイトの制作に役立つGoogle Chrome用の機能拡張をCSS Reflexから紹介します。 15 Must Have Google Chrome Extensions for Web Development [ad#ad-2] Pendule HTML, CSS, WAIなどの検証をはじめ、CSSの無効化、リンクチェック、カラーピッカー、ルーラーなど。 Chrome Sniffer そのサイトで使用しているCMSとJavaScriptのライブラリを表示。 Chrome Web Developer Tools FirefoxのWeb Developer toolbar（日本語版）のクローンを目指して開発。 IE Tab ChromeでIEのレンダリングで表示。 Window Resizer ウインドウのサイズをワンクリックで任意の値に変更。 Chrome SEO 各種検索エンジン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
センター試験で学んだ大事な教訓 - ミスター・ラブ＆ポップ
Remove unused CSS - CSS Optimizer
マフラー巻き方事典 / 英国紳士洋品専門店UKism
http://atnd.org/events/10524
HTML4から変化したHTML5のマークアップ ここが違う！サンプルで見るHTML5（2）
