【備忘録】今現在のfont-family指定の最善解。Androidまで意識するとこうなりました！ | ultimate-ez.com
ぼんやりしたペースで進めているwordpressの新テーマづくりですが、今回は「フォント」についてのメモ。 当サイトはごくごく普通のブログなので、対象となる視聴環境はPCからタブレット、スマホまで様々。 そんな中でフォントを指定するっていうことで、cssでの記述(font-family)は以下が基本形になります。 [css] font-family:’Lucida Grande’, ‘Hiragino Kaku Gothic ProN’, ‘ヒラギノ角ゴ ProN W3’, Meiryo, メイリオ, sans-serif; [/css] MacのOS Xの標準フォントであるLucida Grande＋ヒラギノ角ゴの合成フォントを再優先に。 そして、Windowsではメイリオが表示されるようにします。 （ここでメイリオより前にArialなどのwindowsにも入っているフォントを入れちゃう
CSSでのフォント指定について考える（2014年）｜DTP Transit
結論1：アルファベットでウエイトなしだけでも、すべてのモダンブラウザに対応可能です。ただし、旧バージョンのSafariやFirefoxでは対応がまちまちであったため、それらに対応するには併記します。 游ゴシック体と游明朝体はWinodws 8.1では日本語名、OS X Mavericks（10.9）ではアルファベット名のみの対応であるため、両名の併記が必要となります。 疑問2：「ヒラギノ明朝 Pro」と「ヒラギノ明朝 ProN」のどちらを記述すればいいのでしょうか。 「ヒラギノ明朝 Pro」を改訂し、JIS X 0213:2004の例示字体に対応させたものが「ヒラギノ明朝 ProN」です。 参考： ウィキペディア - ヒラギノ 「ヒラギノ明朝 Pro」と「ヒラギノ明朝 ProN」の違い CSSのfont-family指定はこれで決まり！（2013春） 結論2：新しい字形に対応をしている「ヒ
標準フォントを指定する
通常、サイト内のフォント（書体）は自由に指定できる訳ではありません。閲覧者のパソコンにインストールされている、いわゆる「標準フォント」を決めうちで指定します。 日本語フォント CSSにてサイト全体（body）や日本語で書かれた文章には下記のように指定します。 複数のフォントを記述した場合、先頭（左）のフォントが優先されます。 上記の場合、いずれもゴシック体のフォントで、メイリオ（Meiryo）よりもヒラギノ（Hiragino Sans）が優先される指定になっています。sans-serifは明朝体のような尖った装飾（セリフ）のないフォント、つまりゴシック体全般を指します。指定したフォントがない環境でも明朝体を避けるため、これを最後に記述します。 明朝体のフォント 明朝体のフォントについては、Windowsの解像度がまだ低いことがあるため、見出しなど大きな文字でない限り利用はおすすめできません
[CSS]スマホの画面だと見づらいtableをMedia Queriesで見やすくしたら良いと思うよ！ | Maku_zin Ver2.1.1
tableってスマホの小さい画面だと見づらいですね！ですね！ そんなときはMedia Queriesでガラッと見た目を変えちゃいましょう！ と言うわけで1つのページをPC用、スマホ用とテンプレ変更して表示したりレスポンシブなページで使えそうなテーブル用CSSです。 ますはデモ。(ブラウザのサイズ(横幅)をグイ～ンで小さくしてみてください。) table { width:80%; border-collapse:collapse; margin:50px auto; } th { border:1px solid #ccc; background:#e1e1e1; padding:5px; } td { border:1px solid #ccc; padding:5px; } @media only screen and (max-width:420px) { thead { displa
![[CSS]スマホの画面だと見づらいtableをMedia Queriesで見やすくしたら良いと思うよ！ | Maku_zin Ver2.1.1](https://cdn-ak-scissors.b.st-hatena.com/image/square/a2e1b90f4e81d4ab5fa95a28be5f40e77fb42b2b/height=288;version=1;width=512/https%3A%2F%2Fmakurazaki.org%2Fsystem%2Fwp-content%2Fuploads%2F2022%2F01%2Flogo2.png)
Bootstrap
BootstrapBootstrap v5.3 (switch to other versions) v5 releases Latest (5.3.x) v5.2.3 v5.1.3 v5.0.2 Previous releases v4.6.x v3.4.1 v2.3.2 All versions Get Security Updates for Bootstrap 3 & 4 Build fast, responsive sites with Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life w
CSSだけで必殺技を作るコンテストのクオリティーが高すぎる件
jsdo.itで「SPEC」というコーディングコンテストを開催しています。 今回のテーマは以下の二つ。 CSSだけを使って必殺技の演出を加えてください ローディングの演出を考えてください 「こんなマニアックなテーマだけど参加してくれる人がいるのだろうか…！」と心配していたのも杞憂に終わり、続々とすごい作品が投稿されています。 開催期間中ですが、ぼくが個人的に「これは！」と思った作品をピックアップして紹介したいと思います。（コンテストの審査とは関係ないですよ！） CSSだけを使って必殺技の演出を加えてください スーファミのRPG風 えい！：forked: CSSで必殺技！ - jsdo.it - share JavaScript, HTML5 and CSS 光が集まる必殺技 forked: CSSで必殺技！第2弾！ - jsdo.it - share JavaScript, HTML5 a
2011年のSEOで、これはもう避けておきたい32のチェックリスト
Googleをはじめとする検索エンジンに対して、サイトを最適化する際に気をつけるべき32のチェックリストを紹介します。 32 SEO Tactics to Avoid in 2011 [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに あなたは2011年を迎え、SEO用の膨大なリストをもっていることでしょう。ここで紹介するものは、あなたがやるべきではない32のチェック項目を知ることで、あなたのリストを少なくすることです。 2011年のタスクに下記のリストが残っているのであれば、どうぞそれらを消してください。 Hiding Stuff On-Page 隠されたテキストやリンクはGoogleが最も嫌う存在です。これらは最悪の場合、ペナルティが与えられることがあるので使用は避けてください。 白い背景に白いテキスト 画像の上に隠したテキスト CSSを使って隠したテキスト 極小サイズ
jQueryのかっこいいスライドショースクリプト28 – creamu
かっこいいスライドショーを作りたい。 そんなときにおすすめなのが、『28 Useful JQuery Sliders You Need To Download』。jQueryのかっこいいスライドショースクリプト集です。 かなりいい感じのものが揃っています。 Automatic Image Slider w/ CSS & jQuery CSSとjQueryで作られた、自動でスライドするギャラリー Animate Panning Slideshow with jQuery 大きい画像の一部がパンしながら移動するスライドショー SlideDeck jQuery plugin とてもかっこいいスライドショー。無料版と$99の有料版がある。Basecampのサイト等、実装例多数 jQuery Infinite Carousel スムーズな動きのカルーセル（イメージスライダー） Easy Slider
Rogie King — Multidisciplinary Artist, Designer and Programmer
I'm Rogie! I'm a multidisciplinary designer that loves the intersection of art and code! Don't you think the web should be fun again? Buttons and knobs and sounds and experimentation? We have an amazing medium here, to be able to express and do whatever we want. Let's do it! If you're a web surfer, I work at Figma as a Designer Advocate and make rad, fun little sundries over at Super Team Deluxe.
Duirwaigh Gallery
we create Art, Words & Music in the service of inspired, soulful living We publish tarot and oracle Decks Partnered with the oldest divination publisher in the United States, US Games Systems inc., we create an array of extraordinary tarot, oracle and encouragement card decks. Designed by collectors for collectors, each deck is a cabinet of curiosities intended to take you on the journey of becomi
The portfolio of Bryan Katzel | Design, illustration & stuff to make you smile
Webleed Design is the portfolio site of Bryan Katzel. As a professional designer, Bryan's world revolves around all things "print". His work includes package design, illustration, branding, toy, poster and advertising. Bryan holds a creative position focusing on design and developement for the toy & game market. The position has opened his eyes to package design and the retail toy market. Here are
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Välkommen - Eyecon Media
Adobe HTML5 特設サイト Dreamweaver® CS6 と HTML5 で始めようスマートフォン＆タブレット対応| Adobe - 日本
http://e0166nt.com/blog-entry-847.html
WordPress Themes, HTML Templates - ThemeForest
www.250pp.com,www.250pp.com,250pp亚洲情艺中心,亚洲情艺中心页面升级
Awwwards - Website Awards - Best Web Design Trends
マウスオーバーをデザインする | DesignWalker
Domain parking page
4U - beauty image bookmarking