英文法の比較級がすげえ苦手で苦戦してるんだけど

2023/03/19 127 users 英文法 比較級 than not 心情

比較級に関する慣用表現に関してはどうしても思考が迂回する no less than ←(えーと……noは凄く強い否定で……lessの真逆くらいの勢いの、しかも心情がこもったような意味になるから……～もの、だ) not less than←(えーと……notはnoほど否定の度合いが強くないから……lessを否定してるから……少なくとも、だ！) みたいな感じで ... 続きを読む

なぜスクラムチームをスケールしたくなるのか - だいくしー(@daiksy)のはてなブログ

2021/02/05 132 users daiksy Scrum@Scale safe スクラム チー

Nuxus, Scrum@Scale, LeSS, SAFeなど、スクラムチームをスケーリングする手法はたくさん存在する。 しかし、アジャイルコーチなどに、「スクラムをスケールするにはどうすればいいですか？」と聞くと「そもそもスケールをするな」と言われることもある。ぼくも基本的にはこれに同意する。 コンパクトな職能横断型のチー... 続きを読む

2018年、フロントエンドのデベロッパーがプロジェクトで使用しているCSS, JavaScriptのツールを調査 | コリス

2018/05/15 107 users コリス デベロッパー npm Webpack CSS

フロントエンドのデベロッパーがプロジェクトで使用している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/02/07 137 users Sass CSSプリプロセッサー カスタムプロパティ 変数

2018年2月7日 CSS プログラミングではおなじみの変数。SassやLESSといったCSSプリプロセッサーをお使いの方もよく使うものですね。この一度定義しておけば繰り返し利用できる便利な変数が、CSSでも使えるようになりました！今回はCSS変数の使い方と注意点をまとめていきます！ CSS変数とは？ 公式では「カスケード変数のためのCSSカスタムプロパティ（CSS custom properti... 続きを読む

新しくなったBootstrap 4の基本テンプレート、ナビゲーション、コンポーネントのまとめ | コリス

2018/01/30 162 users コリス コンポーネント rem ナビゲーション Sass

2018年1月18日、Bootstrap 4の安定版がようやくリリースされました。 Bootstrap 4ではFlexboxが採用され、それに伴いFloatは取り除かれ、CSSのソースはLessからSassに変更され、CSSの主要な単位はpxからremに変わり、デフォルトのフォントサイズは大きくなり、サポートブラウザからIE8,9は外れました。 ※pxはメディアクエリとグリッドのみ。 新しくなった... 続きを読む

Kazuho's Weblog: コマンド一発でソースコード検索＆表示できる「peco」改が凄い！

2017/03/03 772 users peco Ack インクリメンタル lestrrat コマンド

lestrrat さんがやってくれました。 ずいぶん前から、ソースコードを検索して読みやすいコマンドはないかなーと思っていました。個人的にはackで検索して見つかったファイルをlessで開いて再びキーワードを入れて当該行までジャンプしていたのですが、毎回毎回めんどくさい感じでした。コマンド一発でインクリメンタル検索してキーワード周辺のソースコードを読めるツールが欲しいなぁって思ってたんです。 とあ... 続きを読む

Kazuho's Weblog: コマンド一発でソースコード検索＆表示できる「peco」改が凄い！

2017/03/03 769 users peco Ack インクリメンタル lestrrat コマンド

lestrrat さんがやってくれました。 ずいぶん前から、ソースコードを検索して読みやすいコマンドはないかなーと思っていました。個人的にはackで検索して見つかったファイルをlessで開いて再びキーワードを入れて当該行までジャンプしていたのですが、毎回毎回めんどくさい感じでした。コマンド一発でインクリメンタル検索してキーワード周辺のソースコードを読めるツールが欲しいなぁって思ってたんです。 とあ... 続きを読む

Webデザイン初心者がランクアップするためのCSSのコツ10選｜ferret [フェレット]

2017/03/01 106 users Sass Ferret フェレット CSS 関数

ブログ を始めたりホームページを自作したりするために勉強しはじめると、さらにデザインを凝ったものにしたくなります。 また、ある程度カスタマイズが進めば、表示速度をもっと早くしたり、より短いコードでコーディングしたりしたくなります。 そこで必ず話題に上るのが、 CSS です。 もちろん、LessやSassのような CSS プリプロセッサー(関数を使ったりしてプログラミングコードのように書くことができ... 続きを読む

あなたの知らない less の世界 - Qiita

2016/10/04 631 users Qiita 底力 余談 メートル 変わりっぷり

最近 prezto 入れたんですよ。prezto。そしたらいつものシェル世界が見違えるほど使いやすくなって身長も 3 メートルくらい伸びたんですが、それは余談でして、prezto 入れた後に less 使ってみたら余りの変わりっぷりに驚いたんです。 これを機に man page を読み直してみたら更に驚き。less ってこんなスゴイ物だったのか！みたいな。今回はそんな less の底力を紹介します... 続きを読む

総行数57,000の巨大CSS群をLessに書き換えた軌跡 - mixi Engineers' Blog

2015/12/19 221 users Kuniwak CSS 軌跡 mixi mixi Touch

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

2015/09/11 666 users CentOS Qiita エントリ Linux 挙動

タイトルはかなり挑戦的(?)ですがあまり気にしないでください。 ※注意 このエントリで紹介しているオプション、コマンドはCentOSでしか動作確認をしていません。 その他ディストリビューションや、インストール方法によっては挙動が異なる場合があります。 「less」 使ってますか? エンジニアなら普段Linuxに触る機会が多々あるかと思います。 エンジニアのみならずMacだったりUbuntuだったり... 続きを読む

ターミナルの表示が崩れたときの対処法

2015/06/03 161 users ターミナル Clouder 対処法 cat 出力

ターミナルの表示が崩れたときの対処法 Jul 23, 2010 • clouder よくターミナルで、catとかlessとかファイルなどを見たときに2バイト文字が化けて出力されて以降にlsなどの出力がガタガタになるときありますよね。 あれ、ないですか？それは幸せですね。 僕はよくあるんですけど、そういうときの対処法を昔だれかに聞いて、それ以来この状態になるとずっと今回紹介する技を使ってきています。... 続きを読む

Lessの便利な使い方

2015/04/06 699 users tail Mostly 形見 Stop using 情弱

最近Stop using tail -f (mostly)や「tail -f」を使うのは情弱、情強は「less +F」を使うなどless押しな記事が幾つか上がっているんだけど、タイトルが煽り気味なのか若干反感を呼んでいるようなのでless派が職場で形見の狭い思いをしないようにもう少し便利な使い方を紹介したい。 tail -fの様なScroll forward less +Fで起動またはless起動... 続きを読む

「tail -f」を使うのは情弱、情強は「less +F」を使う

2015/04/01 827 users tail ログファイル 末尾 Stop using コマンド

ログファイルの監視に「tail -f」コマンドを使っている方は多いかもしれません。ファイルの末尾を表示する「tail」コマンドに、ファイル末尾に追加されたデータを追跡表示する「-f」オプションを指定することで、手軽にログの監視ができる便利なコマンドです。 しかし最近、「tail -f」より便利なコマンドとして「less +F」の使用を推奨するブログ記事「Stop using tail -f (mo... 続きを読む

Startup用ウェブサイトが作成できるPSDからHTML/CSS/JSまでセットになったフレームワーク -Startup Design Framework | コリス

2013/12/18 156 users コリス psd フレームワーク コーダー CSS

Startup用ウェブサイトでよく見かける1ページで構成されたさまざまなレイアウト、コンポーネントが用意されたPSDから、HTML/CSS(LESSも)/JavaScriptまでセットになったフレームワークを紹介します。 デザイナーもコーダーも、そしてディレクターもダウンロードしておいて損はないでしょう！ Startup Design Framework Startup Design Framew... 続きを読む

[CSS]半透明のパネルを使って、画像にキャプションをかっこよく表示する12種類のスタイルシート -InContent | コリス

2013/12/10 371 users コリス キャプション 半透明 Inc CSS

スタイルシート初心者でも簡単に実装できる、classを加えるだけで画像にキャプションをさまざまなアニメーションを使って表示するスタイルシート(LESSも有り）を紹介します。 ↓この画像をホバーしてみてください。 InContent classを加えるだけでキャプションを表示します！ InContent InContent -GitHub InContentのデモ InContentの使い方 InC... 続きを読む

Gruntで始めるWeb制作の自動化 - to-R

2013/08/27 268 users Sass JSHint Grunt CSSプリプロセッサー

Grunt.jsとはWeb制作の様々なタスクを自動化してくれるツールです。 node.jsで開発されており、Sass/CompassやLessなどのCSSプリプロセッサーのコンパイルやCSS/JSの結合圧縮、JSHintによるバリデーションなど様々なタスクを自動で行ってくれます。 インストール まずはnode.jsをインストールします。公式サイトでインストーラーが配布されていますので簡単にインスト... 続きを読む

SassというCSSコーディングを身につけよう!in Coda2!!超簡単な僕のSass覚書。

2013/06/17 172 users Twitter Sass CSSコーディング 半年 興味

半年ほど前から良く話題になるSassとかLessとかってなんだろうなーって思いつつめんどくさそうだからこの手の記事は回避していました。 ですが、いつものようにTwitterでつぶやいていたらSassかなり良いよって言われて 「へーそうなんだ〜」と興味を持ち始めて 少しずつですが記事を読みあさりながらSassってこうゆう感じなんだーっていうのが掴みかけてきたので記事にしたいと思います。 目次 Sas... 続きを読む

昨今のWebアプリケーションのひな形その2 - Grunt - naoyaのはてなダイアリー

2013/05/04 249 users naoya Grunt teppeis Yeoman SCSS

昨日の続き。こういうアプリケーションのテンプレートを管理するのに便利な仕組みはないですかねーと言っていたら @teppeis さんや @omo2009 さんに Grunt や Yeoman はどうかと教えてもらった。Grunt はユースケースとしては JavaScript の連結や圧縮、SCSS/LESS なんかのメタ言語のコンパイルをするもの、つまり rake なんかと同じようなものと以前にチラ... 続きを読む

CSSのみとSass/SCSS、Lessに対応したレイアウト系CSSフレームワークについて調べて表にしてみた ｜ Developers.IO

2013/03/21 119 users Sass SCSS 野中 CSS Developers.IO

CSSレイアウトフレームワーク CSSのみとSass/SCSS、Lessに対応したレイアウト系CSSフレームワークについて調べて表にしてみた NEW: 2013年03月21日 みなさまこんにちわ。 Webサイト高速化やSCSSの連載を書いている野中です。 そういえばGoogle Readerが終了するとのことでとても残念ですね。 読者のみなさまも次に引っ越し先のツール探しで忙しいところだと思います... 続きを読む

ワンクリックでHTMLからCSS/LESS/SASSを自動生成してくれる『OneClickCSS』 | IDEA*IDEA

2013/01/07 147 users セレクタ Sass OneClickCSS IDEA CSS

他にも似たようなツールがあるかとは思いますが、シンプルで使いやすかった＆なかの人からリリースもらったのでご紹介。HTMLからスタイルシート（のセレクタ）を自動生成してくれるツールですね。 ↑ LESS/SASSにも対応しているのがいいですね。 ↑ 左側に貼り付けると右側に生成してくれます。 最初に構造だけ書いちゃってあとからスタイル書きたい時に便利かもですね。知っておいても損はないかと思います。 ... 続きを読む

OneClickCSS

2013/01/07 340 users OneClickCSS SCSS Sass HTMLソース

OneClickCSSはHTMLコードを元に、様々なStyleSheetを自動生成するサービスです。子孫セレクタ、小セレクタ、Less、Sacc、Scssを１クリックで自動生成します。What's this? HTMLソースをもとに、id,class名CSS、子孫セレクタCSS、子セレクタCSS、LESS、SASS、SCSSを自動生成するオンラインサービスです。 従来のHTMLコーディグを強力にサ... 続きを読む

Bootstrapのアイコンセットを拡張できる『Elusive icons』 | IDEA*IDEA

2012/12/30 105 users アイコンセット Bootstrap IDEA 再コンパイル

これはメモしておかんと。Bootstrapのアイコンセットを拡張できるアイコンですよっと。 ↑ ソーシャル系アイコンとか。 ↑ その他のアイコンも充実。 導入がちと面倒ですが（LESSで再コンパイルしたり）、それだけの価値はあるのではないかと思います。詳細は以下からどうぞ。 » Elusive icons, an icons font designed for use with Bootstrap 続きを読む

HTML5 × CSS3 × jQueryを真面目に勉強してみる – #4 LESS ｜ クラスメソッド開発ブログ

2012/10/02 357 users 毛色 CSS ハードル 拡張メタ言語 HTML

そんな訳で、拡張メタ言語の中でも特にハードルの低いだろうLESSに触れてみることにしました。 拡張メタ言語 – LESS メタと称されるだけあって、LESSはHTMLやCSS、JavaScriptといった類の言語とは毛色が違います。そういった言語によって記述されたソースコードと同じ意味（機能）を持ちながら、より簡略的に表現できるようにしたための言語というわけです。 念のため分かりやすく補足しておき... 続きを読む

ASCII.jp：CSSの記述が3倍速くなる「LESS」の使い方

2012/02/09 778 users jQuery Sass mootools Blueprint

最近のWebサイトは大規模傾向にあり、Webアプリケーションを構築する機会も増えてきました。jQueryやMooToolsなど、JavaScriptを手軽に利用できるようにするライブラリーが普及する一方、Webサイトの表示を担うCSSにも、「Blueprint」や「960 Grid System」に代表されるフレームワークが登場しています。 「LESS」や「Sass」のようなCSS拡張メタ言語は、... 続きを読む