イラストの線や塗りに使える、インクをはじめ水彩・ペイントなど40種類の豊富なバリエーションが揃っているSAIのブラシの設定をご紹介。
紙に書いた文字でも、IllustratorやPhotoshopで作成した文字でも、その文字からオリジナルのフォントを簡単に作成できる無料のオンラインサービスを紹介します。 作成できるフォントはTrueType、OpenTypeの2種類です。 ひらがな、カタカナ、漢字、絵文字などの日本語、英語、フランス語をはじめ、ギリシャ文字、キリル文字、数式記号などにも対応しています。 ※漢字は数が少なめ。 PaintFont 使い方は簡単。 フォントに使用する文字を決めて用紙を作成し、その用紙に文字を書き、それをアップロードしてフォントを作成します。 Step 1: 最初の準備 Step 2: 文字を手書きする Step 3: 手書きした文字からフォントを作成 Step 1: 最初の準備 フォントに使用する文字を決め、手書きする用のファイルを作成します。 まずは、作成するフォントに含まれる文字を設定。
「はんなり明朝」や「こども丸ゴシック」など、人気のフリーフォントをリリースされている作者様から、新しいフォントをリリースしました、と連絡をいただきました! 今回は「ぼくたちのゴシック」をリニューアルした「ぼくたちのゴシック2」。丸いフォルムながら、かわいくなりすぎないようにデザインされた書体です。 フォント:ぼくたちのゴシック2 レギュラー 写真:Gratisography 作者様からのメッセージ: 当サイトの既存フォントである「ぼくたちのゴシック」のハネを少し柔らかくし、全体に丸みを帯びた字形にリニューアルしました。可読性が向上し親しみを感じやすい書体になっております。レギュラーとボールドの2ウェイト展開です。 また、漢字と英数字、記号などはオープンソースの源ノ角ゴシックで補っており、商業用途での利用が可能です。
個人でも商用でも、クライアントのプロジェクトでも無料で利用できる高品質な写真素材がダウンロードできるストックフォトサイトを紹介します。 27個のサイト、すべてクレジット表記やバックリンクの必要がないので、非常に利用しやすいと思います。
個人や商用で利用できる、無料の日本語フォント164種類を紹介します。 年賀状の宛名にも使える縦書き対応のフォント、かわいい手書きフォント、読みやすいゴシックなどが揃っています。同人誌や印刷物などでの利用も明記しました。 毎年まとめていますが、初紹介のものから既存のものまでダウンロード・ライセンスを改めて確認しています(※情報はこの記事の執筆時のもの)。 最新版を公開!フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には必ず利用条件やライセンスをご確認ください。 では、多彩なデザインが揃った「FGシリーズ」からご紹介。 FGゼロ 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 零式艦上戦闘機に使用されていた文字を現代風にアレンジしたフォント。レトロでシャープな字形
毎年末にjQueryのプラグインをまとめていましたが、今年はプラグインの他に単体で動作するスクリプトも加えて、jQueryのプラグインとスクリプトの総まとめとして記事にしました。 今年目立ったのは、去年から引き続きアニメーション系、縦長ページ用のスクリプトでしょうか。 1カラムのレイアウトが流行っているためか背景関連も充実していました。それとSVGをより簡単に利用できるようになったのも大きな目玉ですね。 また、jQueryに依存しない、単体で動作するスクリプトも多く開発されるようになったと思います。 背景関連 SVG関連 縦長ページ関連 スクロール連動・パララックス関連 その他スクロール操作・補助関連 レスポンシブ関連 ナビゲーション関連 レイアウト関連 コンテンツ生成関連 コンテンツ紹介・ツアー関連 スライダー・カルーセル関連 画像拡大・配置・キャプション関連 アニメーション関連 エフェ
三連リングのようなカワイイ囲いをスタイルシートで実装するテクニックを紹介します。 左のSingleだと、divは一つだけ! 左のSingleを例に、実装方法を紹介します。 HTML div一つにclassを加えます。 <div class="hoja">SINGLE</div> CSS 複数のリングは、box-shadowで作成します。アニメーションさせたくない場合は、keyframesは必要ありません。 ※利用する際は、ベンダープレフィックスを加えてください。 参考:面倒なCSS3のベンダープレフィックスを自動で付与するスクリプト -Prefix free .hoja { color: #dcdce2; position: absolute; top: 50%; left: 50%; margin-left: -180px; margin-top: -90px; width: 180px
demo 5 一行ごとにさまざまなアニメーションで表示します。 「rolling」のエフェクトかっこいいです。 Lining.jsの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <head> ... <script src="build/lining.min.js"></script> </head> デモにあるエフェクトを使用する時は、エフェクト用のスクリプトも加えます。 <head> ... <script src="build/lining.min.js"></script> <script src="build/lining.effect.min.js"></script> </head> Step 2: HTML 適用する要素に「data-lining」を加えます。 <p class="poem" data-lining>洋酒といえば、誰でも
Web制作時に、あれ?なんだっけな?って時に役立つ便利サイトを紹介します。 HTML5やCSS3の各ブラウザのバージョンごとのサポート状況、スクリーンサイズやデバイスごとのMedia Queriesの書き方、Bootstrap, Foundationなど各フレームワークの対応ブラウザやライセンス、ブラウザの各バージョンごとのCSS Hackなど、いざという時に役立つサイトばかりです。 Can I Use...Support tables for HTML5, CSS3 Can I Useは先月くらいにUIを刷新し、より使いやすくなりました。デスクトップ・モバイル用の各ブラウザでのバージョンごとのHTML5, CSS3のサポート状況がそれぞれ詳しく分かります。
写真、イラスト、テキスト、背景などに一手間加えて質感をアップさせるPhotoshopのブラシを紹介します。 ここで紹介してあるものは、すべて個人でも商用でも無料で利用できます!
自家製 Rounded M+の作者様がこの夏、新たにリリースされた普段使う時でも見栄えがグッとよくなる日本語のフリーフォントを3つ紹介します。 もちろん個人でも商用でも無料で、Webでも紙でも利用でき、成果物またはその派生成果物のコピーを複製したり頒布することもできます。 源真ゴシック・源柔ゴシックは先日Adobeからリリースされた「源ノ角ゴシック」をベースに、ビジネスやホビーなどでの使い勝手を重視し、細部を改善したフリーの日本語フォントです。 フォントはOpenTypeではなくTrueTypeで用意されているので、パワーポイントのスライドなどにもフォントの埋め込みができるようになっています。 パワーポイントのスライドにフォントを使用 プロポーショナルフォント(等幅フォントも)が用意されているので、そのまま文字を入力するだけで、間延びせずいい感じに詰められて表示されます。 「フリーフォント
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く