最近使いたいCSSの新しいプロパティが増えてきた！サポートしていないブラウザへの対応方法を解説
CSSの新しいプロパティがブラウザでサポートされると、使いたくなりますが、その時ネックになるのがサポートしていないブラウザへの対応方法です。 サポートしているブラウザにはその新しい機能を、サポートしていないブラウザには理想的ではないけれど情報をしっかり提供できるように実装する方法を紹介します。 いわゆる「プログレッシブ エンハンスメント」の実装事例ですが、元記事では「タイニー エンハンスメント」としてより簡単にできる実装です。 The Beauty Of Tiny Enhancements In CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. fit-contentをサポートしていないブラウザへの対応方法 2. clip-pathをサポートしていないブラウザへの対応方法
プライバシーに配慮したオープンソースのシンプルなアクセス解析ツール・「Counter」 - かちびと.net
Counterはプライバシーに配慮したオープンソースのシンプルなアクセス解析ツールです。更にサーバーへの負担も軽減し、セルフホスティングにおけるコストもかかりにくい様に配慮されています。 解析はビジター数やSNSにおける言及数、検索エンジンからの流入、ダイレクトリンク等やリファラ、国別、デバイス、OS、ブラウザなど必要最低限な情報のみ取得するシンプルなもの。 前述したサーバー負担の軽減に関してはフィンガープリント技術を使わない事でデータベースの保存データを減らす、ユニークユーザーのカウントをsessionStorage機能、ブラウザキャッシュ、リファラを組み合わせて検出する手法を使用し、サーバー負荷を大きく軽減、読み込まれたすべてのページを追跡せずにユーザーが最初に閲覧したページのみを追跡する事でHTTPリクエストを大幅に軽減する、などなどの方法を用いてサーバー負担を減らしつつユーザーのプ
Vue.jsとBootstrapで作られたサーバーレスなオープンソースの請求書作成ツール・「Serverless Invoices」 - かちびと.net
Serverless InvoicesはVue.jsとBootstrapで作られたサーバーレスなオープンソースの請求書作成ツールです。 上図のようにシンプルなもので既にレイアウトは決められていて、空欄を埋めて請求書を作成する、というもの。内容は任意のロゴ、日付、クライアントや請求者の名前や所在地、メールアドレス、納品物の項目や単価、数量、合計金額、税金、延滞料、振込先などなど恐らく概ね世界共通であろうと思われる内容となっています。 これらを埋めてPDF化できる、というもの。請求書は複数作成可能で、自動保存されますので後で編集する事も可能です。JavaScript製となっており、サーバーも不要でオフラインでもブラウザで動作するので気軽に使えそうですね。ライセンスはMITとの事です。 Serverless Invoices
ImageStore - Google Photos代替
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Google Photosは2021年6月から有料化されます。これまで無料でユーザを獲得しておきつつ、突然の有料化とあって、離れるユーザも相当するいると思われます。 こうした無料、無制限を掲げておきつつ、突如有料化する事例は枚挙に暇がありません。これを機に自分で管理しようと思った方はImageStoreをチェックしてみてください。 ImageStoreの使い方 トップページ。Google Photosに似ています。 クリックで選択した画像だけを拡大表示します。 アルバム。 検索結果。 アルバムに追加。 写真の詳細。 選択してまとめて処理。 ImageStoreのUIはGoogle Photosに似ています。機能的にはGoogle Photosには及ばないところも多いでしょう。しかし
)
placeholders - ダミー画像やテキストを生成するWeb Components
Webデザインを行っていて、画像の部分にプレイスホルダーとなるダミー画像を適用することがあります。大抵画像サイズだけが表示されていたり、目的（ロゴなど）の文字を書いていたりします。 プレイスホルダー画像を提供するサービスもありますが、今回はローカルでも使えるプレイスホルダー画像を作るWeb Components、placeholdersを紹介します。 placeholdersの使い方 を使います。 色をカスタマイズした版。 文字を変えた版。 さらに も用意されています。 文字の高さを変更できます。 placeholdersを使うことで、画像やテキスト部分にダミーコンポーネントを適用できます。画像はバイナリではなく、SVGで生成されますので、色やテキスト変更などのカスタマイズが容易になっています。 placeholdersはTypeScript製のオープンソース・ソフトウェア（MIT Lic
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
