FacebookのOGP画像のサイズと、ニュースフィードでの表示サイズについては、過去にも数回に渡ってまとめていますが、今回は画像の中に人間の顔が入っている場合の動きについて検証してみます。 どうやら、画像内に人間の顔が入っている場合、トリミングの仕様が通常とは異なり、顔の位置を自動検出してそこを起点にトリミングを行うようです。 なんと言う余計なお世話ハイテクシステム！ ※過去のFacebook OGP画像関連のまとめ FacebookのOGP画像の仕様がまた変更。ニュースフィードでもタイムラインでも欠けないようにする方法。（スマホ対応！最新版　※9.21追記） FacebookのOGP画像、最新サイズでの作成例をご紹介 本題に入る前に、簡単におさらいです。 FacebookのOGP画像のニュースフィード上のサイズは、w1.91：h1 w468px以上でないと大きく表示されない（※Face

中京テレビ「キャッチ！」で特集として取り上げてもらいました 先日もお知らせしましたが、このたびディズニー映画「プレーンズ2」の主役であるダスティくんをダンボールで制作しました。 その制作舞台裏を中京テレビのお昼の情報番組「キャッチ！」の特集として取り上げていただきました。ありがとうございます！ 特集の冒頭。ディズニーキャラを○○で！？ はい、ダンボールですね！ サラーリーマンクリエイター的な感じでしたw タイトルまでご用意いただいております！恐縮すぎます。 実写合成の過去作品まで、ご紹介いただきました。 まあ、かぶるよねw 歴代ダンボール作品の紹介も！ てことで、今回はプレーンズ2のキャラクター制作依頼をいただきました！ ダンボールを切り始めた頃の映像。このときはまだ、気楽だったよな〜w ペパクラデザイナーで作った展開図の説明とか。 いつもお世話になっております、エランズクラフトさん登場！

目次Q1.「ブログからの収入で生活とか無理ゲーじゃないの？」Q2.「炎上させてPV稼いで生きるとかやってられないだろ」Q3.「読む人が多くなると叩かれるのが怖い…」Q4.「不安定なんでしょ？会社員の方がいいよ」Q5.「会社員と同じくらい時間かけて毎日何記事も書いてその程度の収入なの？」Q6.「プロ野球選手並に狭き門なんでしょ？」Q7.「私もブログで食べていきたいと思ってます！1日◯記事書きます！」 Q1.「ブログからの収入で生活とか無理ゲーじゃないの？」A1.いえ、可能です。現にやってますただし、ブログでちゃんとある程度の収入を継続的に得ようとすると短期間バズっただけではダメですし、ある程度時間がかかります。 収入を得たいだけであれば特定ジャンルに特化したアフィリエイトサイトを作った方がよっぽど効率が良いでしょう。ブログで稼ぐなんて効率よいとはいえません。 一方で、わりと雑多なことを好きな

Captcha security check noxtan.com is for sale Please prove you're not a robot View Price Processing

とある六畳間で印刷物を作ったりWEB的な何かをしていたり、物思いをしてみたり、嫁様の目を盗んでtwitterとかしてたりします。

17種類ものWebサービスを一括で管理ができるというWebサービスのハブとなるようなサービスが「Jolidrive」です。 現在Jolicloudで管理することができるWebサービスを以下にまとめてみました。 ストレージ系Webサービスは以下の5つ。メジャーどころは抑えてあります。 boxDropboxGoogle DriveSkyDriveUbutuOneSNSは以下の3つ。Twitterが入っていないのが残念。 FacebookGoogle+Tumblr写真系Webサービスは以下の3つ。こちらもメジャーどころは完璧。 FlickrInstagramPicasa動画系Webサービスは2つのみ。 YouTubeVimeo音楽系Webサービスは1つのみ。 SoundCloudあとで読む系のWebサービスまで管理可能です。 InstapaperPocketReadabilityJoliclou

デザインには意味があります。物を配置するにしても、なぜそれを配置するのか？なぜその色味なのか？なぜそこに置くのか？など、実に多くの事を考えてデザインは行われています。 そのためデザイナーが考える事は実に沢山有り大変なのですが、デザインには決められたルールという物が存在し、「こうしなければならないルール」、「こうしてはいけないルール」と言ったものが多数存在します。 デザイナーはそういったルールを知識として蓄えているので、考えるべき点を素早く整理し形にしていくことが出来るのです。 今回はそのルールについて少し述べたいと思いますので、デザインが苦手な人も是非そういったルールについて考えてみて頂ければと思います。 レイアウト ビジュアルは左、テキストは右 人間の脳は左側に配置されたものを感覚的に美しいと感じやすく、右側に配置されたものを理論的な思考で捉えやすくなっています。そのため上記のような写真

あけましてめでとうございます。年末年始 魔の9連休により完全にダメ人間化した霙(@xxmiz0rexx)です。2013年一記事目は最近出会った素敵なサイト『UICloud 』のご紹介をしたいと思います ;) 『UICloud 』は、ボタンやフォームなどの細かいパーツからダッシュボードのデザインまで幅広いUIデザインを検索でき、ありがたい事にすべてpsdデータがダウンロードできる素晴らしいサイトでございます。 サイトで使われている言語は英語ですが、検索する単語は慣れ親しんだWEB用語（buttonとかsearch formとか）ですし、 ライセンス表記もぱっと見て分かるところ（サイドバー最上部）にあるので特に困ることはないですね :) クオリティの高いデザインばかりなので見ているだけで刺激になりますよ！ もちろん、商用利用可能なので素材をそのまま使ってもOK! いくつか見たところライセンスは

Captcha security check noxtan.com is for sale Please prove you're not a robot View Price Processing

2012年版って事で。 とにかくとことんブログのアフィリエイトで稼ぎたいという人へ向けたルールというかノウハウです。 全部出しきるよ。長いよ。 ※2016/2/25追記 マイナンバー制度の導入で下記方法で提出しても会社にバレるかもしれませんので自己責任でお願いします。絶対にバレる、というものでもないですが、特定の場合にバレる場合があると予測されます。 https://biz.moneyforward.com/mynumber/basic/my-number-side-business/ 現実的な問題にぶち当たっている人は多い ちなみに私はアフィリエイターではない。極たまに気に入った商品やアプリを紹介したときに、アフィリエイトを利用しますが、それ以外は基本は書きたいことを書くだけです。それでも十分に生活できるだけの収益はあります。 どちらかというと書きたいことの中に、商品が絡む場合のみ登場す

現在、A!@attripさん発で話題になっている「たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS」という記事。 Webデザイン界隈では当たり前のものですが、実はもうひとつ追加しておくといいかもしれないjsがあったりします。 Photo:html5 By michael pollak IE8以前のブラウザはどうにもこうにも開発者泣かせなわけですが、ie9.jsとcss3-mediaqueries.jsを突っ込むことで、モダンブラウザと同じ挙動にすることができちゃいます。 もう少し具体的に書くと、ie9.jsを組み込むことで、 position:fixed;に対応 max-width、max-heightに対応 属性セレクタ、擬似クラスに対応 margin:0 auto;でのセンタリングに対応 透過PNGに対応 opacityに対応 といったことが可能になります。要はCS

2013年11月28日 便利ツール 私のメインマシンはMacです。以前から制作環境であったり、使ってるアプリを紹介してほしいとのリクエストを頂き続けているので、やっと重い腰をあげてまとめてみます…。というのも結構有名所のものばかり使っていて、目新しいものは特にないので…あまり…面白くないかなって…。それでも読んであげるよっていう優しい人は続きをどうぞw ↑私が10年以上利用している会計ソフト！ 簡単にスペック紹介 Macbook Pro 13″です。それでWebデザインって画面小さくないかって？小さいですよ！大きな画面に憧れてますよ！しかし国をまたいだ引越しが多く、作業もカフェや図書館ですることが多いので、持ち運びを重視して小さなサイズです。いい加減デュアルディスプレイにしたいです。 デスクトップ。普段はドック隠してます。デスクトップがファイルだらけになるのが嫌いなので、一時的に画像やファ

Captcha security check noxtan.com is for sale Please prove you're not a robot View Price Processing

jQueryでスクロールすると表示する系いろいろ 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 投稿日2012年03月08日 更新日2019年12月19日 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration

2016年6月8日 Wordpress, 便利ツール ブログツールとして大人気のWordPress。Wordpressを使って、WebやIT関連の情報ブログを書いている方も多いと思います。今日はWebデザイナーやプログラマー等の本職＋ブロガーとして働く皆さんの強い味方となるプラグインをいくつか紹介します！ ↑私が10年以上利用している会計ソフト！ Key Shortcut Formatter Key Shortcut Formatterはショートカットキーを表示するのに便利なプラグイン。アプリの使い方などでショートカットキーを説明する時に便利。例えばMacで「貼り付け」を説明するのに、通常「コマンド＋V」と書きますが、このプラグインを使えば コマンド + V と表示できます！ちょっとした違いかもしれませんが、見栄えがよくなりますね。また、画像を使わずCSSで装飾しているので、CSSをいじれ