1px欠けの角丸ボックスをCSSだけで作る方法｜web bibo
スタイルシートだけで1px欠けの角丸を作る方法です。この角丸を使用することでシャープすぎるボックスを少し柔らかい印象にすることができます。 HTML 下記の通りHTMLを記述します。 <div class="outer"> <div class="inner">1px rounded corners</div> </div> ボックスにボーダーを付けない場合 .outer { margin: 0px 1px; padding: 1px 0px; background: #0cc; } .inner { margin: 0px -1px; background: #0cc; } ボックスにボーダーを付ける場合 .outer { margin: 0px 1px; background: #E4F2FF; border-top: 1px solid #B1C6D9; border-bottom:
JPEG画像をより美しく、より軽量に最適化するテクニック
JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ（8x8ピクセル）です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため
バシャログ。 | 横浜・馬車道で働くWEBサイト制作スタッフのブログ。
【お知らせ】バシャログ。メンバーが所属する株式会社シーブレインのWebサイト制作サービスのサイトがリ... お知らせ
[JS]季節で画像を変更するスクリプト
季節（４カ月おきくらい）でイメージ画像を自動更新するスクリプトのサンプル。 しかしこの間隔ならスクリプト使うこともない気がする。 <img src="images/00.png" alt="季節で変わります" id="change" width="500" height="200" border="0"> 変更したい画像にIDをつける。サンプルではchangeとつけた。 onloadで呼び出す。 functionに名前つけてbodyのイベントハンドラで呼び出しても良い。 window.onload = function() { var myIMG = document.getElementById(“change”);//画像のID var myMonth=new Date(); myDate = myMonth.getMonth() + 1; if(myDate>=3 && myDate
たった6行でWebサイトのUIをガラッと変える
「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、
かぶら屋 本舗
ここは 2006 年夏までの 旧サイト の 保存庫 です。更新はありません。 新しいサイトは Painter Fun! です。 http://kaburaya.pobox.ne.jp/ のアドレスで使用しているレンタルサーバーのサービスが 2006 年 10 月で終了することになりました。これを機に、情報が古くなっていた部分もあるサイト全体の構成を見直し、すべて書き直すことにしました。 いっぽう、これまでの記事の書き換え作業には時間がかかります。情報の空白を避けるため、新しいサーバーに旧サイトをまるごとコピーして、しばらく置いておくことにしました。いま見えているこのページは、新しいサーバーにあります。
ペインター講座(Corel Painter) -Charako House-
ペインター（最新版正式名称「Corel Painter 2022 日本語版｣）の使い方を紹介しています。 Corel Painter各バージョン(Ver.5.5～Painter 2022，Essentials）による描き方のほか、質問メールも受けつけています。 ほとんど自己流なのでお役に立つかどうか分かりませんがよろしければ参考にしてください。 とにかく疑問を解決したいなどの場合は、質問箱をご利用下さい。 --ペインターバージョン別講座-- ← 現在地 確認したいPainterのバージョンを右のリストから選択して、表示されるタイトル名クリックで該当の記事が表示されます。 各講座タイトル先頭のマーカーが■のものは、そのバージョンのみの情報、○のものは、制作バージョン以降の全てのバージョンで使用できるものです（タイトル欄に注意事項などがある場合は、これに準じます）。 ※ 講座利用上の注意点
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
透過PNGをCSSで背景に指定してIE6や5.5のバージョンでも綺麗に表示してみる - DesignWalker
基本のテクニック｜手作りチョコレシピ｜株式会社 明治 - Meiji Co., Ltd. - Meiji Co., Ltd.