Pattern Matching in ECMAScript
A relevant ad will be displayed here soon. These ads help pay for my hosting. Please consider disabling your ad blocker on Pony Foo. These ads help pay for my hosting. There’s a stage 0 proposal for pattern matching in JavaScript. In this article we’ll take a look at what the proposal entails and also show how you might find it useful. The proposal document has a few code examples, as usual. Here
Font Aliasing, or How to Rename a Font in CSS—zachleat.com
Are you tired of developers abusing the smooth traditionalism of Helvetica? Do you wish your web page was a little bit more fun? Do you also want to avoid discussing things with your peers? Well, do I have some code for you. Add this little block into your project and it will globally alias (rename) Helvetica to Comic Sans MS (and Chalkboard SE, browser support). (Yes, I know I recently wrote a bl
Modular Scale
Bases are a scale’s root numbers. For example, the size at which your body text typeface looks best. More → Ratios are multiplied by the base to produce a scale of numbers that is proportionally related. If you know what size you want a heading to be, type the target value @ position on the scale like 36@5 More → How do I use this? Use a scale like you would use a ruler. Many people set heading ty
Using CSS Variables Correctly - MadeByMike
Not like this... permalink This is a perfect situation to use CSS variables. The way I would have approached this with Sass, and how I've seen most people use CSS variables so far, is something like this: :root { /* scale for 1.2 */ --ms-small-1: 1rem; --ms-small-2: 1.2rem; --ms-small-3: 1.44rem; --ms-small-4: 1.728rem; --ms-small-5: 2.074rem; --ms-small-6: 2.488rem; /* scale for 1.33 */ --ms-larg
Adopting Design Systems
Your systems pitch got a green light. You’ve started designing, building, and documenting your library. Your first big release approaches fast! Hey, don’t forget your customers. During that formative period, you’ll begin aligning with product teams intending to adopt your system so that you can: Help them adopt based on an established modelDiscuss common system assumptions and misperceptionsPitch
Design systems - Alla Kholmatova
Design Systems Many teams are now taking a more systematic approach to design. But why do some design systems thrive and others become bloated and fragmented? What makes a well-functioning system? What do effective systems have in common? Finally, how do you actually go about laying the foundations for a shared design language? These are the questions I set out to answer in this book. I hope you'l
npxが結構良さそうな件について - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 追記：2017/07/12 gist連携時の理解が間違ってたので修正 npm 5.2リリース。npmパッケージのダウンロードと実行を一度に行うCLIツールnpxが同梱された / “Release v5.2.0 (2017-07-05) · npm/npm · GitHub” https://t.co/2CXccPBqcq — Teppei Sato (@teppeis) 2017年7月11日 へー、と思って見に行ったら結構面白かったので雑な紹介を書いてみることにする。 v.5.2.0 リリースノート npxの紹介記事 この記事は紹介記事
ES8 was Released and here are its Main New Features 🔥 | HackerNoon
Too Long; Didn't Read<strong><em>This </em>article</strong> <strong><em>originally appeared on </em></strong><a href="https://dormoshe.io/articles/es8-was-released-and-here-are-its-main-new-features-15" target="_blank"><strong><em>dormoshe.io</em></strong></a> The new features of the ECMAScript specification 8th edition This article originally appeared on dormoshe.io This article was translated in
Rails開発でWebMockを使ってAPIアクセスをスタブ化する | DevelopersIO
外部API呼び出しのあるアプリケーションを開発する場合、テストやローカル環境での動作確認まで本物のAPIを呼び出していると、時間がかかり開発の生産性が下がるのでAPIモックを使いたくなります。 そこでWebMockというGemを使うと、外部へのHTTPリクエストをスタブ化してくれるので、開発が非常にやりやすくなります。 今回はRailsアプリケーションでのWebMockの使い方を説明します。 インストール方法 Gemfileに書いてbundlerでインストールします。 gem 'webmock' bundle install --path vendor/bundle 設定方法 事前に自分の欲しいレスポンスを返却できるようにスタブを登録します。 (ここではレスポンスデータを事前に作成して、そのファイルを読み込むように指定しています) require 'webmock' WebMock.ena
Rails の ActiveRecord モデルテストの書き方ガイドライン - passingloopの日記
このエントリでは，Ruby on Rails （以下 Rails）の ActiveRecord モデルテストについて，1) どこの何をテストすればよいか，2) どのようにテストを書けばよいか，のガイドラインを示します．このガイドラインは Rails 公式のものではなく，id:passingloop が使っている私的なものです．疑問・質問・批判・間違いの指摘はページ下部のコメント欄までお願いします． はじめに Rails は TDD/BDD サポートが充実した Web アプリケーション開発フレームワークです．Rails で使える Test::Unit や RSpec などといったテスティングフレームワークの使い方に関する解説も豊富にあります．しかし，「どこをどうテストすればよいのか」についての解説は，「使い方」の解説と比較して少ないように思います．もっとも，テスト一般についてどう書くかはアプ
Introducing npx: an npm package runner
[You can also read this post in Russian.] Those of you upgrading npm to its latest version, npm@5.2.0, might notice that it installs a new binary alongside the usual npm: npx. npx is a tool intended to help round out the experience of using packages from the npm registry — the same way npm makes it super easy to install and manage dependencies hosted on the registry, npx makes it easy to use CLI t
CSS Isn’t Black Magic
By aimeemarieknight Pulling Back The Curtains on Your Stylesheets If you’re a web developer, chances are you’re going to have to write some CSS from time to time. When you first looked at CSS, it probably seemed like a breeze. You added some borders here, changed some colors there. JavaScript is the hard part of front end development, right? Somewhere during your progression as a web developer, th
Seashells
Seashells lets you pipe output from command-line programs to the web in real-time, even without installing any new software on your machine. You can use it to monitor long-running processes like experiments that print progress to the console. You can also use Seashells to share output with friends! $ echo 'Hello, Seashells!' | nc seashells.io 1337 serving at https://seashells.io/v/{random url} Cli
emotion
Update: This was written for the original version of emotion. Since this article was published we’ve increased performance and removed the babel plugin requirement along with a host of other changes. For an up to date look at emotion check out my article on version 8. emotion is a high performance, lightweight css-in-js library. The core idea comes from Sunil Pai’s glam library and its philosophy
Preload, Prefetch And Priorities in Chrome
Today we’ll dive into insights from Chrome’s networking stack to provide clarity on how web loading primitives (like <link rel=“preload”> & <link rel=“prefetch”>) work behind the scenes so you can be more effective with them. As covered well in other articles, preload is a declarative fetch, allowing you to force the browser to make a request for a resource without blocking the document’s onload e
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
webpack.academy
Hedwig - Posten
「スキルなし・実績なし」 32歳窓際エンジニアがシリコンバレーで働くようになるまで
How to disable HTML links
Joe Fitzsimmons - Vue is cool
CSS Versions - CoreLangs.com
GitHub - jekyll/jekyll-archives: :books: Archive pages for your Jekyll tags and categories.