Twitter、872個の絵文字をオープンソース化
米Twitterが絵文字をオープンソース化し、GitHubでソースコードを無償公開した。Web版で使用している、Unicodeで規定された872個の絵文字を利用できる。 日本のフィーチャーフォン文化に端を発する絵文字は、UnicodeによるサポートとiOSへの標準搭載などがきっかけに世界中で使われるようになっている。英語圏では絵文字だけのチャットサービス、SNSなども登場している。 Unicodeで標準化されたとはいえ、各社がプロダクトに用いる際は独自にデザインしなければならず、多数の絵文字に対応するのは簡単なことではない。Twitterでも、チューリップ型の「名札」、打ち上げ式ではなく手持ちの「花火」など日本の文化・風習と結びついたものが多いため、米本社で働く日本人エンジニアが1つずつレビューしながら制作したという。 ソースコードはMITライセンス、グラフィックスはクリエイティブ・コモン
誰でも簡単にフラットなアイコン画像を作れるiconion。しかも無料だなんて！
今回はサクッとアイコンフォントからアイコン画像を作れる『Iconion』というアプリを紹介します。最近よく見るフラットなアイコン画像を本当に簡単に作れるので超オススメです。 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談＞サービスメニュー】 Follow @websae2012 これがアプリの起動画面です。アプリは下記のリンク先でダウンロードできます。Mac／win、どちらもありました。 Iconion : Free Icon Maker 1. アイコンを選びます 使い方は簡単。まず画像にしたいアイコンを選びます。選べるアイコンは下記のリンク先でwebフォントとして公開されているものから。今回は電話マークを選んでみました
SVG初心者に！SVGとCSSでボーダーにちょっとかっこいいアニメーションをつけるデモ
SVGをちょっと始めてみたいな、という人にもちょうどよさそうなテキストの周りに表示するボーダーをアニメーションで表示するデモを紹介します。 SVG Border Animation コードは簡単、コピペで利用できます。 HTML <div class="svg-wrapper"> <svg height="60" width="320" xmlns="http://www.w3.org/2000/svg"> <rect class="shape" height="60" width="320" /> <div class="text">coliss</div> </svg> </div> CSS html, body { background: rgb(20,20,20); text-align: center; height: 100%; overflow: hidden; } .svg
年賀状用の良質な無料素材のまとめ、宛名書きに使えるフォントや年賀状の文例やマナーなども
商用でも利用できる良質な無料素材が揃った年賀状の素材サイト、宛名に利用できる縦書き対応フォントや珍しい漢字に対応したフォント、年賀状を書く前に知っておきたい年賀状のマナーや賀詞の種類・一言添え、ちょっとだけ手書きを加えるコツなど、をまとめてみました。 2014年用、漢字も揃っている日本語のフリーフォントのまとめ -商用サイトだけでなく同人誌などでの利用も明記 最初に自前ネタで、すみません。宛名などに使える漢字も揃っているフリーの日本語フォントのまとめ。縦書き対応のフォントや珍しい漢字にも対応したフォントなど調べてまとめました。 年賀状AC 600種類の年賀状のテンプレート、1000種類以上のパーツが揃った年賀状に特化した素材サイト。すべて商用利用も無料なので、企業系でも利用できます。午をモチーフにしたベーシックな年賀状から、ビジネス用の年賀状、デザイン年賀状など、さまざまな用途のものが揃っ
画像に使用されているフォントの名前が分かるオンラインサービス -What Font is
調べたいフォントがある画像をアップロードします。ファイルはローカルでもオンライン上でも対応しています。 上記は、手元にあるローカルファイルを「Browse」ボタンで参照し、「Continue」ボタンをクリックします。 Step 2
ゆず屋: [フォント] 『たまこまーけっと』とか『ささみさん＠がんばらない』とか『俺の彼女と幼なじみが修羅場すぎる』とか『僕は友達が少ないNEXT』とか
こんばんは。榊です。 今日はフォントワークスのライラというフォントのお話しです。 （もう、これだけで何を書こうとしているのかピンと来た方もいるのではないでしょうか） この1月から始まった今季のアニメを観ていると、この「ライラ」というフォントがあちこちで使われています。 画像を挙げつつ順番にみて行くことにしましょう。 ■ ささみさん＠がんばらない まずは『ささみさん＠がんばらない』です。 （『ささみさん＠がんばらない』 ©日日日・小学館／製作委員会＠がんばらない） 上の画像はオープニングのものですが、ここで使われているのがライラです。 拡大するとこんな感じです。 こんな感じでエンディングのテロップにも使われています。 ぱっと見ると金文体に見えるかもしれませんが、実は結構違います。 （クリックで拡大） こうやって並べるとはっきりすると思います。 「国」などの四角の部分の底辺が丸くなっているとこ
[CSS]画像やパネルに斜めにしたリボンを重ねるスタイルシート
「New」「新着」などのちょっとした情報を単に矩形で添えるのではなく、斜めにしたリボンで添えるスタイルシートを紹介します。 Creating CSS3 Image Ribbon Tags [ad#ad-2] デモ 実装 デモ 元記事ではimg要素にリボンが添えられており、当方でdiv要素のパネルのデモを作成しました。 まずは、img要素の画像から。 デモページ：div要素 ※当方作成 実装 実装はimg要素もdiv要素もほぼ同じです。 HTML:img要素版 リボンのテキストはimg要素と並列に配置し、div要素で内包します。 <div class="side-corner-tag"> <img src="1.jpg" alt="" /> <p><span>newest</span></p> </div> CSS:img要素版 このエフェクトの要点はラッパーの「overflow: hidd
[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版（MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う）の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み
![[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6e22153e1233d79c8da8733fc112f935fe5ee4a/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Ftypographic-1-1.png%3Ffit%3D500%252C250%26ssl%3D1)
悶絶。フォントを猫で例えたら・・・ 25選:DDN JAPAN
DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
R25.jp
Twitterっぽいフォントでロゴを作ってくれる『Twitlogo』 | 100SHIKI
高速道路フォントめぐり :: デイリーポータルZ