自分の手書き文字に自信のある人なら、それをフォントにしてみんなに使ってもらおう。MyScriptFont.comを使えば、なんとそれがタダでできてしまうのだ。 やり方はすごく簡単だけど、プリンターとスキャナーが必要。フォントができたら、dafont.comなどのサイトで公開もできるし、自分だけのフォントとして使うこともできる。招待状や感謝カードをたくさん書くときも、苦労して1枚1枚書くことなく、自分の字で印刷できる。SilhouetteデジタルカッターならあらゆるTrue Typeに対応しているから、それを切り抜くことも可能だ。 自分の文字をアナログからデジタルに変換したいと思ったら、Christineが製作したWhere The Smiles Have Beenのチュートリアルを見て作ってみよう。 ［原文］

指定できる画像タイプは PNG , GIF , JPG , PSD , BMP です。 拡張子でファイルタイプを判別していますので、拡張子付きのファイルを指定して下さい。 拡張子の大文字小文字は問いません。 指定できるファイルは合計4000KB以下です。 (PSD:Photoshop形式は透過が無視されます) アイコンには一つのアイコンファイルに複数のサイズと複数の色数の画像を入れることが出来ます。 このサイトでは画像数が複数の場合をマルチアイコンと呼びます。画像が1つの場合は区別するためシングルアイコンと呼びます。 画像には透過情報も含めることが出来ますので、任意の形状のアイコンが作成できます。 画像作成には任意の画像編集ソフトを使用して下さい。 同サイズで色数の違う画像をアイコンに含めることも出来ます。 収納する順番は自由に出来ますので、思い通りのアイコンを作成する事が出来ます。 ファ

「なんじゃこりゃぁあ！！」 とりあえず、コレ見た時の第一声でした。本当は昨日日本から帰ってきたばかりだったので、セミナー旅行の報告記事書くつもりだったんですが、それより先にこの興奮を伝えるのが先かなと思ったので即刻共有記事〜！ 以前『ヤバイくらい簡単にプロフェッショナルなサイトが作れるStrikingly.com』の記事を書かせて貰いました、これはこれでWEBページを作る上ではこれ以上は無いんじゃないか位の楽さとクオリティでした。 しかし、今回はWEBページというよりは完全にWEBサイトを劇的に簡単に作れるという意味でのヤバさ、あとショッピングカート機能、ブログ、その他様々なページを作って運営することが出来る「Squarespace」をちょっと簡単にご紹介させて頂きましょう！ このサイト自体は僕の記憶が確かなら以前に見たことがある気がするんですが、それにしてもその時はこんなヤバさは感じて無

by Russell Heimlich (@kingkool68) 600x400/000/fffSize / Background Color / Foreground Color . Format & Text DocumentationSizewidth x height Height is optional, if no height is specified the image will be a square. Example: https://dummyimage.com/300Must be the first option in the urlYou can specify one dimension and a ratio and dummyimage will calculate the right value. Example: https://dummyimage

日本気象協会が提供するRSS。取得できる情報にいろんなものがあって面白いが、天気データというよりかは、RSSリーダーに登録して使うフィード的な意味が強い。ここにも書いてあるが二次的に利用できるかどうかは、サイトの運営形態で決まるらしい。 商用利用できるかどうか（参考URL） ・個人運営、営利目的なし → ○ ・個人運営、営利目的（広告モデル） → ○ ・個人運営、営利目的（課金モデル） → ○ ・法人運営　→　× 取得できる情報 ・地震情報（1） ・津波情報（1） ・火山情報（109火山） ・警報・注意報（県別） ・アメダスランキング(県別) ・アメダス実況（気温、降水量、風向・風速、日照時間、積雪深）（1282地域） ・天気予報(今日・週間 - 142地域) ・まもなく天気がくずれる予想地域（10地域） 4. Yahoo!天気・災害 RSS (無料、商用×）

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月

One place to find your commercial real estate rentalSimplest way to search listings across the web

皆さん、タスク管理ツールって何を使ってますか？ GoogleTasks？Chatwork？　あるいは「色んなことやってみたけど、結局紙が最強だ！」なんて方もいるかもしれません。実は僕自身もかつてありとあらゆるタスク管理ツールを試し、結果として紙に落ち着いていました。しかし、どうやらその認識を改めないといけないようです。 「Todoist」の存在を知ったからです。 紙にはもう戻れない！Todoistに惚れた理由 「Todoist」のすばらしさはホントに色々あるんですが、ざっくり説明すると以下のような部分に機能として惚れてしまいました。 各デバイスごとに用意されたネイティブな実装方式 とにかく早い！軽い！そして美しい。 強力すぎる多数ユーザー間共有・依頼機能 即時有料版を契約してしまったナイスなメモ＆添付機能 実際には書ききれないほど魅力が溢れかえっていて、自由に書きだすといつまでも長文を書い

Often used interchangeably, the branding terms “logo” and “icon” are not synonymous. They vary in appearance and purpose, but business owners might embark on their venture believing that a logo can do an icon's job. We want to clear up any confusion once and for all. Let’s take a minute to understand the logo vs. icon conundrum and explore some popular examples so you can give your brand exactly w

SpritePad is your free and easy-to-use web app for creating CSS spritemaps. It only needs seconds: Drag & drop your images onto the grid and have it immediately available as one PNG + CSS code. No fiddling in Photoshop, no manual assignment of CSS styles, no long-winded setups, SpritePad makes creating spritemaps as easy as writing your next e-mail. What SpritePad can do for you We are Kiss We’re

Loading GIF or, so called loader gif is an animation that indicates a loading process on a web-site or an application. Being an critically important part of web-site and application design and usability, mostly the animations are used to show that something is loading on the background (e.g. AJAX applications). The animation objects are usually used in GIF format which is very popular due to it's

UD新ゴ M Webフォントは新たな 表現力を提供する 文字が伝えるものは言葉の意味だけではなく、用いられる書体によりその印象は大きく異なります。 ウェブデザインにおいて、さまざまな書体の中から目的に合った Webフォントを選び出し、的確に使うことが必要になります。 リュウミン R-KL Webフォントは新たな 表現力を提供する 文字が伝えるものは言葉の意味だけではなく、用いられる書体によりその印象は大きく異なります。 ウェブデザインにおいて、さまざまな書体の中から目的に合った Webフォントを選び出し、的確に使うことが必要になります。 A1ゴシック M Webフォントは新たな 表現力を提供する 文字が伝えるものは言葉の意味だけではなく、用いられる書体によりその印象は大きく異なります。 ウェブデザインにおいて、さまざまな書体の中から目的に合った Webフォントを選び出し、的確に使うことが必

A quick and simple service for getting pictures of kittens for use as placeholders in your designs or code. Just put your image size (width & height) after our URL and you'll get a placeholder. Like this: http://placekitten.com/200/300 or: http://placekitten.com/g/200/300

あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ 見出しサンプル あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ CSSコード .sample2 { position: relative; color: #ffffff ; background: #000000; font-size: 16pt ; line-height: 1; margin: 20px -10px 20px -10px; padding: 10px 5px 10px 20px; box-shadow:1px 3px

extractCSSはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 スタイルシートの記述法は幾つかあります。linkタグで外部ファイル化、styleタグでインラインに表示、そしてstyle要素でタグごとに指定する方法です。styleタグに書き込まれてしまったスタイル設定を一気に書き出してくれるのがextractCSSです。 トップページです。まず右側に現状のHTMLソースを入力します。 そしてExtractボタンを押すとスタイルシートが出力されます。 入れ子向上も適切に処理されています。 extractCSSではID/クラスを自動的にピックアップして生成していますので空っぽの指定が相当数生成されることになると思います。それらを必要に応じてフィルタリングするようにすればスタイルシートのベースとして使えるのではないでしょうか。 MOONGIFTはこう見る

ニッチなツールではあるが、便利な人には便利かも。 .psd fontsを使えば、Photoshopのファイル（いわゆるpsdファイル）に含まれるフォントを教えてくれる。 使い方は簡単で、調べたいファイルをアップロードするだけだ（ちなみにDropboxにも対応している）。 あとはフォントが一覧で表示され、そのフォントを購入する方法も教えてくれる。 psdファイルのレイヤーが複雑すぎたり、手元にPhotoshopがないときに便利ではなかろうか、と思うのだがどうですかね。