Integrating Animation into a Design System
As you look through the animation examples in your interface, list how the animation should feel, and note particularly effective examples. For example, take a look at the two animations below. While they’re both animating the entrance and exit of a popover, the animations feel different. The Marvel example on the left feels brisk through the use of bouncy easing, whereas the small movement combin
The Lightning Design System — the Next Generation of Living Style Guides
Sixteen years ago, Salesforce reinvented CRM in the cloud. Today our Lightning Design System reinvents enterprise UX at scale. We are giving our customers the same toolkit we used internally to develop our new Lightning Experience. Downloading the Design System gives you all our CSS, HTML, icons, color palettes, and a custom font. It works across our platforms: Visualforce, Heroku, and the new Lig
Design Systems: Building For The Future | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The modern web design and development process is rapidly evolving, and responsive websites are quickly becoming the norm. Frameworks like Bootstrap and Foundation are showing us the value of creating robust systems of components to make building things on the web faster, better, and easier.
[Rails 5] モデルの継承元がActiveRecord::BaseからApplicationRecordに変更された｜TechRacho by BPS株式会社
2017.04.27 [Rails 5] モデルの継承元がActiveRecord::BaseからApplicationRecordに変更された こんにちは、hachi8833です。BigBinaryシリーズのRails 5翻訳記事をお送りいたします。 元記事 ApplicationRecord in Rails 5（米国BigBinary社のブログより） 著者: Prathamesh Sonpatki 訳文ではバージョンやリンクなどを現時点の内容に更新しています。 確認に使った環境 Rails 5.0.1（5-0-stable） + Ruby 2.4.1 Rails 4.2.7（4-2-stable） + Ruby 2.3.3 モデルの継承元がActiveRecord::BaseからApplicationRecordに変更された（翻訳） 2016年6月にRails 5.0.0がリリースさ
![[Rails 5] モデルの継承元がActiveRecord::BaseからApplicationRecordに変更された｜TechRacho by BPS株式会社](https://cdn-ak-scissors.b.st-hatena.com/image/square/e51d68baebb8bde5d61c5ce7dc284d45da7fc08f/height=288;version=1;width=512/https%3A%2F%2Ftechracho.bpsinc.jp%2Fwp-content%2Fuploads%2F2016%2F12%2Fruby_on_rails5_eyecatch.png)
tar.gz や tar.bz2 の展開は tar xf でOKです。 - Qiita
Linuxを触り始めた頃に tar xvzf compress.tar.gz などと出てきて、 オプションが4つもあるとそれぞれの意味を調べる気も喪失し、そのままコピペしたのを思い出したので書いておきます。 - はつけてもOK まず戸惑うのが tar のオプションはオプションのくせに - がついていない、変！ これは別につけてもいいらしいです。 -xvzf みたいに。 man にも書いてある。 A function letter need not be prefixed with ``-'', and may be combined with other single-letter options. つまり書かないといけないぐらいちょっと風変わりな動作なわけですね。 古くからあるコマンドなんで「 - を打つのさえめんどくさい、ファッキュー！」な人がこんな事をしたんだと思います。多分。 ta
cut コマンド | コマンドの使い方(Linux) | hydroculのメモ
cut コマンド 2016/06/11 タブ区切りでフィールドを選択して出力する、または各行の中の一部を範囲指定して出力するコマンド。 cutコマンドの使用例と、同じことをするPerlワンライナーの例 ## タブ区切りで最初の列と3列目だけを抽出して、タブ区切りで出力する $ cut -f1,3 foo.txt $ cat foo.txt | cut -f1,3 $ cat foo.txt | perl -anle 'print "$F[0]\t$F[2]"' ## 以下のようにしても列の順番は入れ替えてくれない $ cut -f3,1 foo.txt ## Perlならできる $ cat foo.txt | perl -anle 'print "$F[2]\t$F[0]"' ## 各行の4文字目以降を出力する $ cut -b4- foo.txt $ cat foo.txt | cut
Big Sky :: cat で色々な物をシンタックスハイライト出来る ccat に html 出力機能を入れた。
この記事は Go Advent Calendar 2015 の記事ではありません。 ccat は cat やソースに色が付けられて非常に便利なので結構使っていた。 ふと「これ、ブログ書く時なんかに HTML として出力される機能があたら便利じゃね？」と思ったので ccat に html 出力機能を書いて pull-request を送った。 Htmlize by mattn - Pull Request #35 - jingweno/ccat - GitHub https://github.com/jingweno/ccat/pull/35 マージされ、新しいバージョンがリリースされたので試したい人はダウンロードするか自分でビルドするといいと思います。ちなみにこんなソースが出力されます。
What's the '@' (at symbol) in the Redux @connect decorator?
I am learning Redux with React and stumbled upon this code. I am not sure if it is Redux specific or not, but I have seen the following code snippet in one of the examples. @connect((state) => { return { key: state.a.b }; }) While the functionality of connect is pretty straightforward, but I don't understand the @ before connect. It isn't even a JavaScript operator if I am not wrong. Can someone e
Rails アップグレードガイド - Railsガイド
本ガイドでは、アプリケーションで使われているRuby on Railsのバージョンを新しいバージョンにアップグレードする手順を解説します。アップグレードの手順は、Railsのバージョンごとに記載されています。 1 一般的なアドバイス 既存のアプリケーションをアップグレードする前に、アップグレードする理由を明確にしておく必要があります。「新しいバージョンのどの機能か必要か」「既存コードのサポートがどのぐらい困難になるか」「アップグレードに割り当てられる時間と人員スキルはどのぐらいか」など、いくつもの要素を調整しなければなりません。 1.1 テスティングのカバレッジ アップグレード後にアプリケーションが正常に動作していることを確認するには、良いテストカバレッジをアップグレード前に準備しておくのがベストです。アプリケーションを一度に検査できる自動テストがないと、変更点をすべて手動で確認するのに膨
Ruby on Rails 5.0 アップグレード対応まとめ | DevelopersIO
モバイルアプリサービス部の五十嵐です。 railsアプリケーションのバージョンアップを行う機会がありましたので、対応内容をまとめておきます。何かのお役に立てば幸いです。 バージョン rails '4.2.5.1' → '5.0.1' はじめる前に参考にしたサイト Rails アップグレードガイド | Rails ガイド rubyonrails.org の 日本語訳です。 これでもう怖くない！？Rails 4.1からRails 5.0にアップグレードする手順を動画付きで解説します - Qiita 動画で解説されているのが大変ありがたかったです。 作戦 テストカバレッジを確認する アップグレードガイドを確認する Rails及び依存ライブラリのバージョンアップ アップデートタスクを実行する 変更箇所と非推奨箇所を修正する 最終確認 テストカバレッジを確認する はじめる前にテストが全てパスすること
Rails 5.1, Ruby 2.4にアップデートしました - Rista Tech Blog
最近iOSアプリエンジニアに転向ぎみの@mikedaです。 JOBLISTで使っているrubyとrailsのバージョンがRuby 2.3.1、Rails 4.2.6とけっこう古くなっていたので、最近、エイヤとアップデートしました。 やったこととか対応したエラーなどをざっとメモっておきます。 作業は以下のように少しずつ進めました。 Rails 4.2.6 -> 4.2.8。合わせて全体的にgemのバージョンアップ Rails 4.2.8 -> 5.0.3 Ruby 2.3.0 -> 2.4.1 Rails 5.0.3 -> 5.1.1 Rails 4.2.6 -> 4.2.8 まずはrailsを4系の最新版にアップデート。 合わせて全体的にgemのバージョンアップしました。 bundle update # Gemfile # gem 'rails', '4.2.8' bundle updat
Google api でinvalid_grantが発生したときの問題 - Qiita
Message from application: Authorization failed. Server message: { "error" : "invalid_grant" } (Signet::AuthorizationError) /rails/app/path/vendor/bundle/ruby/2.1.0/gems/signet-0.6.1/lib/signet/oauth_2/client.rb:966:in `fetch_access_token' /rails/app/path/vendor/bundle/ruby/2.1.0/gems/signet-0.6.1/lib/signet/oauth_2/client.rb:983:in `fetch_access_token!' /rails/app/path/vendor/bundle/ruby/2.1.0/gem
How JavaScript works: inside the V8 engine + 5 tips on how to write optimized code
Couple of weeks ago we started a series aimed at digging deeper into JavaScript and how it actually works: we thought that by knowing the building blocks of JavaScript and how they come to play together you’ll be able to write better code and apps. The first post of the series focused on providing an overview of the engine, the runtime and the call stack. This second post will be diving into the i
@babel/plugin-transform-class-properties · Babel
Example Below is a class with four class properties which will be transformed. class Bork { //Property initializer syntax instanceProperty = "bork"; boundFunction = () => { return this.instanceProperty; }; //Static class properties static staticProperty = "babelIsCool"; static staticFunction = function() { return Bork.staticProperty; }; } let myBork = new Bork(); //Property initializers are not o
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - downshift-js/downshift: 🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
You don't need bootstrap - Four Kitchens
Build your own Bootstrap
GitHub - owenthereal/ccat: Colorizing `cat`
GitHub - nikitavoloboev/config: Apps/CLIs/configs I use on macOS/iOS. Fish, Karabiner, Cursor..
GitHub - brabadu/awesome-fonts: Curated list of fonts and everything
AWS CLIでS3を操作する - Qiita