空白・改行・コメントを削除し、ソースコードを軽量化します。 Javascriptやcssを圧縮するメリットは？ファイルサイズを縮小しサーバー容量の節約ができる読み込み時間が短縮されWebページの表示速度が向上できるソースコードを難読化し悪用を防ぐ
空白・改行・コメントを削除し、ソースコードを軽量化します。 Javascriptやcssを圧縮するメリットは？ファイルサイズを縮小しサーバー容量の節約ができる読み込み時間が短縮されWebページの表示速度が向上できるソースコードを難読化し悪用を防ぐ
Cloudinaryで動的にOG画像を生成する方法
質問箱やDev.toをはじめとして動的に生成されるOG画像を見かけることが増えた。 やっていることはシンプルで背景となるフレーム画像の上にテキストをのせているだけだ。 どのようにOG画像を作るか まずはいくつか代表的な方法を紹介する。 選択肢1：ImageMagickを使う Railsアプリケーションの場合、ImageMagicが選択肢に挙がるだろう。サーバーで画像を生成することになるため悪意のあるユーザーにより意図しないOG画像を生成されるのは防ぎやすい。 ただし、ユーザーによる投稿をフックにしてOG画像を生成しようとすると、サーバーへの負荷が大きくなってしまう可能性がある。また、ユーザー体験を損ねないように非同期で画像生成処理を行うなどの工夫が必要かもしれない。 選択肢2：html2canvasでクライアント側で処理を行う html2canvasという超便利なJavaScriptライブ
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! A challenge I faced in building an image “emojifier” was that I needed to change the color spaces of values obtained using getImageData() from RGB to HSL. I used arrays of emojis arranged by brightness and saturation, and they were HSL-based for the best matches of average pixel colors with
CSS variables are a very welcome addition to the language, despite them being incredibly basic. Sure we could use SASS or stylus but languages should never count on developers relying on frameworks and toolkits to accomplish what we know we need. And just like every other part of a webpage, you can get and manipulate CSS variable values -- let's check out how! Setting and Using a CSS Variables T
15 Interesting JavaScript and CSS Libraries for September 2016 Our mission at Tutorialzine is to keep you up to date with the latest and coolest trends in web development. That’s why every month we release a handpicked collection of some of the best resources that we’ve stumbled upon and deemed worthy of your attention. The list for September 2016 contains a wide variety of different libraries inc
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
