Simplicity
WordPressテーマ「Simplicity（シンプリシティー）」を作成しました。 Simplicityには主に、以下の7つの特徴があります。 シンプル 内部SEO施策済み 拡散のための仕掛けが施されている 端末に合わせた4つのレスポンシブスタイル 手軽に収益化 ブログの主役はあくまで本文 カスタマイズがしやすい 以下で詳しく説明します。 Simplicityは、とにかくシンプルなWordpressテーマを作ろうという考えの下作成しました。 テーマの名前「Simplicity」には以下の意味があります。 単純 簡単 容易 簡素 質素 飾り気のない よく言えばシンプル、悪く言えば地味なテーマです。 余分な飾り気をすべて取り除き、ユーザーが自ら自由なスタイルで後からカスタマイズしやすい土台となるように考えて作りました。 もちろんそのままでも十分使用できます。 検索エンジンへの最適化（SEO）
ウェブ用アニメーションを劣化なく保存できる画像形式APNGの作り方 – ICS MEDIA
APNGエーピング(Animated Portable Network Graphics)形式とは、高画質なアニメーション用の画像形式です。類似の画像形式としてGIFアニメーション形式が存在しますが、APNGは高画質化が可能であり透過情報の扱いに長けています。詳しい利点は記事「これからはGIFアニメからAPNGの時代に」で紹介しています。 本記事ではAPNGファイルの作り方を解説します。APNGファイルの作り方はいろいろありますが、「できるだけデータ容量を軽く」というテーマでまとめてました。 ※LINEアニメーションスタンプの作り方については、記事「LINEのアニメーションスタンプはこう作る！ APNGファイルの作り方を徹底解説」で解説してます。 APNGの作り方の手順 本記事では次の手順で解説します。 Adobe Animateでアニメーションを作成 アニメーションの連番画像を書き出し
Twitterのブランドガイドライン | about.twitter.com
<path opacity="0" d="M0 0h24v24H0z" /> <path d="M17.207 11.293l-7.5-7.5c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414L15.086 12l-6.793 6.793c-.39.39-.39 1.023 0 1.414.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg>" data-icon-arrow-left="<svg width="28px" height="28px" viewbox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://ww
Google Play Badges – Google
Use the badges as provided. Never alter the badges. There must be clear space surrounding the badge equal to one-quarter the height of the badge. The badge must be large enough that all of the text is legible. The Google Play badge should be the same size or larger than other application store badges. Badges must be shown on a solid colored background or a simple background image that does not obs
マーケティングリソースとアイデンティティに関するガイドライン - App Store - Apple Developer
推奨バッジ アプリを宣伝するマーケティングコミュニケーションでは、黒い推奨バッジを使用してください。黒いバッジの周囲にあるグレイのボーダーはバッジのアートワークの一部であり、変更は許可されていません。同じ場所で他のアプリプラットフォームのバッジを併用する場合は、黒い推奨バッジを使用してください。その際は、App Storeのバッジを最初に配置してください。 代替バッジ 多様なデザインに柔軟に対応できるよう、白い代替バッジも用意されています。黒い推奨バッジではレイアウトの見た目が重くなってしまう場合に使用することができます。白い代替バッジは、同じ場所でバッジを1つだけ使用し、かつレイアウト内で使用される他の色を補う場合に適しています。マーケティングコミュニケーションで他のアプリプラットフォームのバッジも表示する場合は、黒い推奨バッジを使用し、白い代替バッジは使用しないようにしてください。 ロ
厳選！最近公開された日本語のフリーフォント15種類のまとめ
2014年暮れから2015年にリリースされた、個人や商用で利用できる日本語の無料フォントを紹介します。初紹介のものもけっこうあるので、見逃さないように要チェックです！ フォントの利用にあたっては、個人サイトや商用サイト、同人誌や各種印刷物などの紙での利用も確認して明記しました（2015年4月現在）。 フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には必ず利用条件やライセンスをご確認ください。 もっとフォントをという人は、下記ページもどうぞ！ 2019年用、日本語のフリーフォント 366種類のまとめ フォント：はれのそら明朝 写真：春の青空 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 少し墨だまりを含んだ角丸のすっきりしたデザインで、横書きだけでなく縦書きでも楽しめるオールド系明朝体。
Webクリエイター専用定規「Web型定規」 手描きラフを美しく仕上げるために
テイ・デイ・エス リプラグ事業部は4月13日、Webページの構成案を美しく描くためのWebクリエイター向け「Web型定規」を発売した。価格は1500円と2000円（いずれも税別）。 Web制作で使用頻度の高い「4：3」「16：9」の基本的な画面比率や、「ホーム」「ショッピングカート」などよく使うアイコンなどのテンプレート、画面をグリッド分けするのに便利な12分割用の目盛りが入っている。 手描きでも歪みなく描けるテンプレートを使用することで、アイデア出しやブレストで必要になる手描きのラフを清書する手間を省けるとうたう。社内のWebディレクターのアイデアを元に作られた商品だという。 関連記事 MicrosoftのWebコンテンツ作成ツール「Sway」で共同編集が可能に Microsoftがオンライン版Officeスイートのβアプリとして提供しているWebコンテンツ作成ツール「Sway」に共同編
Web制作者が捗る！知識が増える2014年トレンドまとめ
作成：2014/06/9 Web制作 > トレンド感のある動きや、洗練された見え方を実現するために、知っておきたいことや方法など。Web制作の現場で知っておくべきことをまとめました。全部取り入れるのは無理ですが、押さえておくことで今以上に見栄えのするサイトを作れると思います。ここ最近のトレンドをおさらいしたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビューで使いたいエフェクト １．ロングシャドウ ２．ポリゴン ３．ラージフォトスタイル ４．ブラーエフェクト ５．フルスクリーン動画 ６．画像シーケンス 脱ビットマップ画像 ７．SVG ８．Webフォントを円で囲む 配色・フォント ９．配色(フラットデザイン) １０．タイポグラフィ(フラットデザイン) １１．フォント(フラットデザイン) 効果 １２．Infinite Scroll(無限スク
いざというときに便利そうな、ちょっと変わった珍しいアイコンセット - NxWorld
汎用性が高いUIアイコンなどと比べると使う場面は少ないものの、いざ使いたいときに便利そうなものやあまり見かけないタイプだと個人的に思ったアイコンセットのまとめで、過去に紹介してきたものをひとまとめにしました。 既に公開・配布終了しているものも一部あるのですが、ファイルダウンロード自体はできなくともデザイン的にはそのまま参考になることもあるので、そういったものはキャプチャが小さめではありますがリンク設定のみ解除する形で紹介します。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。 リンクが未設定で配布形式も記載されていないものは公開・配布終了しているものです。
商用利用可能でハイセンスな無料写真素材サイト「IM FREE」｜男子ハック
@JUNP_Nです。センスのいい高解像度な無料写真素材サイト「IM FREE」のご紹介。海外のサイトですが、日本の無料写真素材サイトにはないような素材が多いので覚えておくといいかもしれません。 日本にはないセンスの写真素材サイト！カテゴリ分けで写真も探しやすい！日本国内での無料写真素材と言えば「PAKUTASO」が大好きでよく使わせて頂いているのですが「IM FREE」は海外のサイトならではの、センスのある写真が多数掲載されています。 関連：国内外のフリー画像素材サービスまとめ48サイト（2013年冬版） 今回紹介するサイトに掲載されている写真素材は全て商用利用可能です。 IM Free - Free Design Resources | Free Images カテゴリ毎に分けられているので、写真を探すのも便利。現在は19のカテゴリに分類され「AMBIENT」「ART&MUSIC」「BU
時刻表っぽいフォント — DiaPro
DiaPro の特徴 DiaPro は印刷用だけでなく、Web Font としてもきれいな表示ができます。たとえば乗り換え案内サイトや携帯アプリでは役に立つでしょう。 DiaPro の記号は OpenType の合字（リガチャー）として定義されています。そのためフォントの適用ができない場合（サーチエンジンのSEOなど）でも意味が読めます 以下のブラウザはテスト済みです：Chrome（Win・Android）・Firefox・Safari（Mac・iOS）・IE10以上 太い数字 時刻表数字を2種類提供しています。 太い数字は、全角数字に置いてあります。また、半角数字の OpenType フィーチャー「タイトル文字（titl）」でも表示可能にしています。 Adobe CS/CC または LibreOffice であれば、半角数字に対し OpenType の「タイトル文字」フィーチャーを適用し
これは快適！iOS 7のUIエレメントを1クリックでさくさく作成できるPhotoshopの無料アクション
iOS 7用のワイヤーフレームやモックアップを作成するのに便利なさまざまなUIエレメントやアイコン用のテンプレートを備えたPhotoshopのアクションを紹介します。 iOS 7のUIキットは他にも数多くリリースされていますが、これは自分好みにカスタマイズもできる一味違った素材です。 iOS 7 UI Kit Photoshop Action Set 利用するのは簡単で、ダウンロードしたアクションファイル（iOS 7 UI Kit.atn）をPhotoshopのアクションパネルから読み込むだけです。 あとは、1クリックでさまざまなものが作成できます。 まずは、基本となるドキュメントを1クリックで作成。
LINEスタンプづくりにFireworksをおすすめする理由 - デザイナーのイラストノート
2月26日にLINEのオリジナルスタンプをだれでも制作できると言う話が発表されました。「LINE Creators Market」イラストであることが必須、png形式、スタンプだけで40個…これは…なんというFireworks向き案件！ということで今回はその理由を。 まずは概要 LINEスタンプのガイドラインによると、必要なものは メイン画像(1個) 240×240px スタンプ画像(40個) 370×320px(最大) トークルームタブ画像(1個) 96×74px 上記の画像計42個で、形式は全てPNGです。スタンプ、トークルームタブ画像は性質上背景透過になると思います。 イラストをどのアプリケーションで制作するかというのは個人の好みの問題なのですが、Fireworksで作る場合にはぜひ「ステート」機能を使うことをおすすめします。 ステートとは Fireworks CS4以前は「フレーム
Web制作者や、Web業界新入社員のためのベストエントリ48個 2013総まとめ
というわけで、今年も色々と読んでおくべきエントリーをまとめておきます。 正直読み返した上でリンクをぺたぺた貼っていったので、すんごい時間かかりましたけど、どいつもこいつも良記事でございます。読まずにいるとむしろ損する勢いでございます。 デザイン WEBデザインが短期間に上達した方法 | FEVDES BLOG 『これは、自分が新米デザイナーだった頃にやっていた、デザインの上達方法です。上手くデザインができない！上手くなるにはどうすればいいの？など、どうすればデザインが上達するのかわかならい人の参考になれば幸いです。』 たった1枚に込められたクリエイティブすぎる17個の広告 この記事の2億円、2人っていう広告がほんとうに色々な意味で印象的。 2013年の4大人気Webデザインのトレンド | Flips Blog Web担の小技 2013年のトレンド、今年のうちに。 50万件の投稿分析でわかっ
IcoMoon : 好きなアイコンをピックアップしてWebフォントにできるサービス
IcoMoon : 好きなアイコンをピックアップしてWebフォントにできるサービス IcoMoon App IcoMoonは以前のエントリーでも紹介したようなアイコンフォントを配布しているサイト。 そしてこのサイトが立ち上げたサービス・IcoMoon Appは自社製のアイコンを始めIconic、Entypo、という3種類のフォントセットの中から好きなフォントをパッケージングしてオリジナルのアイコンフォントを組み立てられるサービスです。 アイコン一覧の中から気に入ったアイコンを選択したら下の『F』ボタンをクリック。 （隣の画像ボタンからそのままSVG画像としてダウンロードすることも可能） するとアイコンに文字コードが割り当てられるのでダウンロードボタンをクリックするとWebフォントとして一式（TTF, SVG,EOT, WOTF, CSS, HTML）がZIPでパッケージングされてダウンロー
全素材ロイヤリティフリーのプロカメラマンが撮影した国内の写真素材が満載！ -パプリカ イメージズ
個人でも商用でも無料で利用でき、加工も自由、クレジット表記も必要無しの写真・イラスト素材がダウンロードできるサイトを紹介します。 パプリカ イメージズ ※2015/4/15: サイトは閉鎖してしまったようです。 中の人に伺ったところ、素材はプロカメラマンが撮影したもので、素材数は現在200点！ ストックは膨大にあるそうなので、「ありそうでなかった、こんな素材が欲しかった」と思う写真を毎日10～20点ずつアップしていく予定だそうです。 無料で利用できる素材は、サイズSの640×480pxのものだけですが、登録も必要無しでさくっと利用できるので重宝するのではないでしょうか。 利用に関しては、下記ページをご覧ください。 ご利用ガイド 素材は現在、6つのカテゴリになっています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
機械彫刻用標準書体フォント
Brand Resource Center
Identifiant
昭和っぽいレトロな雰囲気が漂う日本語のフリーフォントのまとめ