Embed Instagram Photos and Videos - Responsive Embeds
With Instagram Embed, you can easilyembed your pictures and videos from Instagram into your blog or website. Just enter the web address (or URL) of any Instagram picture (or video) and click the Generate button. You may also enter short URLs (like bit.ly or Twitter's t.co) and the tool will auto-expand the URLs before generating the embed code. The default media size in the embed code is 612x612 p
kramdown Syntax This is version 0.13.2 of the syntax documentation. The kramdown syntax is based on the Markdown syntax and has been enhanced with features that are found in other Markdown implementations like Maruku, PHP Markdown Extra and Pandoc. However, it strives to provide a strict syntax with definite rules and therefore isn’t completely compatible with Markdown. Nonetheless, most Markdown
たいしたページではありません｡ あるのは言葉だけ｡ それをあなたは読んでいます｡ オシャレなデザインや､レスポンシブなレイアウト､魔法のようなスクリプトに私たちは魅了されてしまいました｡ でも､ウェブで一番強力な道具は､今も昔も言葉です｡ 私が書いた言葉を､あなたが読んでいる｡これこそ魔法です｡ 私はブリティッシュコロンビア州の小さな都市にいますが､あなたは別のどこかにいることでしょう｡私は2013年6月20日の早朝にこれを書きましたが､あなたは違う日時にこれを読んでいることでしょう｡私はノートパソコンでこれを書きましたが､あなたは携帯電話でこれを読んでいるかもしれないし､タブレット端末やデスクトップ端末で読んでいるかもしれません｡ 私とあなたがこうして繋がることができたのは､私が書いた言葉をあなたが読んでいるからです｡ウェブとはそういうものです｡場所や端末､タイムゾーンが違っても､このシ
久しぶりのブログです。こんばんは。 タイトルの通りなんですが、「王様達のヴァイキング」という、週刊ビッグコミックスピリッツ(小学館)で連載中の漫画の監修のお手伝いをさせていただいてます。この度、無事、単行本第1巻が発売されました！ ハッカーとエンジェル投資家をテーマとした漫画です。(料理王対決漫画ではありません...念のためw) なにそれ知らない、という方は試し読みもできますよ: ビッグコミックスピリッツ「王様達のヴァイキング」特設サイト | 試し読み こんなNAVERまとめも…！ これは熱い！『王様達のヴァイキング』ってこんな漫画！ - NAVER まとめ 各所から面白い、と言っていただけていて、お手伝いさせてもらった者として、ものすごく嬉しいです！ 自分も、こっそり(でもないかもしれないが)、キャラとして登場させていただいたりしてるのですが、貴重な経験をさせていただいております。漫画の
Sometimes Silence is Love: Illustrations by Cabin Studio“Sometimes Silence Is Love” is a series of black and white illustrations by Cabin Studio, created in collaboration with writer Pham Thi Dieu Thuy. McLaren F1 Reimagined: Concept by Kevin AnderssonOver 30 years after the launch of the iconic McLaren F1, Swedish designer Kevin Andersson decided to reimagine this classic car, blending its timele
IE11 になって機能追加やレンダリングエンジン周りの進化もかなりありましたが、それとあわせてユーザエージェント文字列が大幅に変更されました。 先月末に Windows 8.1 のプレビュー版が公開され、早速手持ちの MacBook Pro に入れてみたっていう話は先日書いたとおりですが、Internet Explorer 11 （IE11） については細かく触れなかったのでまとめておこうと思います。 IE11 になって機能追加やレンダリングエンジン周りの進化もかなりありましたが、それとあわせてユーザエージェント文字列が大幅に変更された結果、従来のブラウザ判別コードで検出できなくなる可能性もあったりします。その辺について Nicholas C. Zakas 氏が Blog 記事を上げていたので紹介しつつ触れてみたいと思います。 とりあえず、IE11 の概要とか 公式情報として、IEBlog
カルチュア・コンビニエンス・クラブ（CCC）はアニメの制作からDVDの販売・レンタルまでを一貫して手掛ける事業を始める。2013年度から3年間で30作品を制作し、書店やレンタル店など全国1470のグループ店舗を生かして消費者に売り込む。独自コンテンツの充実で同業他社との違いを打ち出すとともに動画共有サイトなどに流れている消費者を呼び戻す。全国の「TSUTAYA」で3日から、自社制作したアニメの
[アメリカ日記14] 僕が英語話せないのは日本の教育のせい | taichino.com 内容要約：アメリカで就職して1ヶ月。英語で苦労してる。職場での雑談についていけない。ミーティングの議論が半分ぐらいしか理解できず、発言もできない。飲み会ではもう全然会話に入っていけない。これは日本の英語教育のせいだ。受験でニッチな単語とか重箱の隅をつつくような文法とかばっかり勉強させられてきたからだ。 [アメリカ日記15] 「僕が英語話せないのは日本の教育のせい」の続き | taichino.com 内容要約：なんか色々叩かれたけど、別にそういうつもりじゃなかった。ていうか日本の英語教育が悪くないって本気で言ってんの？10年習ってるのに話せないんだよ？英会話に重点置いてないとか根本的に駄目じゃん。 英語圏で実際に仕事・生活を始めて、そびえ立つ言語の壁の高さに打ちのめされる、というのは大変よくあることで
論文でました。営業です。 論文書誌情報 寺沢拓敬 (2013) 「『日本人の9割に英語はいらない』は本当か？ ―仕事における英語の必要性の計量分析」『関東甲信越英語教育学会学会誌』第27号、pp. 71-83. https://www.jstage.jst.go.jp/article/katejournal/27/0/27_KJ00009296526/_article/-char/ja/ 『日本人の9割に英語はいらない』という本が以前話題になりました。 日本人の９割に英語はいらない 作者: 成毛眞出版社/メーカー: 祥伝社発売日: 2011/09/06メディア: 単行本購入: 3人 クリック: 174回この商品を含むブログ (66件) を見る 「9割にいらない」といわれても、ふつうの人は、「まあそんなものか」と思うでしょう。1割は妥当な線かな、と。ただ、英語使用者に囲まれがちな人は認知バイ
基本的に、俺は関心のある記事にブクマはすれど、コメントを付け足すことはない。 他人の話をダシに承認欲求を満たそうとしているようで、どうにもコスッカラいと感じてしまう。 とはいえ、潜在的にお喋り精神を持ち合わせているし、その欲求を否定するわけにもいかない。 「何か言ってやりたい」という気持ちが昂ってくる、いかんせんそういう年頃なのだ。 そうやって悶々とネットサーフィンしているときに、絶好の記事がはてブに舞い降りる。 もう堪らん。ブコメを書かずにはいられない衝動に駆られる。 だが、そうして書いているうちに少し冷静になってきて、一旦手を止めて自分のブコメを見直す。 あまりに稚拙で未熟。覚えたてのワードを使いたいがために、並べ立てた上っ面な内容。 違う違う。こんなことを書くくらいなら、教室の黒板にラクガキでもしたほうがまだマシ。 俺もこの世界に生きる人間の端くれ。もっと斜に構えなければ。 さて、正
「僕が英語話せないのは日本の教育のせい」と書いたところ、結構反応を貰いまして、そのうち半分くらいは批判的な内容でした。まぁ皆さん厳しいですね。コメント欄も結構荒れています。プチ炎上と言っても良いかも知れません。文章がまずかったのもあって、誤解されている部分があったので補足を書きます。 コメント頂いた皆さんありがとうございました。賛否どちらの方も結構ガッツリしたボリュームで、コメントを書いてくれていて、１つ１つ返せないので、このエントリで大雑把にコメント全体への返信とさせてください。 まず書きたかったのは次の事です。 他国から来てる非ネイティブに比べて、自分も含めて日本人の英語での会話能力が軒並み低い。これは日本の文法偏重の英語教育の結果だと思う 英語できなくてツラい！ 何でも無いです。そしてそれ以外の事は別に言うつもりはありませんでした。 文法軽視してない 別に文法が要らないとは言っていま
井上のきあ｜EUCARYA｜つくるデザイン @yue9 チノちゃんの茶壺アイコン チノちゃんからもらった写真をIllustratorのファイルに読み込んで完全に水平になるように調整 チノちゃんも絵を描く人間だけあってほぼ真横＆水平で撮ってくれたので、１°か2°くらい回転しただけ http://t.co/5iXeQMJwGV
アクセス解析は最初の解析設定が命。「やっておけばよかった！」と後悔しても、設定し忘れた集計数値はもう2度と手に入りません。 Webサイトの財産とも言える解析データをしっかり取得してビジネスの成長につなげるためにも、必ず設定しておきたいGoogleアナリティクスの必須設定項目をまとめました。 もし抜けがあるようでしたら、この機会に設定してみて下さい。 ※現時点で、アナリティクスの設定は標準・ユニバーサルの2種類があります。ユニバーサルは、まだ不完全なので今回は「標準」での設定をベースにご紹介します。 【設定1】プロパティ＆プロファイル まずはサイトの運用方針などに合わせて、的確にプロパティとプロファイルを設定します。 基本的には「サイトごとにプロパティ」設定がおすすめ いくつものサイトを『それぞれ別のドメインで展開』する場合や、サブドメインでそれぞれのサイトを管理する場合、基本的に
検索フォームの入力エリアにフォーカスすると、その入力エリアを左に拡大させるという最近多い気がするアレ。僕は片方が強い乱視だったりして目の焦点を合わせるのにまぁまぁ時間がかかるので、急に視線を動かさざるをえない状況に追い込まれるとイラッとする。比較的ウェブページを見ることに慣れている方なので目が疲れるとまでは言わないけど、慣れてない人は疲れてしまうと思う。特にアニメーションさせられたりすると、なまじ眼球はついていけるので逆に辛い。 レイアウト上での制約で大きめの検索フォームを置くスペースが確保できず、その中で検索フォームの入力しやすさを確保するための折衷案だと思うんだけど、入力開始位置がユーザーが想像するところとずれるという時点でうまくいってない。せめて右に拡大して欲しいところだけど、プライオリティーの低い検索フォーム(ブログに置かれるのとか)は比較的右端に置かれることが多いような気もするの
※ 追記： id:TokyoIncidents さん"補足"の誤字修正しました、ありがとうございます!! これからYeomanに関して説明していきます。 Yeoman自体が何者なのかよくわかっていない人も多いと思います。また、ある程度Yeomanの概要は知っているので、generatorの作り方が知りたい、という方もいると思います。今回は三部構成で、yeomanを使う話、yeomanのgeneratorを作る話、最後にyeomanのAPIに関して説明していきます。今回は第一部のyeomanを使う話について説明します。 Yeomanとは Google社が作成した総合開発ツール群です、「ヨーマン」と呼びます。公式サイトには MODERN WORKFLOWS FOR MODERN WEBAPPS (モダンWEBアプリケーションのためのモダンワークフロー) と記述されています。 Yeomanを使う
元の記事はJustin Jackson氏が書いたこちらの記事だ｡原文はとてもシンプルなページに載せられていることがわかるだろう｡一度ご覧になってから下記の和訳を読み進めることをおすすめする｡ これはウェブページです｡ たいしたページではありません｡ あるのは言葉だけ｡ それをあなたは読んでいます｡ オシャレなデザインや､レスポンシブなレイアウト､魔法のようなスクリプトに私たちは魅了されてしまいました｡ でも､ウェブで一番強力な道具は､今も昔も言葉です｡ 私が書いた言葉を､あなたが読んでいる｡これこそ魔法です｡ 私はブリティッシュコロンビア州の小さな都市にいますが､あなたは別のどこかにいることでしょう｡私は2013年6月20日の早朝にこれを書きましたが､あなたは違う日時にこれを読んでいることでしょう｡私はノートパソコンでこれを書きましたが､あなたは携帯電話でこれを読んでいるかもしれないし､
GitHub Enterpriseで特定のリポジトリでエラーページが表示が出てるのを修正対応したんですが、書いておかないと忘れる自信があったのでblogged. 状況について 手元にgit cloneしていたリポジトリをpullしようとすると下記のような感じで怒られてました。 % git pull error: unable to find 60c4f95fb89859e54f5fd2de864393a60fc81a08 error: refs/heads/master does not point to a valid object! error: refs/pull/1983/merge does not point to a valid object! Your configuration specifies to rebase against the ref 'master' fr
アバンがないアニメの場合、 その作品にとって、OPは最初に見せる映像ということになる。 それは、その作品がどういう作品であるかとを示す 作品の顔であり、 その作品の「格」を示すものでもあり 非情に重要だ。 そのため、多くのアニメではOP用にスペシャルな演出家や原画マンを呼んだり、 特徴的な歌手・楽曲・詩を用意したりと、 その作品の全てをOPへと凝縮する。 あるいは、そういったことを逆手にとった「OP詐欺」なども存在する。 それもいわば「このアニメはOP詐欺をするようなアニメなんですよ」という宣言であり、 やはり重要だ。 「あいうらのOPがなぜ蟹なのか」 これはあいうらのOPを見た多くの人が疑問に思ったはずだ。 私も最初は分からなかった。 放映初期にそれを分析しようとしたものとして ストレンジャーさんの http://d.hatena.ne.jp/tunderealrovski/201304
console.log(+[]); // 0 console.log(+[3]); // 3 console.log(+[null]); // 0 console.log(+[undefined]); // 0 console.log(+["3"]); // 3 console.log(+[1,2]); // NaN console.log(+[true]); // NaN console.log(+[false]); // NaN なぜこのような処理になるのか、JavaScriptの仕様書（ECMA Script Specification 5th）から説明してみましょう。 まず最初、単項+演算子（Unary + Operator）を評価する際に、ToNumberを呼び出すのは前述したとおりです。仕様書の（11.4.6）に書かれています。ではToNumberとはどのような処理でしょうか。
■ Surface RTを買ってもらった 今月末からアメリカ出張になってしまい*1、「カンファレンスのメモとりに軽くて、バッテリが1日もって、入力しやすい端末が必要だ!」と主張したらSurface RTを買ってもらえた。Proにしなかったのはバッテリのこともあるけど、せっかくなのでIntel以外のアーキテクチャのマシンがあった方がいろいろ(?)良いからである。Touch Coverはさすがにないので、いっしょにType Coverも。 カチッとした硬質な手応えで高級感があるけど、無駄がなくて見た目より軽そうに感じる。画面サイズもちょうどいい。ライバル会社の印象操作のせいで誤解されているけど、Microsoftの製品は実用性とデザイン性のちょうどいいバランスをとるのがうまいんだよね(少なくともハードウェアは)。ちょっと気になるのは、本体背面にある「足」が、ちょっと立ちすぎなところ。もうちょっ
When working with CSS preprocessors like Sass, Less (or any other programming language for that matter) you're going be leveraging the power of variables. However, if you spontaneously create your variable names as you code, the odds are your naming convention will lack cohesiveness. You should think about organizing your variable names (and project for that matter) modularly. This will bring stru
With Internet Explorer 11, you get better compatibility with web standards, other browsers, and real-world websites. There's updated support for popular web standards and changes that prevent older websites from displaying incorrectly. These changes include: User-agent string changes Document mode changes Legacy API additions, changes, and removals URL character encoding Custom data attributes HTM
Git の 1.7.11 から git difftool コマンドに --dir-diff というオプションが追加されたのですが、これがライフ チェンジングだと思ったので紹介します。 --dir-diff 登場以前の git difftool は「ファイルごとに順番に差分を表示していく」ことしかできず、使い勝手はいまいちでした。それが、--dir-diff オプションの登場で状況が一変したわけです。 こんな感じの使い心地だよ ある Git レポジトリーで dir1/a.txt と dir2/c.txt を編集したとしましょう。 この状態で git difftool --dir-diff または git difftool -d を実行してみると・・・。 はい、差分のあるファイルが一覧で表示されました。 (difftool に WinMerge を設定して、メニューから [ツリー表示] を有効
6. 正しい HTML を解釈した場合の例 HTML パース <html> <head> <title>Yo!</title> </head> <body> <div><img src="max.png"></div> <div><p>ADC MEETUP 07</p></div> </body> </html> 6 / 44© 2013 taiga.jp 7. 正しい HTML を解釈した場合の例 HTML パース HTMLHtmlElement HTMLHeadElement HTMLBodyElement HTMLTitleElement HTMLDivElement HTMLDivElement HTMLPragraphElementHTMLImageElement TextNode 7 / 44© 2013 taiga.jp
押切蓮介さんの『ハイスコアガール』が面白い。 最新刊4巻で、物語は更なる盛り上がりを見せてきた。 ハイスコアガール(4) (ビッグガンガンコミックススーパー) 作者:押切 蓮介発売日: 2013/06/25メディア: コミック まず、作品の概略に触れておく。 内容にかなり触れるので、ネタバレが苦手な方はご留意願いたい。 この作品の主役は、矢口ハルオという少年である。ハルオは勉強も運動も苦手だが、ゲームに賭ける情熱だけは並大抵のものではない。 折しも物語の始まりは1991年、日本中を熱狂の渦に巻き込んだ格闘ゲーム『ストリートファイターII』が登場した年。ハルオもまたその渦に呑み込まれた一人であり、日々ゲームセンターに通っては腕を磨いていく。 そんな中、彼はとある凄腕ゲーマーと出逢う。その人物は、『ストII』で最弱キャラの評価が固まっているザンギエフ使いでありながら、圧倒的な技量で連戦連勝を重
SEO fundamentals Introduction Search Essentials SEO Starter Guide How Google Search Works Do you need an SEO? Crawling and indexing Sitemaps robots.txt Meta tags Crawler management Removals Canonicalization Redirects JavaScript SEO Ranking and search appearance Visual Elements gallery Title links Snippets Images Videos Structured data Favicons Site-specific guides Ecommerce International and multi
Cabin is a humanist sans inspired by Edward Johnston's and Eric Gill's typefaces, with a touch of modernism. Cabin incorporates modern proportions, optical adju
とある方の "エンターだけで ls と git status 表示するようにしてある" というつぶやきを見て便利そうだと思ったのでやってみました。 基本的なやり方は以下の記事が参考になりました。 zshでコマンドが空の状態でenter押したときに任意のコマンドを実行する方法 - kei_q ただ、上記方法では私の環境の場合、プロンプトが1回余分に表示されてしまって気持ちが悪いので、その辺りも手を加えました。 Installation 以下スクリプトを .zshrc に記述すれば、何も入力されていない状態で Enter を打つだけで ls と git status が表示されるようになります。 function do_enter() { if [ -n "$BUFFER" ]; then zle accept-line return 0 fi echo ls # ↓おすすめ # ls_abb
現在、欧文を中心に600以上の書体が選べるGoogleWebフォント。これだけ数が多いと、どれを選べばいいのか日本人の私たちにはよく分かりません。 今回は、全世界で最も使われている人気のGoogleWebフォントを10個厳選してお届けします。海外向けのサイトを作る際にはハズせない、日本向けサイトを作る際にもアクセントとして使いたい、とっておきのGoogleWebフォントを集めました。 GoogleWebフォントを使うメリット GoogleWebフォントを使うと、こんなにもたくさんのメリットがあります。 SEO対策になる 修正が簡単に行える 選択してコピペできる 拡大縮小・高解像度画面（Retina Displayなど）でもボケない 使わない手はありません。 GoogleWebフォントの使い方 使い方に関しては、OZPAさんのブログが詳しいです。参考にしましょう。 今さらながらWe
Playfair is a transitional design. In the European Enlightenment in the late 18th century, broad nib quills were replaced by pointed steel pens as the popular w
受賞作品発表！ 一般部門／グランプリ 本の書き出し http://kakidashi.com/ 中川 峰志 / ぴょん ゆみょん 使用サービス：TypeSquare ページを読み込むたびに、さまざまな本の書き出しが大小ランダムに並んで現れる、本好きにはたまらないWebサイト。それぞれの本はAmazonの購入ページに紐付けられているほか、電子書籍をハイライト表示させることもできる。書き出しを媒介とした本との出会いの場となっているのだ。Facebookでコネクトしてお気に入りの本を登録することもできる。Webフォントを使用したことによって、「1文字1文字が綺麗になり、最初に現れた時のインパクトが大きくなったと言ってもらえました」とのこと。 永原康史 Webフォントという技術と、コンテンツ、デザイン、この三つのバランスの良さにおいて際立っていたのが「本の書き出し
リストを横並びにしてセンタリングというのはよく使う。ただよく使う(われる)わりには「これ！」というようなテクニックがないような気がする。inline-blockで並べた場合は項目の間に隙間ができ、floatで並べた場合はセンタリングがトリッキーすぎる。気分で色々使い分けてたけど最近はdisplay: inline-tableをよく使うようになって、これで良いかなーという感じ。 <nav class="paging"> <ul> <li><a href="foo">Prev</a></li> <li><a href="bar">Next</a></li> </ul> </nav> というようなマークアップの一般的なページング・ナビゲーションだと、 .paging { text-align: center; } .paging ul { display: inline-table; } .pa
シンプルなセレクターが多くの利点を持つことはよくわかるんだけど、可搬性が上がるというのはどうもしっくりこない。ルールセット単位での可搬性というのはかなり無理があるんじゃないか。数種のプロパティーの組み合わせを再利用するのは良いけど、それにセレクターは含めると可搬性落ちると思う。 Twitter Bootstrapのような完全にそれに依存してそれだけで完結するような仕組みならばシンプルなセレクターのルールセットの可搬性はかなり高いと思う。ただその可搬性はデザインの断片の可搬性ではなくデザイン全体の可搬性ということになる。レイアウトのリズムや細かいディテールも含めた完全な移植で、○○の△△を流用したいとしてもそれを含むルールセットを持ってくれば済むという事にはならない。そのルールセットに余計なプロパティーが含まれていて要編集だったり、他のルールセットに依存していて単体ではうまく機能しないことが
Founded in 2001, Venables Bell & Partners is a San Francisco ad agency founded on three simple principles: Honest, Fearless and Independent. Latest Opendoor Be Open Audi 15 Years of Audi SIMI SIMI “Goodness from Grit” Reebok Zig The Runway Audi Previous Owner VCV “A Call to Arms” PlayStation Store Merchant Chipotle What if a burrito could change the world? Reebok Nails Reebok Storm the Court REI #
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
