mask - CSS: Cascading Style Sheets | MDN
CSS Tutorials CSS basics CSS first steps CSS first steps overview What is CSS? Getting started with CSS How CSS is structured How CSS works Assessment: Styling a biography page CSS building blocks CSS building blocks overview CSS selectors Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators Cascade, specificity, and inheritance Cascade layers The box mo
Windowsを心配するのを止めてfont-familyにsans-serifとだけ指定するようにしました
私は font-family には総称ファミリを設定するべきだと前から思っていました. グローバルな空間で明朝体ではなくゴシック体を使うように設定するには とだけ指定するのが望ましく, 何かをごちゃごちゃ指定するべきではないと思っていました. 何故ならばユーザは表示したいフォントをそれぞれOSやブラウザに指定しているはずで, それを上書きしてしまうのは行儀が悪いからです. 総称ファミリであるsans-serifが設定されていればユーザはブラウザの設定などで自分の好きなフォントを設定することが出来ます. 自分自身ちゃんとブラウザのフォントは設定しているのに, webサイトの指定でfallback用にインストールしてあるフォントなどが使われると不快な思いをします. しかしこれまで私はbootstrapのデフォルトフォント設定に以下のような指定をしていました. $font-family-sans
Getting started | Less.js
It's CSS, with just a little more. Use with Node.js: npm install -g less > lessc styles.less styles.css Or the browser: <link rel="stylesheet/less" type="text/css" href="styles.less" /> <script src="https://cdn.jsdelivr.net/npm/less" ></script> Or try the online playground ! 🆕 Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official do
Emmet — the essential toolkit for web-developers
Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow: <!doctype html> <html lang="en"> <head> <title>Demo</title> </head> <body> | </body> </html> @@@ tooltip: Type CSS-like abbreviation type: ul#nav>li.item$*4>a{Item $} wait: 1000 tooltip: Run “Expand Abbreviation” action to expand it into HTML wait: 600 run: emmet.expand_abbreviation wait: 1000 tooltip: Trav
苦悩の告白 - nitro_idiot's diary
「なかんずく君は発見することになるだろう。人間のなす様々な行為を目にして混乱し、怯え、あるいは吐き気さえもよおしたのは、君一人ではないんだということをね」 ―― J.D.サリンジャー「ライ麦畑でつかまえて」 ときどき思い出す言葉がある。それはときに映画だったり、小説だったり、ラジオで聞いた一節だったり、誰かが酒の席で語ったことだったりする。しかもそれらは一度でなく、幾度となく思い出させる。 最近、梶井基次郎の文章を読み直した。もうそれが何度目か分からない。そのあとはJ.D.サリンジャー。そして、これは初めて読む本だが、サン＝テグジュペリの「人間の土地」を読んだ。 どれも素晴らしい文章だ。美しい文章というのは他にも数あるが、これらはそれだけに留まらない。 なぜ好きなのだろう。なぜ読み返すのだろう。考え出すと、そこにはずっと根深い理由があることに気づいた。自分すら忘れていた根源が。 なぜサリン
Grammar of CSS 2.1
Note: Several sections of this specification have been updated by other specifications. Please, see "Cascading Style Sheets (CSS) — The Official Definition" in the latest CSS Snapshot for a list of specifications and the sections they replace. The CSS Working Group is also developing CSS level 2 revision 2 (CSS 2.2). This appendix is non-normative. The grammar below defines the syntax of CSS 2.1.
Markdown.css - make HTML look like plain-text
CSS to make HTML markup look like plain-text markdown. The example below shows HTML that looks like markdown because of the markdown.css file. Click on the other options to also see what it looks like with normal styling & as raw HTML. Also, try out the experimental markdownify bookmarklet! HTML that looks like markdown When this section is styled by markdown.css it looks like plain-text, despite
Sass vs. Stylus: Who Wins the Minimal Syntax Battle?
Today we’re going to pit two CSS preprocessors head to head. You’ve no doubt seen lots of discussion about how SCSS compares to LESS, but where does Stylus, the new kid on the block, factor in? Can it possibly match the power and versatility of SASS? We’ll jump head first into both syntaxes and compare them side by side to see which is more logical and versatile. We’ll also talk about features and
これからWebサイトの制作をしたいけど、何から勉強したらいいの？っていう人のためのガイド
以前から、「Webサイトを制作をしたいけど、何から勉強したらいいの？」という質問をよく頂いていました。私が Web制作を勉強し始めた頃に比べると、最近はたくさん情報がありすぎて何から始めればいいのか迷う人も多いみたい …。なので今回は、Webサイトを作るのに必要な知識を簡単にまとめてみました。 最近本だなを整理していて、もう読まなくなった Web制作系の本を片付けたりしてみました。ずーっと前、Webサイトってどうやって作るんだろうってところから始まって、用語もよく分からないまま色んな本を読んだりした頃を思い出します …。 Webサイトは HTML っていうものでできていて、CSS っていうもので、見た目をデザインしていくのかぁ … っていうことさえ、あの頃の私にとっては新しい発見だったなぁ … なんて思ったりしました。 最近では HTML5 とか CSS3 とか、私が勉強し出した頃に比べる
privacy-related changes coming to CSS :visited – Mozilla Hacks - the Web developer blog
Thanks! Please check your inbox to confirm your subscription. If you haven’t previously confirmed a subscription to a Mozilla-related newsletter you may have to do so. Please check your inbox or your spam filter for an email from us. […] Blizzard has done a nice roundup of David Baron’s post, the bug and the post on the security blog which discusses the :visited […] March 31st, 2010 at 22:02 […] O
IE 6, IE 7, IE 8 が退場した未来 - latest log
Internet Explorer の自動アップグレードについて | TechNet 長かった… 本当に長かった… やっと、IE 6, IE 7 が居なくなるのですね… uupaa.js ver 0.8 に埋まっている処理から情報を抜き出し IE 6, IE 7, IE 8 が居なくなった未来では何が可能になるのか抜粋してみました。 IE8 でやっと使えるようになる機能 一部は IE 6 や IE 7 でも使えるのですが、対応が限定的だったり不具合が多かったりと、安心して使えなかった機能も含まれています。 display: inline-block display: table, table-cell など position: fixed; E:active {...} E:focus {...} E::first-child {...} E:lang(C) {...} E::after
37 Great Ajax, CSS Tab-Based Interfaces
Over the last few years web-developers have developed many AJAX and CSS Tab-based interfaces which became one of the most interesting techniques giving us an easy way to get information without the need to open and close multiple windows at the same time. We’ve spent hours searching for the best Tab-based interfaces using CSS only, CSS/Ajax and tutorials which would help you create your own Ajax o
Hands On: 3D Transforms
“CSS 3D Transforms are an enhancement to CSS Transforms which provides transforms in three dimensions. Note that while ‘transform’ uses a three-dimensional coordinate system, the elements themselves are not three-dimensional objects. Instead, they exist on a two-dimensional plane (a flat surface) and have no depth.”
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Troubleshooting rendering performance issues
解放新聞による在特会関連の虚報について - 在日特権を許さない市民の会 - ニュース
ウェブ制作の時間を大幅に短縮する、今時のUIコンポーネントが簡単に実装できる -Chico UI
LESSTESTER - Less Sandbox
Components · Twitter Bootstrap
Toptal's CSS3 Generator Tool allows you to easily generate useful snippets of CSS3 and copy them straight into your projects.
Imageless iPhone 4 by Vasyl Zubach
