postcss-round-float
多くのCSSプリプロセッサーは四則演算機能を持っている。その利用の結果、CSSファイルにはほとんど意味のない桁数の小数が散在することになる。postcss-round-floatパッケージはそういった四捨五入を行うPostCSSプラグインだ。 今のところ定義の値やメディア・クエリーに出てくる小数のみを処理する。デフォルトでは3桁に四捨五入する。つまり、 @media (min-width: 33.33333rem) { .foo { width: 16.66667rem; } } は、 @media (min-width: 33.333rem) { .foo { width: 16.667rem; } } と、なる。 もちろんCSSプリプロセッサーには小数の四捨五入を行うオプションがある。しかしこういった最適化(の中でも最小化に近い)に属する処理は、CSSファイルの作成に必須ではないと考え
三点リーダーによる省略を複数行へ対応させる必要性
今のところ独自実装(SafariとChromeは古いFlexbox実装に基づいて独自拡張したもの、古いOperaはプリフィックス付きの値)しかない複数行に対応したtext-overflow: ellipsisだが、それを求める意見は多く見る。僕も欲しい派であったが、本当に必要なのかどうかという疑問がわいた。 三点リーダーを使った複数行の省略を使いたいケースとしては、見出しと概要をセットにしたニュースの一覧くらいしかないように思う。この数少ないユースケースでも三点リーダーにこだわる必要はなさそうだ。 Demo: Multiline Ellipsis-like Design デモでは三点リーダーの代わりに→を使っている。text-overflowプロパティーを使うような場合と違い、常に各ブロックの右下に表示されるが、この矢印のような完全なページがあることを示すアイコンや文字列は必要で、常に表示
RSCSS というCSS設計について - Qiita
以下、ブログに書いたのとほぼおなじ内容だけどこっちにも転載してみます。 github: https://github.com/rstacruz/rscss githubのREADMEをドキュメント化したもの: http://ricostacruz.com/rscss/index.html （このドキュメント自体がRSCSSの実践例になってる） しばらく CSS とか追ってなかったので、触るにあたって「むやみにCSS書いてたら後で確実に死ぬし、そういえばなんかOOCSSとかあったな」と思っていろいろ調べてたら OOCSS の他にも SMACSS とか BEM とか SuitCSS とか FLOCSS とかなんかいろいろ出てきて大変でした。たしか SMACSS くらいまでは記憶があるんだけど…。 で、どうもどれもしっくり来ないのでさらに調べてみると RSCSS というものを発見。「フレームワー
『ヒメアノ～ル』 すきなものだけでいいです
あらすじ・・・ 夢も目標も意欲も何もない無気力な若者たちが、コントロール不可な「愛情」という本能に振り回されて、求めても叶わぬものに執着したり、応えたら厄介になるであろうものを受け入れたり、腰を振ったり鉄パイプを振ったり髪を剃ったりします。 わたしは普段から割と簡単に、「絶望」という言葉を口にしてしまいがちなのだけれど、果たして本当の「絶望」を知っているのだろうかというと、自信はない。 もちろん、自信がないということは幸せなのだ。 というか、自信がない方がいいのだ。 「絶望」、つまり全ての望みが絶たれた状態。 その言葉を受け入れた先には、どんな世界が広がっているのだろうか。 いや、広がってなどいないのかもしれない。 それでも生きてさえいればふとした瞬間ごくごく僅かにでも芽生えそうになる、はかない「光」をひたすら内へ内へと吸い込んで、自分やその周囲を真っ黒な色に塗りつぶしてしまう、ブラックホ
約物Webフォント「約猫」（YakuCalt） – ものかの
前回の記事で約物合字Webフォント「YakuLiga」を公開しました。全角約物が連続したときのアキを調整するフォントです。このフォントは合字機能の限界から以下の欠点があります。 約物の種類がとても少ない。 約物が連続で並ぶ個数を３個までに制限している。 そして前回の記事では最後に、この欠点を解決した新たなフォントの存在を予告しました。ここで本命の約物Webフォントを公開します！ 約猫明朝／約猫ゴシック https://github.com/monokano/Fonts 公開当初（v1.013）はSafariで表示の崩れがありましたが、v1.014で解決しました。 （全角約物や全角スペースを入力してみましょう） 縦組サンプル 約物を約猫明朝使用｜通常のフォントのみ 句読点や括弧などが連続したときのアキを自動的に調整します。 収録文字一覧 連続で並ぶ個数に制限はありません。 英語名は「Yaku
word-breakとword-wrapはややこしい
Updated 2015.01.13 / Published 2015.01.13 word-break:break-all;は一切の禁則処理を解除し、どの文字の間でも改行するため、単語の途中や括弧の直前・直後で折り返したり、句読点が行頭にきてしまうことなどがあることから折り返しの制御には好ましくないとされています。望ましい折り返しの制御をしてくれるword-wrap:break-word;(overflow-wrap:break-word;)の用法について紹介します。 折り返しを制御する2つのCSSプロパティ 幅の狭い領域で長い英単語や長いURLの途中で折り返しを制御できるCSSプロパティは、特にスマートフォンなどの小さなディスプレイサイズ向けへの対応を考慮してよく用いられるようになってきています。ただし、CSS3には折り返しを制御できるCSSプロパティが2つ存在し、とてもややこしいので
2016年決定版!! マーケティング関連タグの計測精度を上げるテクニック | 株式会社プリンシプル
こんにちは。エンジニアの佐藤です。 前回の記事に想像より反響があり、嬉しい限りです！ エンジニアチームから「佐藤さんってマニアックなネタ好きですよね」という声が挙がっているので、 期待（？）に応え、マニアックなネタを書こうと思います。 前置きはさておき、 今回は主にマーケターの方にはお馴染みのYahoo!スポンサードサーチやGoogleAdWordsのコンバージョンタグ（＝以下、CVタグ）、計測関連のタグ全般についてのお話です。 社内でPPC運用チームと会話をしていると、時々、CVの実績値が他のツールの実績値とずれるという意見を耳にします。 目的のページにタグを正常に埋め込んでいるのにCVがずれる、という不思議な現象は、皆さんもご経験があるのではないでしょうか。 数値がずれる原因 まず、ずれる原因ですが、正常に計測されていない事が考えられるので、 ・適切なタグを設置していない ・SSLエラ
ご意見番に聞く、「良質なコンテンツが一番のSEO」って本当ですか？ | HRナビ by リクルート
ウェブにはSEOの情報が氾濫している。しかし、どれが正しいのかは、いまいちわからない。最近では「良質なコンテンツを提供するのが一番のSEO対策」という論調が主流になっているが、一方でSEOのテクニックがシェアされる様子もまだ見かける。 良質なコンテンツを提供すれば、SEOの対策はしなくてもいいの？ 一体、正しいSEOって何？ そんな素朴な疑問を、株式会社so.la代表でSEO専門家の辻正浩さんにぶつけてみた。 辻さんは普段からTwitterやブログなどでSEO情報を発信しており、日本でおこなわれる全検索のうち約2.5％は、辻さんが仕事で関わるサイトがクリックされているとのこと。 最近では悪質なSEO業者と熱いバトルを繰り広げたことも記憶に新しい。 そんな“SEOのご意見番”である辻さんの返事は「世の中の99％のサイトは、SEOなんて考えなくてもいいんじゃないでしょうか」というもの。その真意
『道徳感情はなぜ人を誤らせるのか』悲劇への道は、共感の心で敷き詰められている - HONZ
SNSに功罪はあれど、「共感をベースにした評判社会」という言葉には何か否定できないものがある。他人の喜びや悲しみといった感情に寄り添うことができ、周囲からどのように思われているか可視化される状態であれば、さぞかし理想的な社会になるはずだ。 しかし、実態はどうだろうか。人々のつながりは誹謗中傷や負の感情を運ぶ時の方が勢いが強く、よりスキャンダラスな方向へと向かっているような印象も受ける。ならば、世の中は「共感をベースにした評判社会」とは違う方向へ進んでいるのだろうか？ 本書はこのような疑問に対して、明快に回答する。むしろ、これは共感をベースにしているからこその動きであると説くのだ。驚くのはそのメカニズムを、1942年と1950年に起きた2つの冤罪事件（浜松事件と二俣事件）、そして1759年に出版されたアダム・スミスの『道徳感情論』という2種類の要素から解き明かしていることだ。 なぜ、SNSな
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
ピクセルグリッドのフォント選定と実装のプロセス | 第1回 フォント選定の準備
ピクセルグリッドのフォント選定と実装のプロセス 第1回 フォント選定の準備 OSやブラウザのバージョンアップが進み、サイトで利用できるフォントに変化が出ています。このシリーズでは、ピクセルグリッドのコーポレートサイトリニューアルを例に、フォント選定と実装のプロセスを解説します。まずは、フォントを選定する前に考えておくことを紹介します。 はじめに このシリーズでは、2016年4月にリニューアル公開されたピクセルグリッドのコーポレートサイトで指定されているフォントの選定と実装を紹介します。フォントの選定についてはピクセルグリッドのUIデザイナーの小原が、フォントの実装についてはフロントエンド・エンジニアの山田が執筆を担当します。 時代に合わせたフォント選択の必要性 まず、改めてフォントを選定することになったきっかけについて説明します。 普段、日本語サイトのデザインなりUIデザインなりを行う場合
『サイバーエージェント新卒エンジニア技術研修2016』
みなさんこんにちは。 技術組織戦略G & 技術内閣の板敷です。 普段はAmebaのシステム障害の火消し → 障害対策ならびにエンジニアの育成評価等をしています。 今回は、先日終了したサイバーエージェント新卒エンジニア技術研修について紹介したいと思います。 研修概要従来の研修内容を一新、内製での技術研修に挑戦 これまでの新卒技術研修は委託先講師の話を新卒全員が聞くという、いわゆる「座学中心」の研修でしたが、ここ数年の技術的進歩、組織内でのエンジニアに対する期待の変化を反映するため、内製での研修へとゼロから再設計しました。 研修のコンセプトと概要 ベースとなる研修のコンセプトは以下2点からなります。 全体のアーキテクチャを俯瞰して設計、技術選定をする自分の頭で考え、動くこれらのコンセプトを実現するために今回の研修では、2つの某有名サービスを 自分たちで設計、実装するという形をとりました。 研修
『MOTHER2』のことばたち。 - ほぼ日刊イトイ新聞
New ニンテンドー3DS専用 バーチャルコンソール（過去のゲームの配信サービス）で、 『MOTHER2』が遊べるようになりました！ つまり、New ニンテンドー3DSを持っている人は、 いますぐ『MOTHER2』を ダウンロードしてプレイすることができます。 それを記念して、これまで「ほぼ日」に掲載した 『MOTHER2』のコンテンツと、 いろんな人の「『MOTHER2』のことば」を紹介します。 「久々にやってみよう！」の人も「はじめて遊びます」の人も、 ぜひ、読んでみてくださいね。たくさん、ありますよー。 ※今回、『MOTHER2』がダウンロードして遊べるのは、 New ニンテンドー3DS、New ニンテンドー3DS LLのみです。 DSや3DS、3DSLL、2DSではダウンロードすることができません。 New ニンテンドー3DSシリーズは、きせかえプレートに対応していたり、 本体右の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MERY [メリー]｜女の子の毎日をかわいく。![MERY [メリー]｜女の子の毎日をかわいく。](https://cdn-ak-scissors.b.st-hatena.com/image/square/88341838654a3a057319a2ddd77cfbe1996cb4fb/height=288;version=1;width=512/https%3A%2F%2Fmery.jp%2Fimages%2Fogp.png)
