タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

programmingとProgrammingとimageに関するAmaiSaetaのブックマーク (9)

  • 知ってますか? :shipit: の意味と由来 - Qiita

    これは何? → GitHub でよく使われる絵文字の一つです。 :shipit : というコードが割り当てられていて、"ship it" と読みます。 若干わかりづらいですが、「帽子をかぶった(動物の)リス」です。 どういう意味? 一般に、PR に対するレビューコメントにおいて良く使われます。 「変更に問題はない、コードをリリース(ship)してしまって構わない」という意味です。 また、最近ではコミットメッセージにおいて見かけることが増えています。 「 vX.Y.Z」として、このコミットを契機にパッケージをリリースするようなケースで利用されます。 なぜリスなのか? リス自体に意味はありません。 GitHub 所属の @jglovier さんが、Quora 上でその由来について言及しています。 On GitHub, what is the significance of the 'Ship

    知ってますか? :shipit: の意味と由来 - Qiita
  • placehold.jp | 簡単!ダミー画像作成

    以下の形式で、指定したサイズの画像を作成することができます。 https://placehold.jp/{幅}x{高さ}.png 例) <img src="https://placehold.jp/150x50.png"> 背景・文字の色サイズを変更する https://placehold.jp/{文字色}/150x100.png https://placehold.jp/{背景色}/{文字色}/150x100.png https://placehold.jp/{文字サイズ}/{背景色}/{文字色}/150x100.png ※背景色・文字色はRGBの16進数表記 例) <img src="https://placehold.jp/24/cc9999/993333/150x100.png"> ファイルフォーマットを変更する URL末尾の拡張子で、pngとjpgの2種類が指定可能です。

    placehold.jp | 簡単!ダミー画像作成
    AmaiSaeta
    AmaiSaeta 2021/01/12
    任意の大きさ、内容のplaceholder画像生成
  • なんでもかんでもpicture要素を使えばいいわけじゃない!レスポンシブ・イメージ実装の際の注意点

    画像表示のマルチデバイス対応をHTMLCSSのみで実現できる「レスポンシブ・イメージ」ですが、効果的な使い方をするには、いくつか注意点があります。プロダクション・サイトで使えるようになるまでにはもう少し時間がかかりそうですが、基礎と注意点くらいは今から覚えておいても良さそうです。 Cloud Fourというアメリカの制作会社のブログ で、<picture>要素の使い方について注意を促していて、とても重要な情報だと思ったのでこちらでもシェアします。先日書いたレスポンシブ・イメージとPicturefill 2のまとめとあわせて、近い将来、レスポンシブ・イメージ実装の参考になれば幸いです。 まずは推奨の記述方法から レスポンシブ・イメージ実装の際に推奨されるHTMLの記述方法は以下のとおりです: とりあえず、これだけ覚えておけば、細かいところはこの記事をはてブ しておいて、使う時にもう一度見な

    なんでもかんでもpicture要素を使えばいいわけじゃない!レスポンシブ・イメージ実装の際の注意点
    AmaiSaeta
    AmaiSaeta 2018/10/19
    "サイズ変更のみの場合はimgにsrcset属性を使う" "アートディレクションを入れる場合のみpictureを使う"
  • 遅延読み込み用のぼやけた画像

    Mediumでとある記事を高速にスクロールして読んでいたら、さりげなく画像を遅延読み込みしていることを知った。読み込み発火のタイミングがうまいのかあまり遅延読み込みの存在を感じさせないのもすごいと思ったが、プレースホルダー画像の実装方法が良さそうだった。単純に元の画像を幅30px程度まで小さくしてそれをブラウザーにリサイズさせることでぼやけた画像をプレースホルダーとして表示しているだけだが、十分に機能していそうで目から鱗だった。 画像の遅延読み込みはなかなか曲者で、読み込むタイミングやプレースホルダーとしている画像が悪いと大きくユーザーにストレスを与える。プレースホルダーでよく使われるローディング画像は読み込み中のインジケーターではあるが、同時に何か遅いことをやっていますというネガティブな印象も与えてしまう。ユーザーはローディング画像を見るとスクロールを止めなくてはならないのかと感じること

    AmaiSaeta
    AmaiSaeta 2015/10/24
    "単純に元の画像を幅30px程度まで小さくしてそれをブラウザーにリサイズさせることでぼやけた画像をプレースホルダ―として表示しているだけ" !!!!
  • プログラムコードを画像化できる「Instacode」 | ライフハッカー・ジャパン

    「Instacode」はプログラムコードを画像化できるサービスです。JavaScriptPythonRubyなどプログラミング言語でコードを書くとそのコードが画像として出力できます。ぼかしたり、影をつけたり加工をすることもできますよ。 以下に使ってみた様子を載せておきます。 まずInstacodeへアクセスしましょう。コードを書いて、シンタックスハイライトを選んで画像化します。 画像化されたあとにぼかしを入れたり影をつけたり加工することができますよ。単なる文字列のコードが加工された画像として表示されるとなんだかカッコよくなりますね。コードを画像として共有したいときにぜひ。 Instacode (カメきち)

    プログラムコードを画像化できる「Instacode」 | ライフハッカー・ジャパン
  • パフォーマンスからみるSass/Compass 第2回:CompassによるCSS Sprite - MOL

    Sass、Less、StylusなどCSS Preprocessorに関するAdvent Calendarです。― CSS Preprocessor Advent Calendar 2012 - Adventar パフォーマンスの勉強ができてなおかつSass/Compassのお勉強にもなるお得なシリーズまさかの2回目。Adventにぶつけてきた!ややもするとシリーズものの2作目というのは駄作になりがちだが、そんなプレッシャーはねのけて乱反射!やっていくYO! これまでの: パフォーマンスからみるSass/Compass 第1回:Nestingと@import - MOL パフォーマンスからみるSass/Compass 番外編:MSは青かった - MOL CSS Spriteの利点・欠点 『ハイパフォーマンスWebサイト』の書籍には「高速サイトを実現する14のルール」というものがある。その中

  • 日本のゲームは今後どのように進化していくのか、「CESA ゲーム開発技術ロードマップ」公開

    最新および将来の技術動向をゲーム開発者に向けて提供するため、社団法人コンピュータエンターテインメント協会(CESA)が「CESA ゲーム開発技術ロードマップ」を公開しました。世界のゲーム開発現場に比べて日ゲーム開発は遅れを取り始めていると言われて久しいですが、このロードマップを見ると、日ゲーム開発はまだまだ発展の余地が考えようによっては山ほどあるとわかります。 ロードマップは5つのカテゴリ、「プログラミング」(プログラミング一般、コンピューターグラフィックス、AI、物理、アニメーション)・「ビジュアルアーツ」(レンダリング、アニメーション、グラフィックデザイン、オーサリング・プロダクション)・「ゲームデザイン」(ゲームシステム、生産性と品質の向上、気にしなければならない周辺技術)・「サウンド」(DSP (Digital Signal Processing)、シンセサイズ・波形生成・

    日本のゲームは今後どのように進化していくのか、「CESA ゲーム開発技術ロードマップ」公開
  • Programming Tips

    Programming Tips ほかでは見られない、こんなものが知りたかった!というプログラミングテクニックをご紹介します。 ここで紹介する技術は自由に利用されて構いません。 ほとんどメンテしていないので、古い情報がかなりたくさんあります。。 初級編 中級編 上級編 初級編 ビットカウントを行う方法 プログラマの隠れ里 プログラミング言語Cの新機能 HTML ヘルプ - KeiYu HelpLab, HTMLヘルプ初級者コース、HTML Help for Visual Studio、C++BuilderでHtmlHelpを呼ぶ方法←これだけじゃだめ でも... ソース→HTML - ソースHTMLコンバーター RTFコンバーターなど WindowsCE関連 - 定義済みマクロ Windowsカスタマイズ DOS窓で標準エラー出力をリダイレクト 使えない文字 - URI使用禁止文字

  • OBB vs AABB - Radium Software Development

    This domain may be for sale!

    AmaiSaeta
    AmaiSaeta 2006/04/13
    どきっ
  • 1