タグ

2019年3月23日のブックマーク (9件)

  • CSSコピペするだけ!ボックスデザイン(囲み枠)25選【色別サンプル62種】

    普段サイトを見ていて、「読みやすいな~」とか、「綺麗だな~」と思うサイトは、必ずと言っていいほど囲み枠を使って読者が読みやすいような工夫がなされています。 そんな囲み枠を、とにかく楽して自分のブログにも導入したい!! そんなあなたのために、コピペで完結するように多種多様な囲み枠を作成しました。 最初に初心者向けに紹介している枠をブログ内で使用する方法。 後半で25種類のボックスデザインを紹介していきます。 ここで紹介しているボックスデザインを使って、より分かりやすく、見ていて楽しいサイトになるようにしていきましょう!

    CSSコピペするだけ!ボックスデザイン(囲み枠)25選【色別サンプル62種】
  • Adobe XD ケース別の最適な書き出し形式とは | design | IORI-ST

    2019年2月現在、Adobe XDの書き出し形式はPNG,SVG,PDF,JPGの4種類に対応しています。 XDで書き出す場合は最初にまずこのフォーマットから指定し、その後書き出し先や画質など詳細設定をしていきます。その詳細はフォーマットによって異なるため、それらを上手く使い分ければ書き出し用途別に最適な設定をすることが可能です。書き出しの方法やそれぞれの設定については公式マニュアルを始め様々な情報がまとめられているので、今回はケース別にどのルートで書き出しせば使いやすいのか考えてみました。 デザインを資料化して提出する場合 デザイナーがディレクターに、またディレクターがクライアントに作成したデザインを見せる時はプレビュー機能を使うことが多いと思います。しかし、書き込みによるミーティングを行う場合などは、それに伴いデザインを資料化しなければいけません。 このケースで私がオススメする書き出

    Adobe XD ケース別の最適な書き出し形式とは | design | IORI-ST
  • 新人Webプログラマの学習が捗るリンク集 - Qiita

    はじめに この記事は自分のための備忘録も兼ねた、新人による新人のための新人の教材リンク集です。 新年度になりましたので、少し更新をしました。よろしくおねがいします。 ターゲット この記事はこんな人に向けて書いています。 これからWebプログラマを目指す人 Webプログラマになったばかりの人 コーディングだけでなくデザインやマーケティングにも興味がある人 早く一人前のWebプログラマになりたいと思ってる人 つまりわたしのようなへっぽこのこと 1. コーディングを身につける ▼まずはここから 何から始めて良いかわからない!新しい言語を学びたい!という方に。 ドットインストール https://dotinstall.com/ 動画付きで解説してくれる学習サイト。とにかくカバーしている範囲が広いのも特徴。無料プランでも十分勉強になります。早口ながら丁寧でわかりやすく、時々ちょっと間違える田口先生の

    新人Webプログラマの学習が捗るリンク集 - Qiita
  • Solved by Flexbox — クリーンでハックのない CSS

    イントロダクションCSSには長らく適切なレイアウトメカニズムが不足していました。トランジション、アニメーション、フィルタ、これらはすべて素晴らしくて有用な言語への追加機能ですが、しかしWeb開発者が不満だった、永遠に続くようにも思われた主要な問題に対処するものではありませんでした。 Flexboxに感謝します。ついに我々は解決方法を手に入れました。 このサイトはCSSフレームワークではありません。その代わり、CSSだけでは解決するのが難しい、あるいは不可能だった問題が、今やFlexboxでとても簡単になった事例のショーケースとなることが、このサイトの趣旨です。また、Internet Explorer 11の最近のリリースとSafari 6.1により、今やすべてのモダンブラウザがFlexboxの最新仕様に対応しています。 以下のデモをご覧ください。Webインスペクタでスタイルを眺めるか、また

    Solved by Flexbox — クリーンでハックのない CSS
  • 【図解】HTTP/3 (HTTP over QUIC) の仕組み〜UDPのメリット,各バージョンの違い(v1.0/v1.1/v2/v3)〜

    【図解】HTTP/3 (HTTP over QUIC) の仕組み〜UDPのメリット,各バージョンの違い(v1.0/v1.1/v2/v3)〜
  • React Static 公式ドキュメント和訳 「基礎概念」編 - Qiita

    React Static とは Reactベースの静的サイトジェネレータです。 つまり、全てハードコードの静的サイトはもちろん、ブログのようなCMSベースのサイトも React+αの知識で! DBなしに! サーバーの(大した)設定もせず! 超高速表示に! 作れる優れもの。 僕のようなフロントエンドに知識が偏ってる人間には特に福音だったりします。 その中でもReact Staticは、Mediumで3,000clapを叩き出した記事 「2019年のReactジェネレータ」でもGatsbyに続き2番手に選ばれたイケてる子! しかもGatsbyよりも学習コスト≒React+αのα部分が少ないと僕の中で噂に。 ということで公式ドキュメントの「基礎概念」(Core concepts)部分を以下に訳します。 続編 React Static 設定大全 https://qiita.com/IYA_UFO/

    React Static 公式ドキュメント和訳 「基礎概念」編 - Qiita
  • ID生成方法についてあれこれ - Qiita

    Help us understand the problem. What are the problem?

    ID生成方法についてあれこれ - Qiita
  • コンテナベースシステムのデザインパターンに関する論文紹介 - エムスリーテックブログ

    エンジニアリンググループ AI機械学習チームの笹川です。 今回は、コンテナベースシステムのデザインパターンに関する論文 Design patterns for container-based distributed systems について紹介します。 なお、この記事は、社内勉強会であるM3 tech talkで紹介した内容をまとめたものです。 M3 tech talkは、エムスリー赤坂オフィスで隔週で開催されている5-20分程度のLTを数件行う勉強会で、そのトークテーマの振れ幅は最近の数回でも筋トレ、型システム、3Dプリンタ、量子コンピュータなどこのブログの数段上で、個人的にも毎回楽しみにしています。 M3 tech talkは、外部からの参加・登壇も歓迎しています。興味のある方はぜひ以下からお問い合わせください。 jobs.m3.com 論文の概要 今回紹介する論文は、HotClou

    コンテナベースシステムのデザインパターンに関する論文紹介 - エムスリーテックブログ
  • Kubernetes(GKE)にお安く入門する - LiBz Tech Blog

    目次 目次 はじめに 経緯 そもそもKubernetesとは なぜEKS(AWS)ではなくてGKE(GCP)なのか 無料のクラスタをつくる とりあえずk8sクラスタをつくってみる ノード(インスタンス)が1つだけのノードプールをつくる 3つのノードが登録されているノードプールを消す 作成したクラスタに接続 起動したクラスタのPodを確認してみる podとは? kubectlコマンドでpodの状態を見てみる preemptibleインスタンスのnodeを立ててスペックを確保する preemptibleインスタンスとは? \(^o^)/ここから有料です\(^o^)/ preemptibleインスタンスが1つのnode-poolをつくってみる Datadogで監視してみる ReplicaSetとDaemonSet ReplicaSetとは... DaemonSetとは... Datadogをいれ

    Kubernetes(GKE)にお安く入門する - LiBz Tech Blog