あのフォントがWebフォントに？！有名フォントにそっくりなWebフォントを見つけたよ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ぺちこです。 何か気のきいたオープニングトークをしようと思いましたが、びっくりするほど何も思いつかなかったので割愛します。 突然ですが、「あのフォントをWebフォントとして使いたい。でも、それにはライセンスの壁が・・・。」という悩ましいとき、ありますよね。 欧文フォントに関しては数も多いので代替のWebフォントを探すかと思いますが、これがまた時間がかかる。探している間に素敵なフォントに出会うこともありますが、短縮できるものはなるべく短縮したい！ というわけで、「Google Fonts」と「Font Squirrel」から有名なフォントにそっくりなフォントを探してみました。 比較するときの基準 探したとき、主に重視した部分は以下です。画像で比較しているアルファベットだけが似ていても仕方ないので、ある程度の基準を設けています。 「a」「b」「c」「d」「o」の丸み 「a」「g」の
Tartan Designer - Tartan Maker - Tartan Background pattern generator
Warning: Undefined array key "page" in /home/mhd-01/www.tartanmaker.com/htdocs/modules/functions.php on line 5 Fatal error: Uncaught Error: Undefined constant "INACTIVE_USER" in /home/mhd-01/www.tartanmaker.com/htdocs/modules/authentication.php:5 Stack trace: #0 /home/mhd-01/www.tartanmaker.com/htdocs/sg_require.php(9): require_once() #1 /home/mhd-01/www.tartanmaker.com/htdocs/modules/user.php(5):
Patternify | CSS Pattern Generator
What is Patternify? Patternify is a simple pattern generator. I built it to save myself the pain of launching Photoshop just to export a 2px by 2px stripe pattern. Not only can you build your pattern online, but with the base64 code, you don't even need an image file anymore: just include the code in your CSS and you're ready to go! Instructions Draw your pattern on the grid. You can use the curso
iconmonstr - Free simple icons for your next project
To use this icon, you must first accept the license agreement.
Webクリエイターに便利なジェネレータ22選 - sohocollege
コーディング作業や、配色決定、デザイン制作の効率をぐっとアップさせるジェネレーター。専門的な知識がなくてもだれでもかんたんに作れるので、便利なツールです。Web制作やクリエイターの方が重宝するジェネレーターをご紹介します。 ジェネレータってなに？ まず始めにジェネレータとは…。Web制作上では、簡単にプログラムなどを作ってくれるWebサービスなどを広くジェネレータと呼びます。今回はHTML＆CSSのコードを書き出してくれたり、ブラウザ上で画像編集をした後に編集後の画像をダウンロードできたりする、便利なWebサービスをご紹介したいと思います。 Index Webコードを書き出してくれるジェネレータ 1.CSS3ジェネレータ 2.CSSレイアウトジェネレーター 3.グリッドレイアウト 4.グリッドジェネレータ 5.グリッドジェネレーター 6.フォーム作成 7.背景パターン作成 8.ローディング
美しいWebデザインをタイプ別に！見ないと損するパーツ別ギャラリーサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
中型ライダー（二輪）免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です！ 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン（h1,h2,h3……その他DTPでも） はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ（h1,h2,h3……）のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全
YUKI HARUYAMA Portfolio Site | 春山 有由希
春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル（現ラクマ）のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する
2013年3月23日 Webサイト制作, 便利ツール Webサイトのデザインを始める前に、レイアウトやページ内で使われる機能を「設計図」として作っておきます。ワイヤーフレームと呼ばれるWebサイトの骨組みをしっかり作っておくと、デザインする段階でスムーズに仕事がすすみます。またクライアントとの打ち合わせでも大活躍。ここではワイヤーフレームを作る為の便利なオンラインツールと「ワイヤーフレームは手描き派！」という人のためのPDFテンプレートを紹介します。 ↑私が10年以上利用している会計ソフト！ オンラインで使えるワイヤーフレーム作成ツール iPlotz iPlotzのWebサイト とにかく多機能でおすすめ。ワイヤーフレームを作る他にプロジェクトマネージメントもできます。オンラインでシェアしたり、JPG, PNG, PDFでの書き出し可能。 トライアルをするにはまずトップページから「Get S
Yamaタイピング トップページ
Yamaタイピングは、学校教育用に作成されたHTML/CSSタイピング練習ソフトです。Webクリエイター能力認定試験(上級)合格を目標に作成しました。 普段タグを入力されたことがない方を対象としたソフトで、インストールなしで、タイピング練習を行うことができます。職業訓練施設、大学、短大、高校、中学などの教育現場で、幅広く使用されています。 Yamaタイピング Ver4.08 (別名Yamaタイプ) 対応ブラウザ Android Chrome/Android標準ブラウザ/Internet Explorer 6-9/Google Chrome/Mozilla Firefox/Aple Safari/Opera 過去のバージョン 2011/11/30 Ver2.01(Close) 当初、機能を増やそうとチャレンジしたが、中断。 2008/11/08 Ver1.06 安定バージョンがよろしければこ
Paletta - HSV Color Palette for Every Programmer
Palettaは顕色系 (色相, 明度, 彩度) をベースに「調和のとれた色」だけを集めたカラーパレットです. 色を選択すると, 周囲の色が同系統の色に変わります. 画面上部のResetボタンを押すと, 色の選択が解除されます. カラーコードをクリックするだけでコードをクリップボードへ簡単にコピーできます. 詳しく
デザイナーからデザインの基礎や原則を学べるエントリーまとめ（webデザイナ向け）
webデザインの入門書を買おうか迷っている方。 もしもそんな方がいたら、ネット上にはここを押さえておこうよと、webデザイナーが直接良質な記事を仕上げてくれていますのでそちらを是非一度参考にしてみて欲しいなと思いまとめて見ました。 また、その記事で、もっともぐっときた台詞もチョイスすてみました。 どんな想いで記事を書かれているかというのも大事かなと。 こちらもあわせてどうぞ。 Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 とりあえず時間のない人はこの3つだけでも食べて デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則 最初、デザイナーは型破りであるというイメージを抱く人も多いのですが、実際の現場では、様々な原則の上にあるルールにのっとり、そのルールを崩す「理由」があります。 例えばそれがセンスと呼ばれること
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Javascriot/CSS/Flash | drk design
Dotted Background Generator
Stripe Generator - ajax diagonal stripes background designer
BgPatterns — Background Patterns Maker
SiteOrigin Background Generator
WEBデザインの見本帳｜WEBデザイナーのためのデータベース・リンク集、サンプル・配色・参考・ご提案に!!
WebNAUT | デザイン制作会社ビーワークスの情報メディア
Photoshop VIP