10.5インチiPad Proはぼくのライフスタイルを一変させました。 それまでブログを書くためにMacBook Proを持ち運んでいたのが、10.5インチiPad Proを購入してからはほとんどの記事をiPad Proだけで執筆しています。 iOS 11も正式リリースされ、もうWordPressのブログ執筆はiPad Proだけで完結できると改めて確信したので、ぼくが構築している環境を保存版として細かく書き出してみました。(ブログ用の写真は別途カメラを使用しています。) 以前に「10.5インチiPad Proでブログを書くDRESS CODE.の作業環境」という記事も書きましたが、より分かりやすく、より細かい部分まで書いてみようと思います。 <2018.6.13追記> その後iPadをさらに活用するために10.5インチから12.9インチへ買い替えました。買い替えた理由など詳しくは下記の記
ちまたで阿部寛のサイトが早いと話題になってます。 dev.toと阿部寛のホームページどっちが速いですか? dev.toと阿部寛のホームページについてちゃんと計測させてくれ 阿部寛のサイトはベストを尽くしてるのか? それを調べるために、阿部寛のサイトを高速化させてみたいと思います。 目指すべきスピード 最速はローカルのファイルへのアクセスだと思うのでこれを目指したいと思います。 file:///C:/abe_hiroshi/index.html ChromeのDeveloper Toolでレンダリング完了が「173ms」でした。 まぁここまでは無理だな… 阿部寛のサイトはどんなもん? 速度はwebpagetest.orgで測ってみます。 レンダリング完了時間は「359ms」です。はえーな S3でホスティングしてみる サーバーを立てるほどでもないので、S3でWebホスティングしてそこにhtml
特にレスポンシブやスマホサイトで見かけることが多い、どんなウィンドウサイズでも縦横比を維持しつつ横幅いっぱいに画像を表示している見栄えですが、imgであれば画像を配置してwidth:100%;とheight:auto;辺りを指定しておけば簡単に表示させることができても、その見栄えを背景画像を利用してとなると先述した方法では実装できません。 背景画像でも同じように縦横比を維持しつつ横幅いっぱいに画像(背景画像)を表示させたいときは以下の方法で実装することができます。 実装には背景画像を表示したい部分に下記のようなCSSを記述することで縦横比を維持しつつ横幅いっぱいに背景画像を表示させることができ、以下のサンプルは表示させたい画像が「横幅:1000px 高さ:300px」の画像だった場合のものになります。 .background { width: 100%; height: 0; paddin
先日、うちのイラストがとあるウェブメディアに無断使用されました。それに対し料金を請求したらこうなった、という顛末を紹介します。お支払いは無事頂けたのですが、そこに至る対応は一筋縄ではいかないものです。イラストが無断転用されたときにはどう対応すればいいのか、参考になれば幸いです。 イラストの無断使用を発見 盗用を発見してすぐにしたこと 無断使用の請求金額について 先方の言い分と交渉 参考サイト まとめ ※おことわり……ウェブメディアの名前や会社名はここでは非公表といたします。 1. イラストの無断使用を発見 イラストの無断使用を発見したのは、Google Analyticsでブログへのトラックバック元をチェックしていたときでした。見慣れないサイト名があったのでチェックしてみたら、うちのイラストをかなり堂々と使ってあったもので、びっくりしたんです。 無断使用されていたページはとある外国の情報
タイトルの通り、最近のiTerm2では、シェルでインライン画像表示できるようになってた iTerm2 v3 画像表示 使い道— Issei Naruta (@mirakui) 2016年2月19日 詳しくはこちら iterm2.com どういうこと? 以下の画像のようなことができる(上のURLからサポートスクリプトをおとして入れる必要がある) どうなってんの? エスケープシーケンス的なものを駆使して、すこしのパラメタと、base64にエンコードされたボディのデータを受け付けた時にiTerm2がよしなにしている。 みんな大好きアニメーションGifもサポートだ gyazo.com 使い方は? Images - Documentation - iTerm2 - macOS Terminal Replacement からサポートスクリプトをDLして、+xして使う。(ただし、一部環境については後述)
不思議ネット とは 不思議.netでは5ちゃんねるで話題になっているスレを厳選してお届けするサイトです。普段5chを見ない人でも気軽にワクワクできる情報サイトをころがけて毎日絶賛更新中!
東京国立博物館で開催された展覧会の盛況ぶりも記憶に新しい大人気の「鳥獣戯画」。あまりの混雑で見に行けなかった方、地方民に慈悲はないのかと嘆いている方、「鳥獣戯画制作キット」で気分だけでも味わってみてはいかがでしょう。 「鳥獣戯画制作キット」 「鳥獣戯画制作キット」は、2011年ごろまで遊ぶことができた「くらえ米俵ビーム」で知られる北斎漫画制作ツールを手本につくられたジェネレーター。左横に設置されているボックス内からカエルやウサギ、猿などの画像および文字をクリックしてドロップすれば簡単に自分だけの「鳥獣戯画」が誕生します。 サイトのサンプル画像より。楽しい ネタ画像を作るもよし、芸術性を追求するもよし。楽しすぎてついつい時間を忘れてしまうかもしれません。悲しくなるぐらい絵心がない筆者もいろいろ作ってみましたが、遊んでいるうちに各動物たちの個性や躍動感に魅せられ、「鳥獣戯画」の奥深さに改めて驚
5月21日未明、東京では落雷が相次いだ。墨田区にある高さ634メートルのスカイツリーには、何度も落雷が起こっていたようだ。その模様を捉えた写真がTwitterでは多数投稿されている。
1 :以下、\(^o^)/でVIPがお送りします :2015/05/15(金) 22:27:32.680 ID:AQtPylnh0.net 市販者やプロトタイプスポーツカーや試作車なんでもありで 2 :以下、\(^o^)/でVIPがお送りします :2015/05/15(金) 22:27:57.046 ID:AQtPylnh0.net 3 :以下、\(^o^)/でVIPがお送りします :2015/05/15(金) 22:29:10.189 ID:AQtPylnh0.net 22 :以下、\(^o^)/でVIPがお送りします :2015/05/15(金) 22:43:42.562 ID:A9NDjZZm0.net そんなに好き好き言われると照れるよ 6 :以下、\(^o^)/でVIPがお送りします :2015/05/15(金) 22:30:29.848 ID:ADbzojsn0.net 7
Posted: 2015.05.07 / Category: HTML&CSS, javascript / Tag: CSS3, jQuery iOS風のぼかしは画像が全画面表示だったら色々jQueryプラグインがあったのですが、今回は一部の要素の背景に重ねたかったのでちょっと試してみました。 確認環境: Chrome42, Firefox37, Safari7, iOS8, Android 4.4 均一の余白で配置するバージョン paddingのみでぼかすパネルを配置する方法です。これならCSSオンリーでいけます。 html&cssは下記のようにします。 html <div class="panel"> <div class="panel-in"> <div class="panel-main"> 内容文が入ります。 </div> </div> </div> css *::before,
例えば、画像のダウンロード状況をプログレスで表示していて、プログレスが100%の状態を一定時間ユーザーに見せておきたい場合、以下のように記述します。 ※画像のダウンロード処理はSDWebImageを使用しています。 [[SDWebImageDownloader sharedDownloader] downloadImageWithURL:photo.imamgeURL options:0 progress: ^(NSInteger receivedSize, NSInteger expectedSize) { float progress = [@(receivedSize) floatValue]/[@(expectedSize) floatValue]; progressView.progress = progress; } completed:^(UIImage *image, NS
個人でも商用でも無料で、クレジットの表記義務がない写真画像をPhotoshop上から簡単に選べて、ダウンロードして利用できる機能拡張を紹介します。 画像を探すのにブラウザを開く手間がなくなり、普通に便利です。 SplasHolder 写真画像は全てUnsplashの画像を使っており、画像のライセンスはCC0で個人でも商用でも無料、そしてクレジットの表記義務はありません。 データをひっぱるのにはUnsplash.itのAPIを利用しており、今後これを利用したサービスが増えそうですね。 Photoshop用の機能拡張「SplasHolder」のダウンロードは、下記ページの下の方です。 Photoshopの対応バージョンは、CCです。
勉強会、カンファレンスで使うプレゼンテーションをつくる際の画像の探し方。 一時期「プレゼンテーションZen」が話題になったように、大きな写真を使ったプレゼンテーション手法が使われることがあります。どのような手法であってもプレゼンテーションをより魅力的にするために、あるいは内容をより伝わりやすくするために視覚的なイメージを使うことは有効な手段だと思います。 いざ画像を探そうって時に、自分の持っている画像で事足りれば問題ないのですが、だいたいそうじゃないからけっこう画像探しって困ってしまいますよね。 ということで、普段私が画像を探す際に利用しているサイトをご紹介します。 権利関係については以下をご一読いただけるといいと思います。 クリエリティブコモンズライセンスとは 結局これだけあればなんとかなるセット【更新】 詳細については各サイトの指示に従い、自己責任でご使用ください! Unsplash
これに出てくるソフトは、ほとんどが、以前から使っていたり、知っていたりするものがほとんどなんですが、このとき調べていて、「Screenpresso(スクリーンプレッソ)」というソフトを初めて知りました。 それ以来、いろいろ試しに使っているのですが、Skitchにはないいろいろな表現が可能で、一目で気に入ってしまいました。Sublime Textは、「恋に落ちるエディター」といわれていますが、Screenpressoは「恋に落ちる注釈ソフト」といっていいほど、心を打ち抜かれました。 ということで、今回は、Screenpressoという画像注釈ソフトの紹介です。 Screenpressoとは Screenpressoとは、Skitch並みに手軽に使え、その上、Skitch以上に表現力のある画像注釈ソフトです。基本的にほとんどの機能を無料で使えます。 様々なスクリーンショットを撮る機能があるのは
カチカチッとしたキータッチが特徴のメカニカルキーボード。ここ最近はキースイッチがCherry MX製ではなく kailh製を採用しているモデルも数多く登場。また、メーカーによってはそれらと違う独自のタイプを開発した ところもあって、まさに戦乱状態。キーボードファンのやり取りも日々活発に行われていますが、そのような 人たちが集まるフォーラムサイトで、2014年12月に投稿されていた画像100枚をちょっと見てみます。 (RealforceやHHKB Proといった機種も含みます) お前等のメカニカルキーボード見せろよ(海外)Part.35 http://watchmono.com/blog-entry-4865.html (via imgur)海外では既に周知であるLEOPOLDの「FC660C」が今でも割と多い印象。でもそういえばこのシリーズは静電容量無接点方式だけでなくメカニカルもあります
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く