CSS Reference is free and always will be! Please whitelist us in your ad blocker. Thank you! A free visual guide to CSS Learn by example: cssreference.io is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.

スケーラブルな分散SQLエンジンとして大規模データに対して高速なクエリを実現する「Presto」は、2013年にFacebookが公開したオープンソースソフトウェアです。 現在でもFacebookをはじめTwitter、Uber、Netflix、ウォルマートなどがデータ分析などに利用しているとされています。 そのPrestoの開発者たちが、Prestoの開発を促進する団体「Presto Software Foundation」の設立を発表しました。 設立を発表するブログには、Presto Software Foundationの役割を次のように説明しています。 The Presto Software Foundation is dedicated to preserving the vision of high quality, performant and dependable soft

年末に id:daiksy さんが｢良い!｣とツイートされていたので, ついつい買ってしまった｢エンジニアの知的生産術｣を読み終わりました. エンジニアの知的生産術 ──効率的に学び、整理し、アウトプットする (WEB+DB PRESS plusシリーズ) 作者: 西尾泰和出版社/メーカー: 技術評論社発売日: 2018/08/10メディア: 単行本（ソフトカバー）この商品を含むブログ (2件) を見る 結論から言えば, 個人的には非常に刺さりました. これまで人生の座右の書を問われたら｢ARIA｣と答えていましたが(仕事をするにあたって大事なメンタリティーはそのほとんどをARIAから学んだと思っています), この本は自分の中ではそれと並ぶくらいの立ち位置に, いずれ来ることになる本だと思います. 本の内容としては, 知的生産活動(情報をインプットし, 咀嚼して整理し, そしてアウトプット

どうも、イケダです。最近よくTwitterで知り合った若いデザイナーにお会いしているのですが、どなたにも決まって聞かれることがあります。 「G●●dpatchってぶっちゃけどうなんですか?」 知りません、なんで僕に聞くんだw 2015年に「Dear G●●dpatch」という内容のサイトを作って持っていったところ、「あー、またこれね...」と土屋さんに非常に悲しいリアクションをされてしまったので別の方法で気を引くことをオススメします。 というわけで今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオ

絵描きとかUXとかやりつつフロントもやってる「ゆき」です。ポートフォリオサイトは10年くらい前にMoveableTypeで作ったきり。最近流石に「これでフロントやってますとか言ったら絶対次転職できなくね？」と危機を感じたので0から作り直しました。 サイト： https://pf.nekobooks.com/ ソース： https://github.com/yuneco/portfolio 機能・性能・運用を考えて作った結果、VueとFirebase(Web)の機能を一通り使ったサイトが出来上がりました。これからちょっと凝ったポートフォリオサイトを作りたい方向けに、どういう目的でどの機能を使ったのか、その時のポイントはなんだったのかを共有します。 2019.4.18追記 春なので期間限定1で桜が咲くアニメーションを追加してみました。単体のアニメーションはテストページで試せます。複雑に見えるか

git clone https://github.com/tamanyan/nuxt-ts-netlify.git <project-name> cd <project-name> yarn or npm install GitHubからNetlifyプロジェクト作成 New site from Gitボタンからプロジェクトを作成。 デプロイしたいWebサイトのレポジトリをGitHubから選択 Githubを選択して、自分がデプロイしたいプロジェクトを選択する。 自分で作成したNuxt TypeScriptのプロジェクトを選択する。 Netlify上にWebサイトをビルド 以下の三点を設定する ビルドするブランチ 静的Webサイトをビルドするコマンドを設定。ここではyarn generate ビルド先のディレクトリを指定。ここではdist 追加のビルド設定だと、環境変数なども組み込めるよう

Nuxt ライフサイクル どのツールを使う場合でも、ツールが内部でどのように機能するかを理解すると常に自信が持てるようになります。同じことが Nuxt にも当てはまります。 この章の目的は、フレームワークのさまざまな部分とそれらの実行順序、およびどのように連携するかについての概要を説明することです。 Nuxt ライフサイクルはアプリケーションがバンドルされ、チャンク化され、縮小されるビルドフェーズの後に何が起こるかを説明します。このフェーズの後に何が起こるかは、サーバーサイドのレンダリングが有効になっているかどうかによって異なります。有効になっている場合は、選択したサーバーサイドレンダリングのタイプによってさらに異なります: 動的な SSR（nuxt start） または、静的サイト生成（nuxt generate） ライフサイクル サーバー SSR の場合、これらのステップはアプリケーシ

PDF版、ついに発売開始です！ 『RubyでつくるRuby』（第1版第2刷） 『Goならわかるシステムプログラミング』（第1版第3刷） 当直販サイトからは、紙書籍とPDF版のセット、もしくは、PDF版単体をお求めいただけます！ なお、これまでに当直販サイトで上記タイトルの紙書籍を購入いただき、かつユーザ登録済みの方には、すでに「マイ本棚」にPDF版が生えているはずです！ PDF版単体をカートに入れる前に、ログインしてマイ本棚の状態をご確認ください！