For your video content, podcasts and apps Generate a track nowFor your video content, podcasts and apps
(治安の悪くない Emoji も作れます) 作ったもの ここで遊べます おもしろいところ GIF アニメのエンコードまですべて js で完結しているので、ありがちな「謎のサーバーに画像アップロードするといい感じに変換してくれる」的なサービスと違って、素性の知れたコードがクライアント側でサクサク動きます。 なにができるの? 画像を 128px x 128px に変形 画像を、 Slack にアップロードできる(現状)最大サイズの 128px x 128px に変形します。 ローカルのファイルから選ぶか、画像の URL を入力できます。アップロードするわけではないので、デカい画像でもサクサクなのがお気に入りです。 変形は 正方形に引き伸ばし(アス比無視) 正方形いっぱいに拡大して、余ったところはトリミング(アス比維持) 正方形に収まるように縮める(アス比維持) から選べます。 テキストから画像
実はこの文字列、真っすぐ平行に並んでいます。傾いて見えるのは目の錯覚、すなわち錯視です。信じられないという方は、定規や鉛筆など真っすぐなものを文字列に当ててみると、水平であることが確認できると思います。今回はこの傾いて見える文字列の錯視の謎に迫ります。 日本発のクールな錯視 これまで錯視図形は研究者やデザイナーなど、特定の人たちにより見いだされ、作られることがほとんどでした。しかし、傾いて見える文字列の錯視は、少し変わった来歴を持っています。 事の発端は2005年頃、日本のネット掲示板などに傾いて見える文字列が次々に投稿されたことがきっかけでした。どなたが最初に始めたのか、筆者はその答えにたどり着けませんでしたが、当時は多数の傾いて見える文字列が日本のネット掲示板やブログを賑わせていました。 通常、錯視は何かある特別な図形によって発生します。それに対し、傾いて見える文字列の錯視は、特定の図
今回はWeb制作で役立つHTML/CSSを生成してくれるジェネレーターを紹介します。 CSS3の登場でより高度なアニメーションや表現ができるようになりました。一方、CSS3のコードは複雑になりがちでプロパティの使い方を覚えるのも大変です。 ジェネレーターはリアルタイムでデザインを確認できたり、GUIで簡単にデザインを調整できたりします。より効率的なWeb制作を行うために、ぜひ活用してみてください。 WAIT! Animate http://waitanimate.eggbox.io/#/ CSSのループアニメーションで遅延を挿入するのは簡単ではありません。こちらのサービスでは一時停止機能をもったループアニメーションのコードを生成してくれます。いくつかの主要なアニメーションのテンプレートが提供されており、さらにカスタマイズも可能です。 Stylie http://jeremyckahn.gi
ファンタジーの世界を舞台にした映画や小説には必ずといっていいほど架空世界の地図が登場し、その地図を見ているだけで想像が膨らみます。そんなファンタジーの世界に登場する地図を自動で作成できるサービス「Generating fantasy maps」が登場したので、サクッと作ってみました。 Generating fantasy maps http://mewo2.com/notes/terrain/ 上記URLを開いてページをスクロールしていくと、白いスペースが出てきます。ここでは人工的でカクカクしていない自然な地形のベースとなる不均一なグリッドを作成します。 グリッドを作成するには「Generate random points」をクリック。すると、複数の黒い点をランダムでスペースに表示。「Generate random points」をクリックするたびに、黒い点の位置が変更されます。 グリッド
Dynamic Icons Stay organized with collections Save and categorize content based on your preferences. This page describes how to create a variety of callouts, bubbles, pins, and other graphics that can be requested by URL, or added as markers on top of other charts. Table of Contents Introduction Freestanding Icons Dynamic Markers Common Icon Features Text Strings Shadows Contextual Icons Introduct
Chart type * Chart title Width (max 1000)* Height* Color Data* Label*
LayoutIt! helps you make your frontend coding easier without needing to be an expert in JavaScript, HTML5 or CSS3 Bootstrap Builder Drag-and-drop the same Bootstrap components to your own design. Easy to integrate with any programming language, you just download the HTML and start coding the design into it. Grid Generator Start creating your own CSS Grid Layouts simply and easily with this magic t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く