悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)Horiguchi Seito
2年半くらい画像システムを担当していたのですが、3月イッパイで異動することになりましたokzkです。 異動記念ということで、とりとめもなくエンジニアブログを書いてみます。長いです。よろしくお願いいたします。 画像システムのこれまでのストレージ事情最初にアメブロ(以下、単にブログ)のユーザ投稿画像関連でのストレージの歴史をアレコレをまとめてみようと思います。なお、以下swiftと書いたらOpenStack Swiftのことです。流行のプログラミング言語のことではありません。 はるか昔の状況昔は単純にWebDAVを複数台並べ、イッパイになったら更に次の世代のWebDAVを追加する、というような構成で、参照時に画像URLパスに含まれる年月ベースで適切な世代のWebDAVにルーティングしていました。 (参考:画像URLのパスの例) /user_images/20160401/00/shibuya/
Have you ever wondered what kind of a cat your favorite JavaScript framework would be? We have! Php vs Node.Js The Cristiano Ronaldo of cats Popular and professional, everybody dreams of working with him. He is very powerful and has great support. Unfortunately, like every star, AngularJS has whims and demands which need to be fulfilled for him to be truly efficient. Javascript Trading Bot Small,
Acorn is an image editor for MacOS 10.14 Mojave or later, including MacOS 14 Sonoma. Universal binary for Apple Silicon Macs. One of a kind, no subscriptions, no hassle. Version 7.4.3. Read the full release notes. Unified Windows Acorn now sports a single unified window with a matching toolbar. Gone are the multiple floating palettes getting in your way. Acorn also adopts many new MacOS Big Sur co
PFNのmattyaです。chainerを使ったイラスト自動生成をやってみました(上の画像もその一例です)。 20日目の@rezoolabさんの記事(Chainerを使ってコンピュータにイラストを描かせる)とネタが被っちゃったので、本記事ではさらに発展的なところを書いていきたいと思います。一緒に読んでいただくとよいかと。 概要 Chainerで画像を生成するニューラルネットであるDCGANを実装した→github safebooruから顔イラストを集めてきて学習させた 学習済みモデルをconvnetjsで読み込ませて、ブラウザ上で動くデモを作成した→こちら(ローディングに20秒程度かかります) アルゴリズム 今回実装したDCGAN(元論文)はGenerative Adversarial Networkというアルゴリズムの発展形です。GANの目標は、学習データセットと見分けがつかないようなデ
CSSちゃん塗り終わった! レースがカスケーディングしてたりニーソがborderだったり https://t.co/jNiG7X91XB
Mediumでとある記事を高速にスクロールして読んでいたら、さりげなく画像を遅延読み込みしていることを知った。読み込み発火のタイミングがうまいのかあまり遅延読み込みの存在を感じさせないのもすごいと思ったが、プレースホルダー画像の実装方法が良さそうだった。単純に元の画像を幅30px程度まで小さくしてそれをブラウザーにリサイズさせることでぼやけた画像をプレースホルダーとして表示しているだけだが、十分に機能していそうで目から鱗だった。 画像の遅延読み込みはなかなか曲者で、読み込むタイミングやプレースホルダーとしている画像が悪いと大きくユーザーにストレスを与える。プレースホルダーでよく使われるローディング画像は読み込み中のインジケーターではあるが、同時に何か遅いことをやっていますというネガティブな印象も与えてしまう。ユーザーはローディング画像を見るとスクロールを止めなくてはならないのかと感じること
[be]Lazy.js » A lazy loading and multi-serving image script « Download bLazy v 1.8.2 2016.10.25 - LESS THAN 1.6KB What is bLazy? bLazy is a lightweight lazy loading image script (less than 1.2KB minified and gzipped). It lets you lazy load and multi-serve your images so you can save bandwidth and server requests. The user will have faster load times and save data loaded if he/she doesn't browse th
プログラミング言語擬人化Wiki跡地です。 2009/05/10 時点の全画像ファイルを固めた zip を置いておきます。 http://pggirls.asukaze.net/kako/pggirls.zip (13.6 MB) 過去ログ 言語タンはエロかわいい! http://hibari.2ch.net/test/read.cgi/tech/1098953121/ 【プログラミング言語】Perlたんは16歳になりました http://pggirls.asukaze.net/kako/ascii2d/1073747234.html (dat) 【Perlタン16歳】プログラミング言語にハァハァ2【C++様21歳】 http://pggirls.asukaze.net/kako/ascii2d/1101954525.html (dat) 関連スレ MASMたん http://pgg
Gifアニメーション、最近になってなんだか便利さ再認識されてきたような気がしてる。 動かないjpg画像と違って、画像会話に使うと感情の伝達豊かにできるし、ちょっとしたことを詳細に伝えられて便利だと思う。 動画ファイルより非常に扱いやすいので、単秒でちょっとしたことを手軽に伝えたいときに非常に便利。 理想のGif作成環境とは求めるGif画像作成環境というのは 少ないステップで思った通りのGifを作成できる手間暇かからず時間がかからないややこしいことせずにシンプルに行える適度なファイルサイズで書き出せるPhotoshopより手軽できれば手軽に共有したいPhotoshopあればGif画像作れるんだけど、PhotoshopのGif作成はやたらとCPUパワー食うし書き出しに時間かかったりでスムーズに行えない。 つまるところ、"複雑なことせずにマシンパワーも食わずに素早く自分の思い通りにGifを作れる
APIも用意しました コマンド叩くだけで自動生成できますcurlで叩くだけでアイコンを自動生成できるので、ローカルにある画像を元にお手軽に作ることができます。 迷ったら簡単に作ってみましょう。きっとなんとかなる! curl xn--9i8hku.ws/yosemite-icon/api -F "icon_image=@filename.png" -F "base_color=rgb(79, 179, 180)"> icon-name.png このスクリプトをターミナルに貼り付けて実行してみてください。 パラメーターメソッドはPOSTのみ受け付けています。APIのURLは「http://xn--9i8hku.ws/yosemite-icon/api」です。 パラメータ解説
Fast native apps with icons, illustrations and photos
Picturefill A responsive image polyfill. Authors: See Authors.txt License: MIT This project is archived and deprecated! At the time, it helped us transition to responsive image HTML patterns until browsers supported them. Support and fallback strategies are now very good, and this project is no longer needed or recommended. Thanks everyone!` Picturefill has three versions: Version 1 mimics the Pic
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く