2015/11/1にunityに招かれてさせていただいた講演の内容です。 講演時にあった、細かい間違いを修正して、しゃべりがなくてもある程度分かるように、コメントを付け加えました。Read less
2015/11/1にunityに招かれてさせていただいた講演の内容です。 講演時にあった、細かい間違いを修正して、しゃべりがなくてもある程度分かるように、コメントを付け加えました。Read less
1年以上前に、私は最初の 12 Little-known CSS Facts(あまり知られていないCSSの12の事実) を発表しました。SitePointで最も人気の高い記事となりました。この記事を書いた後も、私はCSSのアドバイスやちょっとした情報の収集を続けました。だって、大ヒット映画も必ず続編を制作するじゃないですか。 注釈 SitePoint/ Natalia Balska によるイラスト それでは、早速今年も開発のヒントになる12の事実について話しましょう。もちろん、中にはもうすでにご存じのこともあると思いますが、この中で初めて知ったという事実がありましたら、コメントでお知らせください。 1. border-radius プロパティに”スラッシュ”シンタックスを使用できる事実 このプロパティについてはSitePointに4年以上 前に書いた のですが、この機能が存在することを、未
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
3D Text Use multiple text-shadows to create 3D text on any HTML element. No extra HTML, no extra headaches, just awesomesauce. Works in the latest builds of Safari, Chrome, Firefox, and Opera. h1 { text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px
JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ(8x8ピクセル)です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため
こんにちわ。最近ソーシャルアプリやるようになったやしこです ソーシャルゲームはいま一番アツい分野!いろいろなゲームが群雄割拠です。 でも画像が重くてさくさく連打できないとゲームの爽快感が半減してしまいます。悲しいけどこれ携帯なのよね。 なるべくストレスフリーのみんなに優しいデザインをした〜い! そんなユーザーにもエンジニアにもモテる爆軽画像への研究・発見報告です 基本の基本 画像の重さは1画面合計100k以内 PNGは使えないとおもっておk 画像にwidthとheightを指定しないのは死亡フラグ 元画像が複雑な場合ライブトレースで爆軽に 私が現在担当している英雄になりたい!は魅力的なキャラクターたちが登場する戦争ゲームです 繊細なキャラクターデザインでそれが重厚な世界観を作り出す大事なキーになっています ところがアニメ塗りと違って色数が多すぎて減量に不向きです。どうしても重くなってしまい
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
3Dデータを探す クォータービューグラフィックでは建物の雰囲気が全体のテイストを左右します。欧米の建物を使えばメルヘンや中世風RPGのような感じに、ビルの建物を多く使うとサイバーや現代風なグラフィックになります。 今回は欧米の建物を利用して中世風RPGなグラフィックを作っていきましょう。 Googleの3Dギャラリーにアクセスしたら、使用したい建物を探して.kmz形式のものをダウンロードしてください。Photoshopで読み込めるのは.kmz形式だけです。 欧米の国の名前で検索をするとそれっぽい建物が出てくると思います。フランス、ロンドン、ベルギーといったところがお薦めです。使用したい建物の3Dデータをいくつかダウンロードしておきましょう。 3Dデータが.skp形式しかない場合は、Googleが無料で提供しているGoogle SketchUpを使用すればkmz形式に変換できます。 3Dデー
PSDTuts - Photoshop Tutorials and Links - How To Create An Old-World Map In Photoshop PhotoShopでオリジナルの古地図を作成するチュートリアル 雲模様の描画などを駆使して次のような古地図を作成していくチュートリアルになってます。 PhotoShopでお手軽に地図を描きたい場合には覚えておきたいサンプルですね。 地図画像を作成する局面もWEB制作者にとっては珍しくない(?)かもしれないので覚えておきましょう。 関連エントリ 写真家のためのPhotoShopレタッチテクニック集55 サングラスに好きな写真を映りこませるPhotoShopチュートリアル PhotoShopで髪の毛の描き方テクニック 凄くクールな名刺を作成するPhotoShopチュートリアル
PSDTuts - Photoshop Tutorials and Links - Creating A Cool 3D Web Design Effect PhotoShopでウェブデザインにクールな3D効果を取り入れるチュートリアル。 作成するイメージは次のようなもの。 3D効果を入れると、重厚さ、高級さを演出できていいですね。 高級感のあるイメージのサイトにしたい場合にはぴったりです。 植物っぽい模様をつけたり、グラデーションで立体効果をつけるなど、なかなか為になるチュートリアルとなっています。 関連エントリ 写真家のためのPhotoShopレタッチテクニック集55 サングラスに好きな写真を映りこませるPhotoShopチュートリアル PhotoShopで髪の毛の描き方テクニック 凄くクールな名刺を作成するPhotoShopチュートリアル
「フィルタ>変形>極座標...」を選ぶと極座標のダイアログが開きますので そこで「極座標を直交座標に」を実行します。 「イメージ>画像回転>垂直方向に反転」で上下逆さまにします。※ここがポイントですよ。 そして再び「フィルタ>変形>極座標...」を選んで、 こんどは「直交座標を極座標に」を実行します。そのあと円形にくりぬきます。 できあがった水玉を複製する前の元の画像にコピーしてなじませましょう。 (真ん中を消しゴムツールで消して背景が透けるようにすると効果的です。)
webデザイナーには独学でなることも可能です。技術さえ持っていれば年齢や学歴にも左右されない強いカードになることでしょう。 残念ながら当サイトは2008年に作られたサイトなのでテーブルコーディングがところどころ採用されていたりとテクニックやデザイン的に古いです。今はDreamwerver等のウエブデザイン専門ソフトを使わなくても、簡単にホームページが作れる時代です。 webデザイナーになりたい!でもどうやって勉強したらいいの?そんな悩みを持つ君に、ホームページ制作課題を数パターン用意してみました。まずはチャレンジしてみませんか? 仕上がったら展示場に投稿してみんなに見てもらおう。(現在は投稿機能は終了していますが、各自ぜひお勉強のためにトライしてみてくださいね) 現場のプロがやさしく書いた Webサイト運営・プロデュースの教科書 webサイトのプロデュースから、webデザイン、SEO、運営
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く