[B! css] starckのブックマーク

CSS書きたくなさすぎ問題2017 - DRYな備忘録

css書きたくない。できればjsも書きたくない。js必要なの嫌。軽くやりたい。という個人の日記です。参考 Best CSS Frameworks of 2017 | Three29 10 Free Lightweight CSS Frameworks for a Fast Start 2017年にチェックしておきたい、CSSの軽量フレームワークのまとめ | コリスググれ。 lightweight css framework - Google 検索 Gridだけやりたいやつは除外した。 Bootstrap Materialize mui ︵追記︶UIkit ︵追記︶Semantic UIPure Bulma Skelton Spectre.css Kube Vuetify Fictoan avalanche Beuter Vanilla Milligram InvisCSS Look

starck 2017/05/31

css
web

リンク

Web制作を劇的に効率UPさせる、最近人気の軽量「CSSフレームワーク」を厳選してみた！ - paiza times

どうも、まさとらん︵@0310lan︶です。みなさんは、﹁CSSフレームワーク﹂を活用しているでしょうか？いきなりフレームワークと聞くと、﹁なんだか難しそう…﹂と思ってしまうかもしれませんが、最近は誰でも利用できるようにシンプルな設計で公開されているモノが増えています。そこで今回は、多機能でありながらも学習コストが低い﹁CSSフレームワーク﹂を厳選し、レスポンシブ対応でモバイルに優しいものをいくつかご紹介しようと思います！ ■CSSだけで多彩なサイトを構築できるフレームワーク！︻ Picnic CSS ︼ Web制作に必要なコンテンツを、とにかく簡単な手順で手っ取り早く構築できるように設計されているのが﹁Picnic CSS﹂です！特に、Flexboxを活用した非常に柔軟なグリッドレイアウトや、JavaScript不要でインタラクティブな要素を構築できる機能などはとても便利だと思

starck 2016/12/20

web
css

リンク

より良いCSSを書くための様々なCSS設計まとめ

CSSは誰でも簡単に自由に書けるのですが、好きなように書いていると﹁ここを変更したら、違うところが崩れた﹂といったようにすぐに破綻してしまいます。さらに、複数人で書いている場合は、各々が好きなように書いて読むだけでも苦痛なCSSが出来上がってしまいます。そこで、これらの問題を解決するために考えられたのが﹁CSS設計﹂です。今回は記事が長くなり過ぎるので、CSS設計の概要のみを説明し、参考となる公式ドキュメントへのリンクを記載しました。 CSS設計とは CSS設計は、CSSを記述する時のルールとなるものです。プロジェクト毎に適したCSS設計を採用することで、﹁良いCSS﹂にすることができます。最近では、命名規則はBEMで、構成はSMACCSのように各CSS設計の概念を取り込んだオリジナルの規約をつくるといったことも多いようです。﹁良いCSS﹂とは﹁良いCSS﹂の定義として、おそら

starck 2016/07/09

css
web

リンク

The Blog | Welcome to Adobe Blog

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

starck 2015/08/28

HTML
css

リンク

あまり知られていないCSSの12の事実(続編) | POSTD

1年以上前に、私は最初の 12 Little-known CSS Facts︵あまり知られていないCSSの12の事実︶を発表しました。SitePointで最も人気の高い記事となりました。この記事を書いた後も、私はCSSのアドバイスやちょっとした情報の収集を続けました。だって、大ヒット映画も必ず続編を制作するじゃないですか。注釈SitePoint/ Natalia Balska によるイラストそれでは、早速今年も開発のヒントになる12の事実について話しましょう。もちろん、中にはもうすでにご存じのこともあると思いますが、この中で初めて知ったという事実がありましたら、コメントでお知らせください。 1. border-radius プロパティに”スラッシュ”シンタックスを使用できる事実このプロパティについてはSitePointに4年以上前に書いたのですが、この機能が存在することを、未

starck 2015/08/13

css
web

リンク

cmmntr.com

This domain may be for sale!

starck 2012/10/18

リンク

Firebugの使い方 | THE HAM MEDIA

Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン﹃Firebug﹄。HTMLやCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会︵SaCSS︶にて発覚！使っているといっても、一部の機能に限られてしまっているようなのです。もちろん﹁そんな機能知ってるよ！﹂というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない！という人も勉強会の時に多かったように、実際にも多いはず！ Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ！と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認

starck 2010/06/26

リンク

CSSセレクタの高速化の話し - Webtech Walker

続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった︵というか全然知らなくてちょっとびびった︶ので紹介します。セレクタは右から左に解釈されるこれは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。︵#fooをとるとより高速︶特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して

starck 2010/05/19

css
web

リンク

はてなブックマーク

タグ

関連タグで絞り込む (7)

cssに関するstarckのブックマーク (8)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス