OGP画像シミュレータ | og:image Simulator
OGP画像シミュレータとは？ FacebookのOGP画像は正方形で表示されたり横長で表示されたりするため、デザインがとても大変。 そんな時に便利なのがこのOGP画像シミュレータ。 デザインしたOGP画像をドラッグ&ドロップし、タイムライン上でどう見えるかシミュレートしてみましょう。 https://ogimage.tsmallfield.com/ 1200 x 630 px 以上推奨 https://developers.facebook.com/docs/opengraph/creating-object-types/#properties 最低でも 600 x 315 px、また大きければ大きいほど良いため 1200 x 630 px 以上の画像サイズが推奨されています。画像がクリッピングされるのを防ぐため、縦横比をなるべく1.91:1に近づけるようにしましょう。 （2014年01月
CircleCI Orbsを使ってECR/ECSへ自動デプロイする
モチベーション JAWS Days 2019でCircleCI Orbsを使ってAWSと連携されるネタで登壇してきました。当日の前日Twitterで公開することを約束しちゃったので、それならしっかりしたやつ作ろうということでブログ化しました。当日のスライドはここ。 https://twitter.com/inokara/status/1098529153890963458 やりたいこと CircleCIとECR、ECSを連携させて変更が自動でデプロイされるようにする。めっちゃ雑だけど以下のような感じの構成。 流れとしては リポジトリのDockerイメージをアップデート GitHubへプッシュ CircleCIでイメージをビルドしてECRへプッシュ CircleCIで新しいイメージを使ってECSのタスク定義を更新してECSへプッシュ ブラザウから変更を確認 これをするためにECR/ECS側と
CircleCI 2.0 Beta における Docker イメージのビルド - Lambdar
追記（2017-06-09） CircleCI の公式ブログにおいて，本記事の英訳が投稿された．翻訳・公開に大変感謝している． circleci.com 先日，CircleCI 2.0 がオープンベータになった． CircleCI 1.0 ではベースコンテナとして LXC，ファイルシステムとして Btrfs を採用しているため，バージョン 1.11 以降の Docker を利用することができなかった． CircleCI 2.0 ではそのような制限は存在しない．Docker をネイティブサポートしているからだ． ユーザは任意の Docker イメージを自由に組み合わせて望みの CI コンテナ環境を作ることができる． プロジェクト毎の設定で「Ubuntu 12.04 (Precise)」か「Ubuntu 14.04 (Trusty) 」の二択から選んでいたことを考えると，レゴブロックを買い与え
Uploading Files to S3 in Ruby with Paperclip | Heroku Dev Center
This article was contributed by Tute CostaTute is a developer at thoughtbot NYC. You can find him on twitter @tutec . Many web apps require the user to upload images and other files for storage and processing. Paperclip is a cleanly abstracted Ruby library that reduces the complexity of file uploading and processing. Using Paperclip with an external storage service such as Amazon S3 or Rackspace C
CSS/JSでここまでできる！美しいアニメーション10選
HTMLやCSS、JSのコードとその実行結果を共有できるサービスのCodePenは、いわばフロントエンドエンジニアの遊び場です。中にはどういったコードで動いているか見当もつかないようなものもあります。 今回はCodePenで公開されているアニメーションの中でも、思わず見入ってしまうような美しいアニメーションを10点ピックアップしてご紹介します。画像の下のCodePen埋め込み部分で「Run Pen」で実際に動かして見て下さい。 [under construction] See the Pen [under construction] by Lucas Bebber (@lbebber) on CodePen. Cloudy Spiral CSS animation See the Pen Cloudy Spiral CSS animation by Hakim El Hattab (@ha
お知らせ
FlashPlayerのサポート終了により、2020年末をもって ミニドット絵メーカー、ミニドット絵メーカー２の公開は終了いたしました。 長い間のご愛顧、まことにありがとうございました。 ★2021年以降は、FlashPlayerが無くても使える 「ミニドット絵メーカー３」をご利用くださいますようお願いいたします。 Flash終了ついての詳しい関連情報と今後のサイト運営方針はこちらになります。 © 2005 Neutralx0.net
WordPressでアイキャッチ画像に任意のデフォルト画像を設定する方法 * prasm（プラズム）
これがずっとやりたかったんだよ！すべてのソリューションはかちびとで問題ない。@shintarowfreshです。 もうとにかくWordPressでアイキャッチ画像を用意するのが面倒極まりない。とはいえ設定しないとみっともない。という2重苦を抱えていたのですが、これからは開放されます、気持ちいい！！ WordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法 – かちびと.netWordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法 – かちびと.net 設定に必要なIDの調べ方はコチラに。 Quick Tip: Saving a Default Post Thumbnail | Wptuts+ 後はもう書いているコードをコピペして終わり、イッツダン！ すると こんなかんじで、新規投稿の際、指定のデフォルトの画像がハマっているわけで。 上書きしたかったら、新し
「Apple iPhone5のページのJPEGとJSとcanvasタグによるビデオの実装」の実装方法 - Branch
Clicking the “Branch this” button next to a post lets you start your own branch to talk about it. Branching a post is perfect for when you have something to say about someone’s post or want to go on a tangent—without taking the whole conversation off track. Join our beta so you can branch posts, too.
これは使いやすい、美しいCSS3グラデーションのボタンが簡単に作成できるオンラインツール -CssGradientButton
パネル右：グラデーションやシャドウなどの編集 作成が完了したら、コードを下部に生成されます。 生成されるコードは下記のようになっています。 <!DOCTYPE html><html><head> <style type="text/css"> .button_example{ border:solid 1px #819bcb; -webkit-border-radius: 3px;width:150px; -moz-border-radius: 3px;border-radius: 3px; font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center;
[CSS] 美しいパンくずを実装する4つのスタイルシート | コリス
画像を使用せずに、シンプルなHTMLで美しいパンくずを実装するスタイルシートのチュートリアルを紹介します。 CSS3 breadcrumbs [ad#ad-2] デモ 実装 デモ デモはCSS3、疑似要素を使用しているため、IE9+, Firefox, Chrome, Safari, Operaでご覧ください。 4つデモは、全て画像を使用していません。 デモページ：ホバー時 実装 HTML HTMLは非常にシンプルで、リスト要素を使用します。 ul要素にid、現在位置にclassを記述します。 <ul id="breadcrumbs-one"> <li><a href="">Lorem ipsum</a></li> <li><a href="">Vivamus nisi eros</a></li> <li><a href="">Nulla sed lorem risus</a></li>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Pixelians
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
http://ico.bradleygill.com/index.php
【画像】なんという浮遊感！動物たちが跳んだ瞬間を激写した写真25枚
HeartRails Capture | サムネイル画像／PDF ファイル作成サービス