How to watch NASA's first Boeing Starliner crewed flight launch today (scrubbed)
In this post, we’ve rounded up a collection of useful pure CSS code snippets for elements that are commonly used when designing and developing a website. We’ve included a few that may be less common, but might be useful for you if you are looking for a way to level up or add interest in your project. From parallax to animations to tabs and accordions, this list should be helpful for you to refer t
フローチャートやネットワーク図を作成するには、ExcelやPowerPointを使うのではなく、操作性が作図に最適化された、専用の作図ツールを用いるのが便利だ。用意されたテンプレートの中から作りたいイメージに近いものを選択し、ドラッグアンドドロップでアイコンなどのパーツを追加していくことで、見た目のよい図が簡単に作成できる。 こうした作図ツールは、かねてよりオンラインで使えるサービスが存在していたが、最近は操作性もより洗練されたほか、メンバーを招待して共有できるコラボレーション機能が強化されるなど、次代のニーズに合わせて大幅な進化を遂げている。今回は、無料で利用できるプランがあることを条件に、オンラインで使える3つの作図サービスを紹介する。 さまざまな部署のニーズに対応、国産の老舗サービス「Cacoo」 「Cacoo」は、作図サービスの中で老舗と言えるのが「Cacoo(カクー)」だ。 フロ
これまではJavaScriptを用いて実装するしかありませんでしたが、ついにimgやiframe要素であればloading="lazy"を付与するだけで、簡単に実装できます。 <!-- 画像に適用する場合 --> <img src="pic.png" alt="画像の詳細" loading="lazy"> <!-- iframeに適用する場合 --> <iframe src="external.html" loading="lazy"></iframe>画面外では読み込みが発生しないので、必要になった時(画面内に要素が入りそうになった時)に読み込みが発生するのでパフォーマンスが向上します。 また画像についてはsrcsetを用いたレスポンシブな画像に対しても指定できますし、picture要素を用いてfallback形式でも記述できます。 <img src="normal.png" srcse
button .btn .demo-btn .first-demo-btn 272x50 Arial 16px background-color: #C2FBD7; border-radius: 50px; border-width: 0; box-shadow: rgba(25, 25, 25, 0.04) 0 0 1px 0, rgba(0, 0, 0, 0.1) 0 3px 4px 0; color: #008000; cursor: pointer; display: inline-block; font-family: Arial, sans-serif; font-size: 1em; height: 50px; padding: 0 25px; transition: all 200ms;
filters.cssは細かい設定も可能な、画像にさまざまなカラーフィルターをかけられるCSSライブラリです。 昔ご紹介したInstagram.cssなどのように、任意の画像にclassを付与するだけでカラーフィルターをかけられる、というもの。 こちらは細かい設定も可能で、より使いやすく設計されている印象です。 サンプル 動作テストです。フィルターがかかっているのが確認出来ましたでしょうか。 <link href="https://unpkg.com/filters.css" rel="stylesheet">↑ CDNが用意されているので手軽に試せますね。 <img class="hover-blur-2" src="foo.jpg" />↑ 例えば上記ならマウスホバー時にfilter: blur(2px);をかける事が出来ます。 他にもgrayscaleやcontrast、satura
世界中で利用されているリモートでサーバー操作を行うソフトウェア「OpenSSH」は、認証方式として公開鍵認証を用いるのが一般的ですが、認証局による認証を行うことも可能です。エンジニアのCarl Tashian氏が、認証局の秘密鍵に物理セキュリティキーを用いることで、高いセキュリティを維持して一時的な鍵の生成を行う方法を説明しています。 SSH Emergency Access https://smallstep.com/blog/ssh-emergency-access/ 今回説明されているSSHの認証方法は、通常の認証方式である「公開鍵をホストのauthorized_keysに登録し、クライアントから秘密鍵を用いて認証を行う」のではなく、「認証局を作成してサーバー側で信頼し、認証局による署名が行われた秘密鍵で認証を行う」というもの。認証局の署名時に有効期限などを設定することで、一時的な秘
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く