n2sのブックマーク / 2018年4月4日 - はてなブックマーク

n2s id:n2s

2018年4月4日のブックマーク (4件)

[CSS]「display: contents;」がすごい便利！ラッパーを使った実装が大きく変わるこれからのテクニック
例えばカードで、見出しが1行・3行、本文の量が多かったり少なかったりする場合、それぞれの高さを揃えるのは非常に難しく、かなりトリッキーな実装が必要でした。もしくは、JavaScriptを使用しなくてはできなかった実装です。こういったレイアウトをセマンティックなHTMLで実装できるようになるdisplay: contents;の基礎知識と使い方を紹介します。 How display: contents; Works 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。【更新】 2021/9/4: 現在の環境に合わせて、内容をアップデートしました。まずはおさらい、CSSのボックスモデル「display: contents;」を使用すると、どうなるか「display: contents;」について詳しく解説「display:
n2s 2018/04/04
CSS

あとで読む
リンク
@supports - CSS: カスケーディングスタイルシート | MDN
CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル背景と境界書字方向の操作内容のはみ出し CSS の値と単位 CSS における大きさの指定画像、メディア、フォームの要素表のスタイル付け CSS のデバッグ CSS の整理評価課題: CSS の基本的な理解度評価課題: 素敵なレターヘッドの便箋の作成評価課題: かっこいいボック
n2s 2018/04/04
IE以外がサポート。なんとOpera 12(Presto)でもサポート済みだった。

CSS
リンク
Ruby の lazy loading の仕組みを利用して未使用の gem を探す - クックパッド開発者ブログ
技術部開発基盤グループのシム(@shia)です。最近は cookpad のメインレポジトリを開発しやすい環境に改善するために様々な試みをしています。この記事ではその試みの一つとして不要な gem を検出し、削除した方法を紹介したいと思います。背景 cookpad は10年以上にわたって運用されている巨大なウェブアプリケーションです。巨大かつ古いアプリケーションには昔は使っていたが、現在は使われてない依存性などが技術負債として溜まっています。事業的観点から技術的負債を完全返却するのはコストとのバランスが悪いことも多いです。これは20万行を超えるプロジェクトを幾つも抱えている cookpad のメインレポジトリも例外ではなく、その規模から使ってないと思われる依存性を探しだすのも大変な状況でした。どうするか人が頑張るより機械に頑張らせたほうが楽ができるし、何より確実です。ですの
n2s 2018/04/04
Ruby
リンク
関数の話 - ( ꒪⌓꒪) ゆるよろ日記
こんにちは、しいたけです。某所で関数型プログラミングとはリスト処理のことなのか、と燃えているのを見て、関数型プログラミングとは何か、ということを自分なりの考えを述べたいと思いました。春なので。この資料は2年ほど前にSupershipの社内勉強会で使ったものですが、この中で関数とオブジェクトを対比している箇所があります。関数もオブジェクトも、変数や関数の引数戻り値として扱える第1級の値であり、状態を持ち(メンバー変数/クロージャ)、組み合わせが可能(delegate, composition/関数合成)、である、と。ではオブジェクト指向と関数型プログラミングで何が決定的に異なるかというと、設計・実装のアプローチに何を中心に据えるか、ということだと思います。オブジェクト指向では、クラス・オブジェクトをモデリングし、各種のオブジェクト指向的デザインパターンを用いてオブジェクト同士を組み
n2s 2018/04/04
関数型
リンク
- 2018年4月5日
- 2018年4月4日
- 2018年4月3日