Retina対応にSVGは本当に使えるのか？
高解像度スクリーンに対応できるのは嬉しいですが、普通の解像度しか持たない端末にも大きなファイルをダウンロードさせなければならないのは、3G回線などの遅い回線での表示パフォーマンスを考慮すると、SVGが適していないケースもありそうです。ただ、サーバ上でGZIP圧縮した場合、平均30%ほどサイズを削減できることを考慮すると、数十KBの差がある場合を除いて、表示パフォーマンスと表示クオリティのバランスもとれてくる気がしています。 ちなみに、Illustratorで「圧縮」を選択してsvgzとして保存すると2,395Bになりました。これならPNG8のファイルサイズにだいぶ近くて良い感じですね。Apacheの設定にSVGZが記述されていれば圧縮版を使えるので、このサイズだったら現実的な気がしてきました。ただ、サーバの設定がうまくいかないのか、Illustratorでの書き出しが悪いのか、SVGZを表
Pictaculous - A Color Palette Generator (courtesy of MailChimp)
Generate a color palette from PNG, JPG or GIF image/photo. Receive color suggestions, download Photoshop swatches (.ACO)
Compressor.io - optimize and compress JPEG photos and PNG images
Fast & efficient imagecompressionOptimize JPEG, PNG, SVG, GIF and WEBP
指定した画像に映りこみ効果を与えられる『Reflection Maker』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
最近のウェブデザインでよくみられる「映りこみ効果（鏡面効果って言うのかな？）」を簡単につくれるジェネレータが登場したようだ。 使い方も簡単で、画像を指定した上で、映りこみ部分の背景色とサイズを指定するだけだ。 画像はローカルからアップロードもできるし、URLから指定することもできる。 ロゴやアクセントの写真などに使えば手軽に今っぽいデザインをつくることができるだろう。 今っぽいデザインを手軽に・・・こうしたツールはもっと出てきて欲しいですね。
キュートでセクシーな女性のイラスト&シルエットの素材集 | コリス
キュートでセクシーな女性のイラストとシルエットの素材の紹介です。 素材は、EPSで配布されています。
ウェブデザイナー必見！ダミー画像を超簡単に作れるサービス「Placehold.it」 | ライフハッカー・ジャパン
「Placehold.it」はダミー画像を簡単に作れるサービスです。ウェブデザインをするときに便利ですよ。 以下に使ってみた様子を載せておきます。 まずPlacehold.itへアクセスしましょう。 サイズの指定は簡単。「http://placehold.it/」のURLの後に、必要なサイズを入力するだけ。たとえば上記の画像は「http://placehold.it/500x250」と指定したものです。また、色やテキストを変えることも可能。コードでの埋め込みにも対応しています。簡単にダミー画像を作ることができるので、ウェブデザインをする際にご活用ください。 Placehold.it （カメきち）
WPClipart is a collection of high-quality artwork and photos optimized for use with word processors and inkjet printers.
หวยออนไลน์: ทางเลือกใหม่ของคนเล่นหวย หวยออนไลน์ได้กลายเป็นทางเลือกใหม่ที่ตอบโจทย์สำหรับคนเล่นหวยอย่างแท้จริง ไม่ต้องเสียเวลาเดินทาง ไม่ต้องกลัวเลขอั้น และไม่ต้องพึ่งเจ้ามืออีกต่อไป แค่มีมือถือหรือคอมพิวเตอร์ก็สามารถเข้าถึงการแทงหวยได้ทันทีทุกที่ทุกเวลา ไม่เพียงแค่สะดวก แต่ยังมีความหลากหลายให้เลือกเล่น ทั้ง หวยไทย หวยยี่กี หวยฮานอย หวยลาว หวยหุ้น และอื่น ๆ อีกมากมาย พร้อมระบบที่โปร่งใส ตรวจสอบได้จร
[CSS]hr要素をおしゃれにスタイリングする8つのテクニック
デモページ CSS3を使った8つのテクニック デモページの8つの実装方法を個別に見てみましょう。 HTML HTMLは全デモ共通で、hr要素にclass名を付与するだけのシンプルな実装です。 <hr class="style-one"> [ad#ad-2] CSS スタイルシートは各デモのキャプチャとともにご紹介。 繊細なグラデーションを使ったデザインです。 hr.style-one { border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); background-image: -ms-linear-gr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Salon.io - A Whole New Way Of Presenting Artwork Online
gif.dj
ノイズのパターン画像をオンラインで生成出来るWebサービス・Noise Texture Generator - かちびと.net
BurningWell