Refactoring CSS Without Losing Your Mind Working with CSS is tricky enough as it is; working with legacy CSS can be nightmarish. In this talk, we’ll lo…
![Refactoring CSS Without Losing Your Mind](https://cdn-ak-scissors.b.st-hatena.com/image/square/86ef20879f00255c8cd5119b45b80a42a9b7e82e/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2Ff8b1f7c78b164414ae6659b31f3589d6%2Fslide_0.jpg%3F6663198)
dotsで開催されたReactの導入を検討されてる方向けの勉強会でお話しました https://eventdots.jp/event/597088
CircleCI上で、BrowserStackを利用したマルチブラウザJavascript Test,Selenium Test を実現している方法についてご紹介します。Selenium webdriver, CircleCI, BrowserStack
株式会社クリアコード > ククログ > 複数の作業環境から変更が同一ブランチにpushされるGitリポジトリについて、リモートにある内容を確実に手元に反映する この記事では、Gitの「普通のpull」と「rebase」について、「普通のpullではなくrebaseした方が良いと言われるけれども、実際にrebaseを使ってみたら、衝突が発生した時に色々よくわからない事が起こって辛い思いをした」という人を対象として、rebaseの正しい使い方を解説します。 GitそのものやGitHubそのものの説明については省略していますのでご注意下さい。 また、GitはLinuxやmacOS(OS X)の端末エミュレータ上のシェルでコマンド列を実行して利用する形態を想定しています。 Gitでの「手元のコードをremoteの最新の状態と同期する」場面 GitHub上にあるリポジトリを複数人で手元にcloneし
Flexboxを使っていて「なんでこの幅になるんだろう?」と疑問に思ったことはありませんか? 僕はFlexboxを使い始めたころ「flexアイテム」の幅がどうやって計算されるのかわからなくて、レイアウトにはまってしまいました。調べて整理したのでシェアします。 仕組みをしっかり理解しておくと、問題が起こったときに対処しやすくなります。ということで、flexアイテムの幅の計算方法、行ってみましょ〜! まずは結論から — flexアイテムの幅の計算方法 結論からざっくり言ってしまいます。 display: flexを指定した親要素を「flexコンテナ」、その中にある子要素を「flexアイテム」と呼びます。 上図のようにスペースが余っている場合、この「flexアイテム」にはflex-growの指定にしたがって余ったスペースが分配される仕組みになっています。 下図のようにflex-grow(またはf
(CV:三上枝織) はい、『ゆるゆり』は全く関係ないね。 『ARIA』も『緋弾のアリア』も関係ないね。ごめんね。 しかし、WAI(わぁい)といい、ARIA(アリア)といい、オタク心をくすぐるネーミングだぜ…… という冗談はさておき。 WAI-ARIAとは、Web Accessibility Initiative - Accessible Rich Internet Applications の略で(長い……)、Webにおけるアクセシビリティの向上を目的に制定された規格だ。 Web開発者にとっても聞き慣れない言葉かもしれない。 そんなの見たこともないって人も多いだろう。 何しろ、はっきりいって、これを使わなくても一般人は全く困らない。 俺も、たぶんあなたも。 しかし、俺たちは五体満足に生まれたことに感謝しつつも、「アクセシビリティ」という概念に思いを馳せるってのもたまにはいいかもよ? ※ W
こんにちは、デザイナーのてっちゃんです。 これを書いている現在ハロウィン真っ最中です。渋谷を避けて行動しましたがそれでも仮装しているひとを見かけましたね。 みなさんは参加されましたか? さて今回は、レスポンシブHTMLメールを作ったのでその時の感想をまとめてみました。 まずは、そもそもなんでレスポンシブなの?意味あるの?ってはなしですが、 背景 Email Monksの調査によると、2013年に43%のemailがモバイル経由で読まれており、年末には50を超えるだろうとの予測がされていることから2015年の今ではこれだけとってもHTMLメールはレスポンシブ対応をしないとユーザーは読んでれくないでしょう。 出展:EmailMonks 仕様 レスポンシブなのでmedia queryをを使う必要がありますが、そもそもmedia queryが使えない場合もあるので最低限PC表示で崩れないようにする
I’ve just pushed the button to release Sass 3.5.0-rc.1. If it seems like it’s been a while since the last release, that’s true! But there’s a good reason. We decided to enter feature freeze after the 3.5 release to give libsass, the super-speedy C++ implementation of Sass, time to reach feature parity with Sass 3.4. Libsass is much younger than Sass, and C++ is generally a slower language to work
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く