CSS in JS(Elm)したら想像以上に良かった - ジンジャー研究室
追記 最新の感想も合わせてご覧ください。 jinjor-labo.hatenablog.com React界隈では結構前から「CSS in JS」と言って、雑に言うと「CSSはイケてないからJSでインラインスタイルを書いてしまえ」という話がある。（ちゃんと知りたい人はこちら） 自分も前々からCSSは変数が使えないとか名前が被るとか諸々イケてないのは同意してたんだけど、じゃあJSで書くのが良いかと言われたら「いや流石にロジック汚れるんじゃね？」とか「CSSの便利機能を捨てて平気なの？」とか色々と懐疑的だったんだけど、１～２か月書いてみたら想像以上に良かったので感想を書くことにした。 まず一番に主張したい部分を先に言うと、こう。 （誤解）JSのコードがスタイル記述で汚れる （正解）JSのコードがスタイル記述から解放される 前提 実際に書いたのはJavaScriptではなくElmなので以下は全て
HTML5.jsとIE9.js｜Webクリエイターネット
以前、当サイトの”HTML5導入前に覚えておきたいこと“の記事に関して、｢html5.jsとIE9.jsのどちらを使う方がよいのですか？｣といったお問い合わせをいただきました。 また、個人的に同種の内容を質問されたことが何度かありますので、トピックスで取り上げてみたいと思います。 ※当サイトの記事にも一部追記しました。 ⇒ HTML5導入前に覚えておきたいこと~html5.jsとIE9.jsは両方必要なの?~ html5.js html5.jsは、Internet Explorerの8以前のように、HTML5の新要素に対応していないブラウザにも一部の新要素を対応させることがメインのJavascriptです。 IE9.js それに対しIE9.jsは、CSS3に対応していないInternet Explorerの5.5～8にも一部のセレクタやプロパティを対応させることがメインのJavascrip
様々なブラウザ環境に対応する為のJavaScriptライブラリ「Modernizr」
配布元：Modernizr ライセンス：MIT & BSD licenses. ModernizrはTwitterなどの大手サイトでも採用されているブラウザの機能の実装状況を調査するためのJavaScriptライブラリです。 たとえばModernizrを読み込んだサイトではhtml要素が次のように書き換えられます。 <html lang="ja" class="no-js"> ↓ <html lang="ja" class="js flexbox flexbox-legacy rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms c
Opera News
Opera requests that the EU General Court secure the DMA’s promise of free browser choice... July 12th, 2024 Opera is appealing the EU Commission’s decision not to designate Microsoft Edge as a gatekeeper, and requesting to keep freedom... AI, Gaming, Opera GX Aria gets Buffed in Opera GX July 1st, 2024 Aria gets buffed in Opera GX. New features are being added to improve Aria's capabilities. Deskt
スマートフォン対応のためのレスポンシブWebデザイン実用TIPS – LIQUID BLOG
スマートフォン対応サイト制作の手法として注目されている、 レスポンシブWebデザイン（Responsive Web Design）の実用TIPSを紹介します。 PC用表示・スマートフォン用表示の切り替え方法、お役立ちアプリなども紹介します。 関連記事 レスポンシブWebデザインで、PCとスマホ表示を切り替える方法 レスポンシブWebデザインのメリット、デメリットとその解消方法 レスポンシブWebデザインのメディアクエリサイズサンプル レスポンシブWebデザインとは レスポンシブWebデザインでは、CSSを利用し、ウインドウサイズに応じてデザインを変更します。 そのため、PC用とスマートフォン用に複数のHTMLを作成する必要がないなど様々なメリットがあります。 レスポンシブWebデザインについては下記サイトが非常に詳しく、参考にさせていただいています。 ASCII.jp：スマホ対応の新潮流「
Demo: Pure CSS speech bubbles – Nicolas Gallagher
By Nicolas Gallagher The demo page for Pure CSS speech bubbles. For a detailed explanation view the CSS file. It is heavily commented. All examples use simple, semantic HTML. No empty elements, no unnecessary extra elements, no JavaScript, no images (apart from that Twitter logo). Have a look at the source code. The basic bubble variants This only needs one HTML element. For example, <p>[text]</p>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
