Your Friendly Web Development Companion Prepros compiles your files, transpiles your JavaScript, reloads your browsers and makes it really easy to develop & test your websites so you can focus on making them perfect.
ベストセッション20192019年、CSS Niteでは49回の関連イベントを通して123セッションが行われました。その中からベスト・セッション+αを選びました。 2010年から2019年のベスト・セッションCSS Niteベスト・セッション2019CSS Niteベスト・セッション2018CSS Niteベスト・セッション2017CSS Niteベスト・セッション2016CSS Niteベスト・セッション2015CSS Niteベスト・セッション2013CSS Niteベスト・セッション2012CSS Niteベスト・セッション20112010年のベスト20セッション CSS Niteについて CSS Nite(シーエスエス・ナイト)は、Web制作に関わる方のためのセミナーイベント。2005年10月にスタートし、2017年10月で丸12年。 これまでに、600回を超える関連イベントを通し
前回はwhenやwhen notを使い、値によって場合分けをするmixinを作成しました。 今回はさらに上級編として、CSS3のMedia Queriesを利用し、解像度ごとの振り分けや、iPhoneのRetina Displayの対応まで含めたmixinを作成してみましょう。 Media Queriesでさまざまな画像解像度に対応する スマートフォンのデザインで問題となるのは、画面解像度に対応しなければならないことです。画面解像度によって、指定するCSSを変えたり、高解像度の画像と通常の画像を振り分けるのは、めんどうな作業です。 そんな問題を解決するのに役立つのが、「Media Queries」です。 Media Queriesとは、CSS3から採用された新しい書式で、CSS2で採用されていたMedia Type(印刷用CSSを定義するprintなど)を拡張したものになります。 W3C
知ってる限りでちょっとまとめておきました。LESSやSass+Compass、Stylusをコンパイルできる各種ツールです(それらのMixins集なんかは入れていません)。中には、HTMLのテンプレートエンジンなんかもあわせてコンパイルできるのも含まれています。何かのご参考になれば。 GUIでどうにかしたいあなたへ 1. CodeKit CodeKitは、有償のアプリケーションでOS Xでしか使えません。対応しているプリプロセッサやテンプレートエンジンの種類は圧倒的に多いのが特徴です。とりあえず使いそうなものをあげると、LESS、Sass/Compass(とそのmixinであるBourbon)、StylusといったCSSプリプロセッサの類、IEの4095個セレクタの問題を回避するBless。そしてHamlにJadeにSlimといったテンプレートエンジン、CoffeeScriptにNode.
A collection of reusable LESS mixins Download .zip Download .tar.gz View on GitHub ClearLess A reuseable collection of carefully-considered Less mixins, or YALML (Yet Another Less Mixin Library). The core tenets of this mixin library are to avoid output bloat wherever possible (via duplicated properties etc) and to provide flexibile, configurable solutions to the problems that are addressed by the
LESSとは? Webページにおいて、コンテンツをHTMLに、デザインをCSSに分離するという手法が一般的になって久しい。CSSはシンプルな記法を持つが、その反面、同じような記述を何度も行わなければならず、記述が冗長になりがちでメンテナンス性にも問題がある。LESSはこの問題を解決するために、CSSをプログラマティックに記述できるようにするものだ。 LESSを使用することで、変数や関数などを用いた共通化を行うことができる。また、LESSで記述したスタイルシートは、Webブラウザ上でJavaScriptを用いて動的にCSSに変換したり、lesscというコンパイラを用いて事前にCSSに変換しておくこともできる。スタイルの作成中など表示を逐次確認したい場合は動的に変換、実際にサイトを公開する際にはlesscで変換したCSSを使用するといった使い分けが可能だ。最近ではWebフレームワークでもLES
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く