105+ Cool Backgrounds and Tutorials for Designers | Tripwire Magazine
105+ Cool Backgrounds and Tutorials for Designers by Lars | Last updated May 30, 2013 | Design | 11 comments Cool backgrounds is available as design resources in many different forms and styles and having a sizable collection is always useful. A cool background can be a repetition of simple stripes or polka-dots, complex combination of images and colors, or some ornate design. For web designers, b
ユニクロのように商品写真をマウスで動かせたり、ズームできるようにするにはどうやって実現すれば良いのでしょうか？jQueryなどで実現できるのでしょうか。アドバイスを頂けると助かります。よろしくお願いします。
ユニクロのように商品写真をマウスで動かせたり、ズームできるようにするにはどうやって実現すれば良いのでしょうか？jQueryなどで実現できるのでしょうか。アドバイスを頂けると助かります。よろしくお願いします。
全てのデザイナーが見るべきIllsutratorのチュートリアルビデオ30 | WEB WORLD BLOG
海外の有名デザインブログ「Blog.Sppon Graphics」でIllustratorのチュートリアルビデオを紹介したエントリー「30 Illustrator Video Tutorials Every Designer Should See」がありましたのでご紹介します。 新しいアプリケーションを習得しようとしている場合、様々なメニューやツールを通して、その道のエキスパートがガイドしてくれるものほど良いものはありません。この記事は最も詳しく解説された30のAdobe Illsutratorのビデオチュートリアルとスクリーンキャストを集めた記事です。それぞれの特徴を生かした明快な解説と役立つテクニックは、あなたのIllsutratorのプロへの道の手助けとなるでしょう。 Digital Inking Demonstration & Tutorial How To Setup and D
スマートフォンサイトをデザインする上で知っておくべき10のTIPS
スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re
iOSのSafariで特定のfont-sizeのときの謎の隙間 - Webtech Walker
iOSのSafariでなぜか特定のfont-size（11px、10px、9px）のときだけマルチバイトの幅計算がおかしいのか、折り返し位置がずれるという件。 DEMO これをiPhoneで見るとこんな感じになる。 こんな感じ。11px、10px、9pxのときに右側に隙間が空いてるがわかると思います。これは特にpaddingとかとってるわけではなくて、このfont-sizeのときだけなぜか隙間が空くんです。8pxは大丈夫なので11px以下というわけではないみたい。さらにマルチバイトでなければ隙間はできない。謎。 ちなみにiOS4.3でも直ってなかった。Androidは大丈夫。 解決方法知ってる人がいたら教えてほしい。 追記：letter-spacing: -0.001em; で直るっぽい
[CSS] 美しいパンくずを実装する4つのスタイルシート | コリス
画像を使用せずに、シンプルなHTMLで美しいパンくずを実装するスタイルシートのチュートリアルを紹介します。 CSS3 breadcrumbs [ad#ad-2] デモ 実装 デモ デモはCSS3、疑似要素を使用しているため、IE9+, Firefox, Chrome, Safari, Operaでご覧ください。 4つデモは、全て画像を使用していません。 デモページ：ホバー時 実装 HTML HTMLは非常にシンプルで、リスト要素を使用します。 ul要素にid、現在位置にclassを記述します。 <ul id="breadcrumbs-one"> <li><a href="">Lorem ipsum</a></li> <li><a href="">Vivamus nisi eros</a></li> <li><a href="">Nulla sed lorem risus</a></li>
[CSS]あらゆる背景上で美しく機能する半透明なエレメントを実装するスタイルシート
まるでガラスで作られた棚のように、美しい半透明な3Dのエレメントを実装するCSS3のテクニックを紹介します。 デモページ：Firefoxのキャプチャ 実装 HTML HTMLはシンプルで、各アイコンはa要素、ガラス棚はdiv要素で実装されています。 <div id="shelf"> <!-- Add icons here --> <a class="icon" href="#"></a> <a class="icon2" href="#"></a> <a class="icon3" href="#"></a> <!-- Surfaces of the shelf --> <div class="front"></div> <div class="back"></div> <div class="top"></div> <div class="bottom"></div> </div> CS
Webフォントとして使えるアイコンフォント – creamu
Modern Pictogramsは、Webフォントとして使えるアイコンフォントです。かわいいのが揃っていますね。 18pxまで縮小が可能で、UIデザインに効果的に使えそうです。 We are happy to provide typeface free of charge, but ask those who are using it for client projects to donate a reasonable amount ($25+) and to pass on that cost to your client. Donate with paypal とのことで、商用利用の場合は$25程度、paypalよりdonateをお願いしているとのことです。 Modern Pictograms
Iconizer.net | Free icons generator
Fast native apps with icons, illustrations and photos
iPhone、iPadでどのようにWebページ・ブログが表示されているのかを確認する方法
Safari / aditza121 iPhone大好き！どうも、@OZPA です。 とまぁiPhone大好きと言っておきながら、新しく作成したブログテーマを未だにスマートフォン対応してないんですよこれが。 そんなわけでせっせかとスマートフォン用切り替えテーマを作成中なのですが、その際にPC上でiPhoneではどのようにwebページが表示されているのかを確認する必要があるわけなんです。 今回は、自分の備忘録的意味合いも込めまして、PC上でiPhoneのブラウジング表示を確認する方法をご紹介。 Safariの「開発メニュー」を使用する さて、そんな時はMac OSのデフォルトブラウザ、Safariを使用します。 Safariを開いて・・・ 環境設定を開きます。 そして、「詳細」タブの最下部、メニューバーに”開発メニューを表示”にチェックをいれましょう。 すると、メニューバーに「開発」が表示さ
自分用CSSスタイルガイド
2011年12月時点でのCSSを書くときの自分内での決まりごとを書いておきます。 まあこういうのは自分（やチーム）が分かりやすければ何でもいいと思いますけどね。 基本的に自分以外は編集することがないので、結構好き勝手に書いてます。 インデント・改行・空白基本的にセレクタはインデントなし。宣言（プロパティと値）の部分はセレクタの開始位置から半角スペース2つ分インデントする。@media内など、ネストされている場合はその中のセレクタはアットマークルールの開始位置から半角スペース2つでインデントする。セレクタが複数ある場合は基本的にカンマで改行するが、擬似要素・擬似クラスが違うだけの場合は同一行でもよい。 （リセットCSSなどは除く）宣言ブロック開始の波括弧{は最後のセレクタと同じ行に書き、直後に改行を入れる。宣言ブロック終了の波括弧}の直前に改行を入れる。各宣言ごとに改行する。基本的にはセミコ
商用利用OK！エレガント､ガーリー､ロックなど種類豊富な飾り枠のベクター素材
WEBデザインやDTPデザインをしていると、 見出しなどにちょっとした飾りが欲しくなる時があると思います。 そんな時すぐに使える素敵な飾り枠のベクター素材を配布しているサイトに出会いました:)
バナーデザイン専門ギャラリーサイト | レトロバナー | 「レトロバナー」はバナーデザイン専門のギャラリーサイトです。サイズ・色・業種・テイストからバナーを絞り込む事ができ、バナーを一覧でチェックできます。バナーデザインの新たなアイデア・発想の源として要チェック！
運用力があるから結果につながる！リスティング広告やSNS広告の配信事例300連発OUARTETのバナーデザイン
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
最も洗練されたデザインのウェブサービス10選（+5） - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 昨年は米国はもちろん日本でもスタートアップブームで数多くのウェブサービスが立ちあがった1年でした。もちろんサービスの内容や機能が重要なことはいうまでもありませんが、ユーザビリティ含めたデザインもウェブサービスの成功には重要ですよね。Appleの成功を見ても機能の充実以上にデザイン性や使いやすさの高めてユーザー体験をより気持ち良くさせることが益々重要な時代になってきたと思います。今回はテクメディアの中でもデザインに人一倍こだわっているThe Next Webから優れたデザインのウェブサービスを厳選して紹介します。見て楽しむも良し、何かの参考にするも良し。 — SEO Japan 90年代と00年代
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
配色決めにも利用できる！色について詳しく調べられるサイト「Color Hexa」 : 二十歳街道まっしぐら
ぱくたそ - フリー写真素材・無料ダウンロード
Home | Deux Huit Huit
最近のWeb制作で必ず1度はお世話になる便利なジェネレーターまとめ5つ - W3Q
今年公開されたクリエイター必見の日本製フリーフォント「KOUSHIKI SANS FONT」と、その他日本製のおすすめフリーフォント
