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

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

[CSS]レスポンシブ対応、フォントに適切なサイズをビューポートに基づいて自動計算して適用するスタイルシート | コリス

2019/02/18 91 users ビューポート コリス RFS プリプロセッサ Stylus

フォントに適切なサイズをブラウザのビューポートのサイズに基づいて、自動的に計算して適用するスタイルシート「RFS（Responsive Font Size）」を紹介します。 Sass, Less, Stylus, PostCSSなどのプリプロセッサやポストプロセッサ対応です。 RFS(Responsive Font Size) -GitHub RFS(Responsive Font Size)の特徴 RFS(R... 続きを読む

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はメディアクエリとグリッドのみ。 新しくなった... 続きを読む

CSSの裏技20選を一挙紹介！【必見！コツをつかんで効率的にWebサイトをデザインする】｜SeleQt【セレキュト】

2017/06/12 91 users SCSS SeleQt セレキュト ローディング レンダリング

フロント・エンドの開発はセレクター選択と最小コードによる迅速なローディングとレンダリングにおいて、ますます効率性に特化しています。 LessやSCSSといったプレ・プロセッサは仕事をする上で役立ちますが、自然なやり方で最小かつ手早くCSSを記述する方法は数多くあります。 このガイドは20ProCSSをカバーしており、レイアウト全体でスタイルの流れを標準化し、効率的なだけでなく多くの共通した問題も解... 続きを読む

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だったり... 続きを読む

Bootstrap 4 alphaの主な特徴、IE8のサポート終了、Sassに移行、CSSの単位はremとem採用 | コリス

2015/08/20 55 users rem alpha Sass コリス Bootstrap

2015年8月19日（Bootstrap誕生4周年）にリリースされた、Bootstrap 4 alphaの主な特徴を紹介します。 IE8のサポート終了、Sassに移行、CSSの単位はremとem採用など、かなり変更されています。 Bootstrap 4 alpha 上記の公式ブログに主な特徴が掲載されていたので、ざっと意訳しました。 LessからSassに移行 コンパイラにはlibSassを使用。... 続きを読む

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

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

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

自分のHTMLやCSSのコーディング環境がベストか見直してみよう！作業を効率化する技術やツールの導入・使い方がよく分かるオススメの本 | コリス

2015/04/28 93 users コリス BEM Git Sass Gulp

SassやLESSなどのCSSプリプロセッサ、OOCSSやBEMを使ったCSSの設計、Gitでのバージョン管理、gulpを使ったタスクランナー、Bootstrapなどのフレームワークの導入など、ここ数年でコーディング業界にさまざまな新しい技術やツールが登場しました。 なんだか便利そうなのは分かるけど、どこから手をつければよいのか分からない。似たようなものがあるけど、どれが自分にあっているのか？ コ... 続きを読む

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... 続きを読む

gulpで依存関係を考慮した自動コンパイル - Hatena Developer Blog

2014/12/21 79 users Gulp TypeScrip CSS 静的ファイル ファイル

2014-12-21 gulpで依存関係を考慮した自動コンパイル こんにちは、シニアアプリケーションエンジニアのid:taraoです。はてなエンジニアアドベントカレンダー2014の21日目として、依存先のファイルが更新されたらコンパイルしなおす処理をgulpで実現する方法について、とくにLessを例にとって紹介します。 はてなでは、JavaScriptやCSSなどの静的ファイルをTypeScrip... 続きを読む

WebStorm、PhpStorm、RubyMine、PyCharm、IntelliJ IDEA、AppCodeなどでコードをなるべく楽に綺麗に書くための機能紹介 3つ #jbugj - #侍ズム

2014/08/15 52 users PhpStorm RubyMine WebStorm 侍ズム

コツなんて必要ありません。普通にIntelliJ IDEAでコードを書いていれば綺麗になります。 1. コードフォーマット 特にプラグインとか入れる必要はない。最初からScala、Java、ActionScript、CFML、CoffeeScript、CSS、Groovy、HAML、HTML、JavaScript、JSP、LESS、SCSS、SQL、TypeScript、XML、Yamlなどのコー... 続きを読む

ブラウザゲームでUnixコマンドを覚えられる『Terminus』 | IDEA*IDEA

2014/01/06 97 users terminus pwd IDEA コマンドライン コマンド

嫌いじゃない感じ。いいですね、これ。ゲームをしながら「cd」や「less」、「pwd」などを覚えられます。 ↑ ちゃんと右側にそれっぽいグラフィックが現れます。 ↑ 使えるコマンドは限られてはいますが。 コマンドラインがどうにも・・・という方はいかがでしょ？ » Terminus 続きを読む

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... 続きを読む