タグ別アーカイブ: CSS

0HTML5ロゴResponsive lazy backgrounds instead of css background-image

Published by & 下に提出 Web技術. 最終更新 .

I’ve recently been work­ing on an update/overhaul of both my vari­ous web­sites and the serv­er backend. As part of this pro­cess I’ve been try­ing ot make sure everything is using the latest stand­ards to max­im­ise per­form­ance and com­pat­ab­il­ity. One of the best fea­tures of recent ver­sions of word­press is the nat­ive sup­port for respons­ive images — where the img­set=”” attribut eis used to sup­ply altern­at­ive sizes of images in a group so the browser can use the most appro­pri­ate. In com­bin­a­tion with async load­ing and lazy load­ing this can make pages load far faster whilst still look­ing good to all vis­it­ors. How­ever css has not adop­ted these new­er fea­tures so back­ground images are much trick­i­er to deal with. It can be done though…
… 全文を読む

0WordpressのロゴWordPressのホバーに拡大画像を表示する

Published by & 下に提出 ワードプレス. 最終更新 .

さまざまなウェブサイトに最近行った改善の一環として、ギャラリーの画像にカーソルを合わせると拡大バージョンが表示されるようにしたかった. 基本でこれを行う CSS かなり些細なことです, 元の画像を拡大したくなかった, 私はブラウザに新しいものをつかませたかった (大きい) 画像も…
… 全文を読む

0HTML5ロゴWebサイトの応答背景画像

投稿 by & 下に提出 Web技術.

私は最近、自分のWebサイトやWebサーバーを更新し、新しいサイトを追加してきました (LoveCrete.org). 私はLoveCreteに背景画像を持っていると思ったし、もちろんそれを実現します 1 サイズは、すべての画面に適合しません. これが私の考えと、さまざまな画面サイズと向きに対応するために私がしたことの要約です。.
… 全文を読む

0いくつかの新しい記事, 新しい設計作業の多く

Published by & 下に提出 Web技術. 最終更新 .

For the last 2–3 months I’ve been too busy to write much new con­tent for the site. This has­n’t been helped by a drop in things to write about — most of my art­icles are about tech­no­logy fixes or excit­ing new HTPC related devel­op­ments. There haven’t been too many new devel­op­ments, and I haven’t fixed much tech­no­logy because I’ve been too busy. That does­n’t mean the site has been entirely ignored however…

… 全文を読む