WooFunction: 178 Amazing Web Design Icons ダウンロードできるアイコンのフォーマットはPNGで、32x32pxのサイズをメインに計178個がセットになっています。
WooFunction: 178 Amazing Web Design Icons ダウンロードできるアイコンのフォーマットはPNGで、32x32pxのサイズをメインに計178個がセットになっています。
「WebページをPDF化して印刷したり,逆に帳票ツールなどで作成したPDFをWeb配信したりすることは一般的に行われている。しかし,現状ではWebページとPDFは別工程で開発している。CSS3は,WebとPDFを同時に作成できる技術であり,開発の二度手間を解消する」---。2009年9月15日,開発者向けイベント「XDev2009」にアンテナハウス システム営業グループの小林具典氏(写真)が登壇。HTMLやXMLの表示を指定する仕様の最新版である「CSS3(Cascading Style Sheets,level 3)」をテーマに講演した。 まず,小林氏はHTMLと従来のCSS(CSS 1,2)で作成されたWebページの問題点を二つ指摘した。一つ目は,「出力機能が貧弱で,Webページを印刷したときにページの右端が切れてしまったりしていた」(同氏)。二つ目は,「同一データをWebとPDFの両
アクセス解析ツール「シビラ」を開発・販売する環(かん)の江尻俊章社長から、「画面解像度の種類がここ数年で爆発的に増えている」という話を聞いた。Webサイトを運営していれば自社サイトの画面解像度シェアは分かるが、他社サイトまでは分からない。ASP型のアクセス解析ツールを提供している環であれば、より俯瞰した立場で状況の変化が分かるはずだ。「それは面白い!ぜひデータを見せてください」とお願いし、画面解像度のシェアを集計してもらった。 手元のASCII.jpの画面解像度のデータと比べると、シェアの順位が若干異なるが、シェアの高い上位3件が1024×768(XGA)、1280×800(WXGA)、1280×1024(SXGA)であることは同じ。では、4年前、2005年の解像度シェアはどうだったのかというと、下の表のように、今とはかなり異なる。この4年で、1024×768(XGA)のシェアが半減し、横
[CSS]スタイルシートの実用的なテクニック集:レイアウト・ナビゲーション・画像・タイポグラフィ・アイコン・ボタン・リンク編
Every now and again we take a look around, select “fresh” high-quality free fonts and present them to you in a brief overview. The choice is enormous, so the time you need to find them is usually the time you should be investing in your current projects. We search for them and we find them, so you don’t have to. In this selection we’re glad to present you Chunk, Titilium, Amputa Bangiz, Serif Beta
先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。 追記:2009/07/27 本エントリには続きがあります。 続:PNG画像をより美しく、より軽量に最適化するテクニック Clever PNG Optimization Techniques 下記、各ポイントをピックアップして紹介します。 最後のはCS3向けで不明だったので、途中省略しています。 はじめに PNG画像フォーマットの概要 1. ポスタリゼーション 2. 手のはいってない透過 3. 透過による分離 4. マスクを活用 はじめに ウェブデザイナーとしてあなたは既にPNGのフォーマットに精通しているかもしれません。PNGは劣化のないフォーマットとして、GIFの非常に良い代わりとなります。 Photoshop(あるいは他の画
popIn Discovery 1,000+ Premium Partners popIn Discovery DSPは、ディープラーニング技術に基づいたインテリジェントな広告エンジンです。popIn Discovery DSPは、Microsoft、Xandr、Index Exchangeのようなグローバルのプレミアムパートナーと、ローカルパートナーであるFluxやEnhanceと広範なパートナーシップを締結し、高品質の広告インベントリを提供すると共に、月間300億以上の広告インプレッションを配信しています。10億以上のパラメーターを持つディープニューラルネットワーク技術を利用することにより、秒間50万以上の広告リクエストを処理し、広告のパフォーマンスの評価ができており、リアルタイムでインテリジェントな入札戦略を実現しています。
人の形と写真素材が たまたま必要だったので その過程で探したフリーの 人物素材をいろいろとまとめました。 写真素材、Photoshopのブラシ、 フォントなど。全然関係無いですけど、 不満をローマ字にするとhuman(人間) になるんですね、ってつぶやいたら なかなか反応良かったですw ライセンスには十分気をつけてください。 [note]【追記】 コメント頂きましたのでライセンスをどう確認すればいいか、という方法を簡単に記述しました。[/note] 目次ベクター素材 フォント 人物写真 PhotoShopブラシ アイコン ベクター素材数が多いのでシルエット系に絞りました。 Silhouettes of people Silhouettes of people Sexy Girls Sexy Girls Business People Business People Vector Busin
コンバージョンのプロセスは、入り口が広く出口が極端に狭い「じょうご」にたとえられることがあり、最適化の取り組みを出口の方に集中させているマーケターは多い。じょうごの出口におけるコンバージョン率を調べる効果的な方法の1つは、直帰する訪問者を除いた独自のユーザーセグメントを作成することだ。こうしたセグメントからは、自サイトに関心を持つ訪問者のみについて、サイトとの関わり方を示すがわかるので、サイトの変化を知る優れた方法となる。なにしろ、そういう訪問者こそ、お金を払ってくれる顧客になる可能性が最も高い相手なのだから。 だが、じょうごの入り口はどうなっているのだろうか? サイトにやってきてもすぐに去ってしまう訪問者が多い? もしそうなら、最も取りこぼしの多いページがどれなのかを詳しく調べてみる必要がある。 SEOで最も力を入れるべきページを特定しないうちに、慌ててサイトを変更してはいけない。じょう
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ(8x8ピクセル)です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため
Firefox3 と Firefox3.5 の Windows での共存方法を紹介します(Firefox3.5 は、2009年6月22日現在はRC2) 。すでに Firefox2 と Firefox3 の共存を行い、さらに Firefox3.5 の共存を行いたい場合にも使えます。 以下、共存するための手順を紹介します。注意事項は次の通りです。 1項のバックアップは必ず行ってください 手順の途中でFirefox3.5 を絶対に起動しないでください うっかり Firefox3.5 を起動させてしまった場合は、6項に進んでください(1項の作業を行なっていることが条件です) 1.Firefox3 のプロファイルのバックアップ 本作業中にインストールした Firefox3.5 をうっかり起動してしまうと、Firefox3 のプロファイル(=ブラウザのオプション設定やアドオンなどが保存されているフォル
Windows の IE6 に CSS で float を指定した際、その float 指定した要素の親要素に指定された左右の border が消えるバグがあるようです。 私が上記のバグに気が付いたのは ul 要素内の li 要素を並列させる為に、li 要素に float:left; と指定しボタンを作成した時に気が付きました。 以下、その時のサンプルソースです。(※ボタンは3つを並列させているとお考えください。) ul { width : 99%;/* IE6 の為に指定 */ text-align : center; list-style-position : inside; border-left : solid 1px #ccc; overflow : auto; } ul li { float : left; width : 33%; height : 30px; line-he
CSSのfloat関係って、基本的に覚えておくべき事ですが、 動作がいまいちわかり辛かったり、バグが多かったりと、 float一つとっても覚えておくべきことって多いと思います。 なのでfloat関連の問題で覚えておくべき解決方法や 回避方法のことなどについてをまとめてみた。 1)floatしたボックスの下にコンテンツがこないようにする 写真の横に文字をもってきて、その文字が多ければ 写真の下にも文字をもってくる・・・というような場合は、 単純にimgにfloatをつけるだけでできるのですが、 コンテンツが下に来ないようにしたい場合はどうしたらいいか。 ■例1ー1(imgにのみfloat:left、下に回り込む) ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキス
IE7で拡大・縮小時にレイアウトが重なってしまったり、IEでフロートした要素がはみ出てしまったりとIE独自のCSSのバグがいくつかあります。 これは、IEのhasLayoutが原因のひとつとなっているので、それを回避する方法を考察します。 hasLayoutとは IEでのCSSのバグを回避するhasLayoutの値 CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutの参考ページ hasLayoutとは hasLayoutとは、オブジェクトがレイアウトを持っているかどうかを示すものです。 hasLayoutの値はread-onlyのため読み込みのみ可能で、falseとtrueがあります。 hasLayoutの値(read-only) false デフォルト値。 オブジェクトがレイアウトを持っていない。 true オブジェクトがレイアウトを持っている。 IEでのCSSのバ
ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く