本当は速くならない「Webサイトの表示高速化アンチパターン」10選｜榊原昌彦
ベストプラクティスや「高速化につながる！」と紹介されている記事では、逆効果、もしくは効果があるシチュエーションがあまりに限定的な手法が紹介されていることが多いので、アンチパターンとして紹介します。 本記事は「Webパフォーマンス Advent Calendar 2019」2日目の記事です。 https://qiita.com/advent-calendar/2019/web_performance 本記事はWebパフォーマンス高速化の専門家である株式会社Spelldataの竹洞 陽一郎氏にアドバイスをもらいました。HTTP/2の伝送の画像など一部資料のご提供もいただいております。誠にありがとうございます。 https://spelldata.co.jp/ ほとんどの場合で間違い 1. すべての画像をCSSスプライトその昔、画像をすべて1枚にまとめて、DOMのbackground-image
Amazon出品者が語る商品の選び方→大量のサクラレビューよりも規約違反の可能性がある表記や画像に注目すべし
Joji Cokumu（狐アイコン唯一の良心。モフモフしたい。赤字貿易経営者！毒の人ではありません） @_596_ 狐アイコンで世界が認める唯一の良心。赤字貿易商でオアゲが食べたい。きつねうどん食べたい。肉うどんでもええ。モフモフ１回１００円。最近は巷では「毒の人」と言われている方いましたがきっと別人です。輸出入業経営者の貿易商・コピーライターなどやっている一般的なフツーの赤字経営者。早く黒字にするぞー。 石武丈嗣（２４時間働き詰め、コロナ赤字から早く脱したい万年赤字経営者。年収４０万円で暮らす日々。） @_596_ ちょっと参考になる商品の選び方でも。amazonで商品を選ぶサクラレビューよりも「タイトル先頭にブランド名かメーカー名が入っているものがおすすめ。」です。理由はそもそもタイトル先頭にブランド名、メーカー名を入れることは【必須】で破っているやつは規約違反だからです（続く１ pi
デザインコード抽出/共有/履歴/管理ツール『Avocode』 - Qiita
超昔の記事なので、最新の情報は各自確認して頂ければ幸いです。今はもうzeplinの方が使ってる人多そう。 こんな悩みを持ったことはないでしょうか？ [プログラマー] 自分が持っていないデザインツールのデザインを渡されて確認できない デザインを実現するCSSを考える時間を無くしたい デザイナーに画像/レイヤー切り出しを依頼する時間を無くしたい [デザイナー] エンジニアへのデザイン共有時、重たいファイルや画像を一々送りたくない エンジニアへのデザイン指示書を作りたくない(ファイルを見てわかってほしい！) かなり前の修正前デザインを確認/保存したい [ディレクター] 大量にある重いデザインファイルを一目でプロジェクト別に管理したい デザインへのフィードバックを簡単に明確に伝えたい [誰でも全員] PhotoshopでもSketchでもXDでもIllustratorでもどんなデザインファイルでも
Googleが大量の機械学習用データベースを無料公開してた - Qiita
個人用メモです。 機械学習は素材集めがとても大変です。 でもこの素材集め、実は無理してやらなくても、元から良質な無料データベースがあったようなのです。 URLはこちら YouTube8-M https://research.google.com/youtube8m/explore.html 提供されているサービスは以下の通り 800万個の動画 19億個のフレーム 4800個の分類 使い方はExploreから画像セットを探し、ダウンロードするだけ。 他の方法も見つけた open images dataset 「すごい神だな」と思ったのは これもう完成されてますよね もちろんこの認識前の画像もセットでダウンロードできます。 Youtube-８Mとは、画像数を取るか、精度で取るか、という違いでしょうか。 他にも良い素材集を教えていただきました （はてなブックマーク情報 @sek_165 さん ）
Macアプリ「iMage Tools」 - 画像ファイル名を一括変更（リネーム）
Macアプリ「iMage Tools」を使って、複数の画像ファイルを一括リネームする方法を紹介します。 まずは、Macアプリ「iMage Tools」をインストールしましょう。 画像ファイル名を一括リネーム アプリ「iMage Tools」を起動します。 ウィンドウの真ん中にある「Drop Images or Folders Here」にリネームしたい画像ファイルをドラッグアンドドロップします。 まず、Finderでリネームしたい画像ファイルを選択します。 「iMage Tools」にドラッグアンドドロップします。 すると、このように画像ファイルが読み込まれます。 右カラムの「Rename」をクリックします。 クリックすると以下の4つのリネーム候補が表示されるので、これらを組み合わせてファイル名を変更します。 Name - 画像ファイル名を使います。 Number - 連番を振ります。 D
赤ちゃんには、あなたの顔がこう見えている【画像】
生まれたばかりの赤ちゃんがものを識別できる距離は30センチ――ノルウェーのオスロ大学の研究者らが、新生児にはどのように世界が見えているのかという研究結果を発表した。生後2〜3日の赤ちゃんは、30cmの距離であれば両親の顔の表情を認識できるという。 発表を行ったのは、オスロ大学名誉教授のスヴェイン・マグヌッセン氏ら。動画を使ったテストで、大人の視力から新生児の視力を計算によって推測した。30cmの距離であれば顔の動きを捉えることができるが、60cm以上になると、ぼやけてしまうのだという。「微笑んでいる顔」や「驚いている顔」などが判別しやすかった。
slider
２倍速＆イージングあり。 $("#slide-01").slider({ time: 5, easing: "swing" }); // timeの初期値は10
CSS には vw, vh, vmin, vmax という単位がある | DevelopersIO
例として以下の様な HTML 構造があったとします。 <body> <!-- 画像解像度: 100 x 100 (px)--> <img src="images/thumbnail.jpg" /> </body> img { display: inline-block; margin: auto; width: 10vw; } img の幅を 10vw と指定しています。基準となるビューポートの幅を vw で表すと 100vw となります。iPhone 5S のビューポート幅をピクセルで表すと 320px な訳ですが、10vw はその 1/10 ということで32px が img の幅となります。つまり 1vw は 1% と同じ長さになります。もちろんリキッドレイアウトにも対応した動きを持っています。 Demo - viewport lengthを開く（このサンプルはChromeブラウザでの
デザイナーが選ぶデザイナーのための無料写真素材サイト10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
エンジニアの王です。 そもそも「素材」というのは「何かを作るための原材料」ですから、デザイナー・グラフィッカーなどにとっての「写真素材」とは、新しい何かを作るためのもととなる写真であって、ほぼそのままアイキャッチとして使ったり、記事内で使ったりするものではありません！ 同じ「写真素材」とは言っても、使い方によっては向き不向きっていうのがありますからね。今回は特にデザイナー向けの無料で使える写真素材サイトをご紹介します！ 私は「デザイナーに優しい写真素材」とは以下のような特徴を持っていると考えています。（もちろんすべてのケースに当てはまるわけではないが） 被写体が明確 背景が単純 同じオブジェクトを複数のアングルから撮っている テクスチャ系 切抜き済み そのため、今回は以上の特徴を多く持っている写真素材サイトだけに焦点をあてて紹介したいと思います！ おすすめ順で列挙していきますので、上位にき
パクリサイトに記事を全文無断転載されたのでGoogleに著作権侵害を報告しつつ差し替え画像を用意して対策を講じてみた
人の心を盗むことはあっても、記事を盗むことはありません。おつぱ（ @OZPA ）です。ｸﾗﾘｽｩｰ!!ｸﾗﾘｽｩｰ!! さて先日、Twitterで@25kei12 さんより「とあるサイトで記事が全文パクられてますよ」と教えて頂きました。 参考：全文パクリブログ発見! – ま鉄系 よくよく考えたら全文まるまる無断転載されたのは初めてのこと（把握する範囲で）。しかもサイトを見てみたら画像まで直リンクしてくださっているご様子。 うーん殴りたい。 そんなわけでどんな制裁をくわえてやろうかと高鳴る鼓動を抑えつつ、当該パクリサイトにいろいろと対策を講じることにしました。（パクリサイトへのリンクはしておりませんので悪しからず） Googleに著作権侵害で報告 まずはじめにやるべきはGoogleへの著作権侵害を申告することでしょう。以下のサイトを参考にさせて頂きました:) 無断コピーされたコンテンツをGo
デジタル＠備忘録 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
【全板集合】2chにある無駄な知識、画像を集めるスレ『超絶美人LuGo』:哲学ニュースnwk
2011年11月07日16:10 【全板集合】2chにある無駄な知識、画像を集めるスレ『超絶美人LuGo』 Tweet 340： 水先案名無い人：2011/10/31(月) 22:01:56.75 ID:h4MJbK/W0 元AKB48・小野恵令奈 【芸能】元AKB48・小野恵令奈、レプロエンタテインメントに所属へ 「留学も考えましたが、もう一度この世界でがんばることに決めました」 http://kamome.2ch.net/test/read.cgi/mnewsplus/1319957480/236 236 名前：名無しさん＠恐縮です[sage] 投稿日：2011/10/30(日) 17:32:54.58 ID:7vpJJv/d0 ( ﾟдﾟ)ｺﾞｸﾘ 679： 水先案名無い人：2011/11/04(金) 19:08:36.97 ID:7PLVuPwo0 日本で一番偉いという
見た目はそのままで、JPEG画像のファイルサイズを1/5に軽量化するオンラインサービス -JPEGmini | コリス
JEPG画像の見た目の品質を維持しつつ、ファイルサイズを1/5に軽量化するオンラインサービスを紹介します。 ※1/5は画像によって差があります。 JPEGmini 左：オリジナル（3662KB）、右：JPEGmini（628KB） [ad#ad-2] サイトではデモのJPEG画像が4種類あり、中央のスライダーを操作することで左：オリジナル、右：JPEGmini、見た目の品質を比較することができます。
異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」:phpspot開発日誌
異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」 2011年06月27日- Official Demo page for MyThumbnail jquery plugin 異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」。 画像は普通に並べると高さやサイズも一定ではなくかといってサイズしていで縮めちゃったとしても幅は一定になりません。 このプラグインを使えば指定のサイズにまるめてくれるだけでなく、トリミングもして画像が変な方向に伸縮しないようにも調整してくれます 次のような画像を並べただけの状態があったとして。 次のように、指定したサイズに調整した上でトリミングもしてくれます（角丸はCSSで指定してます）。 HTMLは次のようにかなり単純に<a>付きの<img>を並べただけです。 <div
ECサイトで使えそうな画像のレンズズームを超簡単に実装できるjQueryプラグイン「Lens Zoom」:phpspot開発日誌
ECサイトで使えそうな画像のレンズズームを超簡単に実装できるjQueryプラグイン「Lens Zoom」 2011年06月23日- A jQuery plug-in for Lens Effect Image Zooming ECサイトで使えそうな画像のレンズズームを超簡単に実装できるjQueryプラグイン「Lens Zoom」。 次のように、画像の特定部分の円形のみをズームするようなUIが簡単に作れちゃいます。 ECサイトなどで商品を拡大するように実装されていたらお客さんに喜んでもらえるかも。 レンズの大きさもピクセル指定で自由自在です。 白黒写真がレンズを入れることでカラーになるみたいな効果も。 レンズの色やサイズも選べます。 実装の容易さも素晴らしくて、.imageLensで初期化するだけです。 関連エントリ タイマーを作る際に便利なjQueryプラグイン「jQuery Timer」
商用サイトで使える無料の写真素材サイト 厳選まとめ | 日刊ウェブログ式
@Lynnwest-Stock 商用利用可能なフリーの写真素材を配布しているサイトを厳選してまとめてみました。サイトによっては、画像ごとにライセンスが違うものもありますので、都度ご確認ください。 2011.11.07 PAKUTASO/ぱくたそ、Luc Viatour追加しました。 2013.04.10 Pixabay 追加しました。 2014.03.27 PhotoMarche 追加しました。 フォトマルシェ クオリティ抜群の無料写真素材サイト。商用可。要会員登録 Official Site 写真素材 足成 無料では貴重な人物写真素材を多く配布するサイト。商用可 Official Site 【フリー写真素材】モデル・人物の写真素材はモデルピース モデルの人物写真素材の配布サイト。無料、クレジット表記不要、商用利用可。 Official Site PAKUTASO/ぱくたそ 珍しい日本人女
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用利用無料、国内のフリーイラスト素材の総まとめ
waifu2x
ウェブテクノロジの画像最適化ツール「OPTPiX imesta 7」が機能強化――ファイル縮小＆サイズチェッカーを搭載 / GameBusiness.jp
画質を落とさずに最大90%画像のファイルサイズを圧縮できるツール『Caesium』 | ライフハッカー・ジャパン
