Celestial Symphony
[ChatGPT生成記事] 2023.04.08 ATL-SD感想※この記事はChatGPTくんに書いていただきました https://www.mlb.com/gameday/padres-vs-braves/2023/04/07/718676/final/wrap 昨日のAtlanta Braves対San Diego Padres… 2023, Apr 08 — 1 minute read セイバー指標で見る2022NL Cy Young賞見通しワールドシリーズも終わり、オフシーズンに本格突入しましたが、 各Awardsのファイナリストが発表されましたね。 この記事ではNational LeagueのCy Young賞の展望をセイバーメトリクス系指標を参照しながら見ていこうと思います。 まず、NLのCY… 2022, Nov 08 — 3 minute read Netlifyから
訪問者優位のWEBデザインTips
CATEGORY WebデザインとSEO対策（中級） 訪問者目線でのWebデザインレイアウトの基本、Googleなどの検索エンジン対策による上位表示を狙う方法などについて解説します。 はじめに 訪問者を第一に考えたホームページ作りを目指すにはどうすれば良いのでしょうか？ 見やすいWEBデザインと操作しやすいページ構成などのテクニック集を通してその解決法を探ります。 ピックアップメニュー デザインを見直す（1） ページの見やすさを向上させるテクニック集の基本編 文字の大きさや色、背景との調和を考えたデザイン力を身につける 画面サイズ 文字色 文字の大きさ 使用フォント 行間の調節 ページ構成と段組の種類 背景色 静・動的コンテンツの選択 スペーサーGIFの使用 デザインを見直す（2） ページの見やすさを向上させるテクニック集の応用編 画像や視覚効果、フレームを使用する是非について考える フレ
グリッドレイアウトのための背景画像 - lucky bag
ウェブページをグリッドレイアウトするのであれば、あらかじめ CSS で背景画像にルーラーみたいな画像を指定しておけば制作時に便利じゃね？ってアイデア。 Subtraction: Grid Computing… and Design Airbag - Ruler. Using a Background Image Grid to Lay Out Your Web Site | Smiley Cat Web Design つうことで、自分が使いやすいと思う方眼画像をちゃちゃっと作ってみた。 gif画像（ご自由にどうぞ） grid.gif (GIF 画像, 200x200 px) 実際に適用してみたサンプル グリッドレイアウトのための背景画像のサンプル ルーラーの最小単位は 5px で、それより若干濃い線が 10px 、さらに濃い線が 50px、んでもって薄いグレーの背景が 100px 単位って
famfamfam.com: Silk Icons
“Silk” is a smooth, free icon set, containing over 700 16-by-16 pixel icons in strokably-soft PNG format. Containing a large variety of icons, you're sure to find something that tickles your fancy. And all for a low low price of $0.00. You can't say fairer than that. Current version: 1.3. View all icons (.png file, 1Mb) Download License I also love to hear of my work being used, feel encouraged to
Niceformでエレガントなフォーム生成:phpspot開発日誌
badboy.media.design :: articles :: Niceforms Web forms. Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase or signing up for a website. They are the basic (and pretty much the only) way of gathering information on the web. 配布されているJavascriptのファイルとCSSファイルを読み込むだけで、フォームデザインが早代わり。 HTMLに組み込む例） <scrip
submit ボタン disable 技の罠 - naoyaのはてなダイアリー
昨日のonsubmit で submit ボタンを disable にしてユーザビリティを良くするにはちょっとした罠があって、それに気付かずに使うとはまってしまうかもしれないので、それもちょっと書いておく、というか今日僕自身がはまったわけだが。 罠というのは、type="submit" な input 要素、つまりは submit ボタンを onsubmit ハンドラで disable するまでは良いのですが、このとき <input type="submit" name="foo" value="bar">としていて、foo=bar という値が渡ってくることを期待し、それを内部の処理に使っていると嫌な目に逢う、という話です。先のやり方では input 要素が disable になって GET なり POST なりされるので、押したボタンに対応するパラメータが渡ってこない、というわけです。一
CSSレイアウトの定石 WinIE6バグ回避法
CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました（つまり回避法を用いない場合にどんなバグが発現するか）。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう （ブロックレベル要素を内包するボックスにはpaddingを指定しない。） 左右ボーダーとパディングを設
分裂勘違い君劇場 - 見た瞬間に使い方の分かるユーザインタフェース
「初心者にわかりやすいGUI」については、この記事のid:naoya氏の気持ちは、分かる気がします。 まず、プロのGUIデザイナーと実プロダクトの仕様について議論すると、ほとんど必ずと言っていいほど議題に上がるのが、「とっつきやすや」と「機能性」のトレードオフ。 よく、回すべきなのかスライドべきさせるのか、押すんだか引くんだかよく分からないドアというのがある。ドアのどちら側を押すべきなのかも分かりにくいことも多い。それは、ユーザインタフェースが、self explanatory(自己説明的)じゃないからだ。これは、よくユーザインタフェースの設計ミスの事例としてやり玉にあげられるんだけど、ぼくは、それはそんなに単純な話じゃないと思うのだ。 たとえば、丸い取っ手のあるドアは、見た瞬間、「ああ、これはドアノブを回して引くんだな」ということが、直感的に分かる。つまり、そのドアノブは、「機能」を提供
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSONView
デフォルトスタイルの差異を無くすCSS
CSSによる段組（マルチカラム）レイアウト講座
caramel*vanilla » Web制作に役立つFirefoxの拡張(1) - HTML/CSS関連
caramel*vanilla Web制作に役立つFirefoxの拡張(2) - 検証/その他