タグ less
人気順 5 users 10 users 100 users 500 users 1000 users英文法の比較級がすげえ苦手で苦戦してるんだけど
比較級に関する慣用表現に関してはどうしても思考が迂回する no less than ←(えーと……noは凄く強い否定で……lessの真逆くらいの勢いの、しかも心情がこもったような意味になるから……~もの、だ) not less than←(えーと……notはnoほど否定の度合いが強くないから……lessを否定してるから……少なくとも、だ!) みたいな感じで ... 続きを読む
なぜスクラムチームをスケールしたくなるのか - だいくしー(@daiksy)のはてなブログ
Nuxus, Scrum@Scale, LeSS, SAFeなど、スクラムチームをスケーリングする手法はたくさん存在する。 しかし、アジャイルコーチなどに、「スクラムをスケールするにはどうすればいいですか?」と聞くと「そもそもスケールをするな」と言われることもある。ぼくも基本的にはこれに同意する。 コンパクトな職能横断型のチー... 続きを読む
[CSS]レスポンシブ対応、フォントに適切なサイズをビューポートに基づいて自動計算して適用するスタイルシート | コリス
フォントに適切なサイズをブラウザのビューポートのサイズに基づいて、自動的に計算して適用するスタイルシート「RFS(Responsive Font Size)」を紹介します。 Sass, Less, Stylus, PostCSSなどのプリプロセッサやポストプロセッサ対応です。 RFS(Responsive Font Size) -GitHub RFS(Responsive Font Size)の特徴 RFS(R... 続きを読む
2018年、フロントエンドのデベロッパーがプロジェクトで使用しているCSS, JavaScriptのツールを調査 | コリス
フロントエンドのデベロッパーがプロジェクトで使用しているCSS, JavaScriptのツールについての調査結果を紹介します。 SassやLESS、BootstrapやFoundation、AutoprefixerやModernizr、BEMやCSS-in-JS、CSS GridやFlexbox、NPMやGulp、jQueryやReactやVue.js、WebpackやESLintなど、実際にどの... 続きを読む
CSSで変数(カスタムプロパティ)を使ってみよう | Webクリエイターボックス
2018年2月7日 CSS プログラミングではおなじみの変数。SassやLESSといったCSSプリプロセッサーをお使いの方もよく使うものですね。この一度定義しておけば繰り返し利用できる便利な変数が、CSSでも使えるようになりました!今回はCSS変数の使い方と注意点をまとめていきます! CSS変数とは? 公式では「カスケード変数のためのCSSカスタムプロパティ(CSS custom properti... 続きを読む
新しくなったBootstrap 4の基本テンプレート、ナビゲーション、コンポーネントのまとめ | コリス
2018年1月18日、Bootstrap 4の安定版がようやくリリースされました。 Bootstrap 4ではFlexboxが採用され、それに伴いFloatは取り除かれ、CSSのソースはLessからSassに変更され、CSSの主要な単位はpxからremに変わり、デフォルトのフォントサイズは大きくなり、サポートブラウザからIE8,9は外れました。 ※pxはメディアクエリとグリッドのみ。 新しくなった... 続きを読む
CSSの裏技20選を一挙紹介!【必見!コツをつかんで効率的にWebサイトをデザインする】|SeleQt【セレキュト】
フロント・エンドの開発はセレクター選択と最小コードによる迅速なローディングとレンダリングにおいて、ますます効率性に特化しています。 LessやSCSSといったプレ・プロセッサは仕事をする上で役立ちますが、自然なやり方で最小かつ手早くCSSを記述する方法は数多くあります。 このガイドは20ProCSSをカバーしており、レイアウト全体でスタイルの流れを標準化し、効率的なだけでなく多くの共通した問題も解... 続きを読む
Kazuho's Weblog: コマンド一発でソースコード検索&表示できる「peco」改が凄い!
lestrrat さんがやってくれました。 ずいぶん前から、ソースコードを検索して読みやすいコマンドはないかなーと思っていました。個人的にはackで検索して見つかったファイルをlessで開いて再びキーワードを入れて当該行までジャンプしていたのですが、毎回毎回めんどくさい感じでした。コマンド一発でインクリメンタル検索してキーワード周辺のソースコードを読めるツールが欲しいなぁって思ってたんです。 とあ... 続きを読む
Kazuho's Weblog: コマンド一発でソースコード検索&表示できる「peco」改が凄い!
lestrrat さんがやってくれました。 ずいぶん前から、ソースコードを検索して読みやすいコマンドはないかなーと思っていました。個人的にはackで検索して見つかったファイルをlessで開いて再びキーワードを入れて当該行までジャンプしていたのですが、毎回毎回めんどくさい感じでした。コマンド一発でインクリメンタル検索してキーワード周辺のソースコードを読めるツールが欲しいなぁって思ってたんです。 とあ... 続きを読む
Webデザイン初心者がランクアップするためのCSSのコツ10選|ferret [フェレット]
ブログ を始めたりホームページを自作したりするために勉強しはじめると、さらにデザインを凝ったものにしたくなります。 また、ある程度カスタマイズが進めば、表示速度をもっと早くしたり、より短いコードでコーディングしたりしたくなります。 そこで必ず話題に上るのが、 CSS です。 もちろん、LessやSassのような CSS プリプロセッサー(関数を使ったりしてプログラミングコードのように書くことができ... 続きを読む
あなたの知らない less の世界 - Qiita
最近 prezto 入れたんですよ。prezto。そしたらいつものシェル世界が見違えるほど使いやすくなって身長も 3 メートルくらい伸びたんですが、それは余談でして、prezto 入れた後に less 使ってみたら余りの変わりっぷりに驚いたんです。 これを機に man page を読み直してみたら更に驚き。less ってこんなスゴイ物だったのか!みたいな。今回はそんな less の底力を紹介します... 続きを読む
総行数57,000の巨大CSS群をLessに書き換えた軌跡 - mixi Engineers' Blog
2015 - 12 - 20 総行数57,000の巨大CSS群をLessに書き換えた軌跡 CSS CSSプリプロセッサ mixi LESS こんにちは!フロントエンド闇祓いの Kuniwak です。 この投稿は mixiグループ Advent Calendar 2015 の20日目の記事です。 今年の9月に、スマートフォン Web ブラウザ版 mixi「mixi Touch」の巨大 CSS を L... 続きを読む
Linux - エンジニアなら知っておきたい lessコマンドtips 11選 - Qiita
タイトルはかなり挑戦的(?)ですがあまり気にしないでください。 ※注意 このエントリで紹介しているオプション、コマンドはCentOSでしか動作確認をしていません。 その他ディストリビューションや、インストール方法によっては挙動が異なる場合があります。 「less」 使ってますか? エンジニアなら普段Linuxに触る機会が多々あるかと思います。 エンジニアのみならずMacだったりUbuntuだったり... 続きを読む
Bootstrap 4 alphaの主な特徴、IE8のサポート終了、Sassに移行、CSSの単位はremとem採用 | コリス
2015年8月19日(Bootstrap誕生4周年)にリリースされた、Bootstrap 4 alphaの主な特徴を紹介します。 IE8のサポート終了、Sassに移行、CSSの単位はremとem採用など、かなり変更されています。 Bootstrap 4 alpha 上記の公式ブログに主な特徴が掲載されていたので、ざっと意訳しました。 LessからSassに移行 コンパイラにはlibSassを使用。... 続きを読む
ターミナルの表示が崩れたときの対処法
ターミナルの表示が崩れたときの対処法 Jul 23, 2010 • clouder よくターミナルで、catとかlessとかファイルなどを見たときに2バイト文字が化けて出力されて以降にlsなどの出力がガタガタになるときありますよね。 あれ、ないですか?それは幸せですね。 僕はよくあるんですけど、そういうときの対処法を昔だれかに聞いて、それ以来この状態になるとずっと今回紹介する技を使ってきています。... 続きを読む
自分のHTMLやCSSのコーディング環境がベストか見直してみよう!作業を効率化する技術やツールの導入・使い方がよく分かるオススメの本 | コリス
SassやLESSなどのCSSプリプロセッサ、OOCSSやBEMを使ったCSSの設計、Gitでのバージョン管理、gulpを使ったタスクランナー、Bootstrapなどのフレームワークの導入など、ここ数年でコーディング業界にさまざまな新しい技術やツールが登場しました。 なんだか便利そうなのは分かるけど、どこから手をつければよいのか分からない。似たようなものがあるけど、どれが自分にあっているのか? コ... 続きを読む
Lessの便利な使い方
最近Stop using tail -f (mostly)や「tail -f」を使うのは情弱、情強は「less +F」を使うなどless押しな記事が幾つか上がっているんだけど、タイトルが煽り気味なのか若干反感を呼んでいるようなのでless派が職場で形見の狭い思いをしないようにもう少し便利な使い方を紹介したい。 tail -fの様なScroll forward less +Fで起動またはless起動... 続きを読む
「tail -f」を使うのは情弱、情強は「less +F」を使う
ログファイルの監視に「tail -f」コマンドを使っている方は多いかもしれません。ファイルの末尾を表示する「tail」コマンドに、ファイル末尾に追加されたデータを追跡表示する「-f」オプションを指定することで、手軽にログの監視ができる便利なコマンドです。 しかし最近、「tail -f」より便利なコマンドとして「less +F」の使用を推奨するブログ記事「Stop using tail -f (mo... 続きを読む
gulpで依存関係を考慮した自動コンパイル - Hatena Developer Blog
2014-12-21 gulpで依存関係を考慮した自動コンパイル こんにちは、シニアアプリケーションエンジニアのid:taraoです。はてなエンジニアアドベントカレンダー2014の21日目として、依存先のファイルが更新されたらコンパイルしなおす処理をgulpで実現する方法について、とくにLessを例にとって紹介します。 はてなでは、JavaScriptやCSSなどの静的ファイルをTypeScrip... 続きを読む
WebStorm、PhpStorm、RubyMine、PyCharm、IntelliJ IDEA、AppCodeなどでコードをなるべく楽に綺麗に書くための機能紹介 3つ #jbugj - #侍ズム
コツなんて必要ありません。普通にIntelliJ IDEAでコードを書いていれば綺麗になります。 1. コードフォーマット 特にプラグインとか入れる必要はない。最初からScala、Java、ActionScript、CFML、CoffeeScript、CSS、Groovy、HAML、HTML、JavaScript、JSP、LESS、SCSS、SQL、TypeScript、XML、Yamlなどのコー... 続きを読む
ブラウザゲームでUnixコマンドを覚えられる『Terminus』 | IDEA*IDEA
嫌いじゃない感じ。いいですね、これ。ゲームをしながら「cd」や「less」、「pwd」などを覚えられます。 ↑ ちゃんと右側にそれっぽいグラフィックが現れます。 ↑ 使えるコマンドは限られてはいますが。 コマンドラインがどうにも・・・という方はいかがでしょ? » Terminus 続きを読む
Startup用ウェブサイトが作成できるPSDからHTML/CSS/JSまでセットになったフレームワーク -Startup Design Framework | コリス
Startup用ウェブサイトでよく見かける1ページで構成されたさまざまなレイアウト、コンポーネントが用意されたPSDから、HTML/CSS(LESSも)/JavaScriptまでセットになったフレームワークを紹介します。 デザイナーもコーダーも、そしてディレクターもダウンロードしておいて損はないでしょう! Startup Design Framework Startup Design Framew... 続きを読む
[CSS]半透明のパネルを使って、画像にキャプションをかっこよく表示する12種類のスタイルシート -InContent | コリス
スタイルシート初心者でも簡単に実装できる、classを加えるだけで画像にキャプションをさまざまなアニメーションを使って表示するスタイルシート(LESSも有り)を紹介します。 ↓この画像をホバーしてみてください。 InContent classを加えるだけでキャプションを表示します! InContent InContent -GitHub InContentのデモ InContentの使い方 InC... 続きを読む
Gruntで始めるWeb制作の自動化 - to-R
Grunt.jsとはWeb制作の様々なタスクを自動化してくれるツールです。 node.jsで開発されており、Sass/CompassやLessなどのCSSプリプロセッサーのコンパイルやCSS/JSの結合圧縮、JSHintによるバリデーションなど様々なタスクを自動で行ってくれます。 インストール まずはnode.jsをインストールします。公式サイトでインストーラーが配布されていますので簡単にインスト... 続きを読む
SassというCSSコーディングを身につけよう!in Coda2!!超簡単な僕のSass覚書。
半年ほど前から良く話題になるSassとかLessとかってなんだろうなーって思いつつめんどくさそうだからこの手の記事は回避していました。 ですが、いつものようにTwitterでつぶやいていたらSassかなり良いよって言われて 「へーそうなんだ〜」と興味を持ち始めて 少しずつですが記事を読みあさりながらSassってこうゆう感じなんだーっていうのが掴みかけてきたので記事にしたいと思います。 目次 Sas... 続きを読む