2017年用、日本語のフリーフォント259種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 | コリス
個人や商用で無料利用できる、日本語のフリーフォント260種類を紹介します（公開時より、2つ追加）。 ビジネスからプライベートまで、幅広く利用できるフォントが満載です！ 毎年まとめていますが、去年は219種類だったので、大幅に増えています。無料でなくなったフォントや配布終了になったフォントもいくつかありました。 初紹介のフォントから既存フォントも改めてリンク・ライセンスを確認しています（※情報はこの記事の執筆時のもの）。ライセンスはWebデザインだけでなく、同人誌や印刷物などでの利用も明記。 最新版を公開！フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には、利用条件やライセンスを必ず確認して守ってください。 まずは個人的に、今年一年かなり使用したフォントからご紹介。 3種類
コピペで使えるオシャレな配色パターン見本 25 （全組み合わせWebカラーコード付） - LITERALLY
今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。プレゼン資料、Webデザインなどで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次 カラフルな配色パターン 橙系の配色パターン 青系の配色パターン 緑系の配色パターン 黄色系の配色パターン 赤系の配色パターン 高級感を表現する配色 わび・さびを表現する和風配色 シンプルに格好良いグレーの配色 カラフルな配色パターン 1. 淡い「カラフル」 ■ #FF7D7D ■ #FFD580 ■ #B3E2B4 ■ #ABE7FF ■ #B8B2EA ■ #DBDBDB 淡いカラフルな配色は、白の背景に合わせると「透明感」を出すのに効果的。カラフル系の配色は扱いづらいので、上のコードをそのままコピペして使って頂くのが良いかと思う。 2. 力強い「カラフル」 ■
【CTR300％アップ！】シェア数でお悩みの方は必読！SNSボタンを改修したらアクション率が3倍になった事例
変更前の合計アクション率が0.29%なのに対し、変更後は1.19%と、約3倍の差がついています。 特に顕著に伸びたのが「LINE」と「Pocket」で、変更前の10倍近いシェア数を示しました。 「シェアする」ボタン表示の場合、「シェアする」をタップし、表示されたSNSボタンの中から好きなものを選ぶ、という流れになりますがが、改修後の場合は「シェアする」ボタンをタップするアクションを省略することができます。 その1アクションを省略するだけで、ユーザー行動は大きく変わるようです。 前回の事例記事でも解説しましたが、*「ひと目でSNSボタンが認識できる」*状態にしておくことが重要です。 「お気に入り」ボタンについては、SNSボタンの表示を優先し、上部にずらしてみましたが結果、使用数は約3倍増加しました。 �K�} V
無料で使える！SNSシェアボタン13選
先日ferretではリニューアル作業を行い、サイトのデザインが大きく変わりました。 その中の一つとして、SNSシェアボタンの変更もあったのですが、気づきましたでしょうか。 日本国内におけるSNSの利用者は1ヶ月平均で約32万人ずつ増えており、2016年度末には6,872万人に達する見込みと言われています。 そのため、SNS上を利用したプロモーションは今や企業にとって欠かせない活動です。 参考: 2016年度 SNS利用動向に関する調査 | ICT総研 そのため、最近ではSNSシェアボタンがついていないページを探すほうが困難なくらい、どのコンテンツにも設置されています。 どこでも目にするようになったからこそ、用途や自社サイトに合ったデザインのSNSシェアボタンを設置することが重要でしょう。 今回は、無料で商用利用できるSNSシェアボタンをご紹介します。 これからSNSシェアボタンをサイトに追
これでもうアイコンには困らない！永遠に無料利用できる1,800種類のミニマルにデザインされたアイコン素材
FREE for you, forever. 1,800種類ものミニマルにデザインされた、永遠に無料利用できるアイコン素材を紹介します。 PSD, AI, Sketch, SVGも完備されており、ダウンロードしておいて損はないですね。 1,800種類は多すぎるので、ごく一部 カテゴリは16、それぞれ100種類くらいある感じです。 Utilities Arrows Messages, Mails Emoji Map, Transport Tools Design Media Network, Web Users Time, Education Social Tech Shop Other Files, Folders アイコンの基本サイズは20x20pxで、鋭角と角丸の2種類でデザインされています。
JavaScript開発ライブラリ - Wijmo（ウィジモ） | Developer Solutions〈開発支援ツール〉 - メシウス株式会社
帳票・レポート 日本仕様の帳票開発に必要な機能を搭載したコンポーネント ActiveReports for .NET ActiveReportsJS 表計算・グリッド Excel風のビューと表計算機能を実現するUIコンポーネント SPREAD for Windows Forms SPREAD for ASP.NET SPREAD for WPF SpreadJS 入力支援 快適な入力を実現する日本仕様入力コンポーネントセット InputManPlus for Windows Forms InputManPlus for ASP.NET InputManPlus for WPF InputManJS 多段明細 1レコード複数行&日付表示に 最適なグリッドコンポーネント MultiRowPlus for Windows Forms 戻る コンポーネントセット Visual Studioで利用す
かっこいい日本語フリーフォント16選（デザイン向き） - 無料で使える日本語フォント投稿サイト｜フォントフリー
日本語のフリーフォントを利用してデザインする際などに「クールなデザインにしたい」「かっこいいフォントを使いたい！」という場面があるかと思います。 ただ、英語のかっこいいフォントはすぐに見つかるのに、日本語になるとすぐに見つけられないということがあります。 そこで今回は、デザイン性が高くてかっこいい日本語フリーフォントをフォントのタイプに分けてご紹介していきます。 商用利用可能なものから、漢字を含んだもの、カタカナのみのかっこいいフォントまで幅広く用意してみましたのでご覧ください。 かっこいいゴシックフォント 鉄瓶ゴシック 鉄瓶（てつびん）ゴシックは、フォントな自由さんが公開している角ゴシックフォントです。 「源ノ角ゴシック」を改変して制作されており、極太の文字かつごつごつとした質感がかっこいいフォントです。 商用：OK ひらがな：◯ カタカナ：◯ 漢字：◯ ▷ 鉄瓶ゴシック スマートフォン
ランディングページ（LP）構成のノウハウが詰まったエントリー10選
インターネット広告、検索結果の受け口となるいわゆる縦長のランディングページ（以下、LP）は非常に重要なWebページです。ユーザーが求める情報にあわせた構成にすることによって、広告効果アップに大きく貢献します。 一方で、実際に作る際、どのような構成にすればいいのか分からない、という方も多いのではないでしょうか。そこで今回は、LPの構成を学べる記事をまとめてご紹介します。 LPの制作機会がある方、これから作ってみたいとお考えの方はぜひ参考にしてみてはいかがでしょうか。 LPの構成が学べる記事10選 1.要注意！ランディングページ（LP）の“もったいない”をなくす構成要素のポイント http://webbu.jp/landing_page_structure-131 広告効果を高める目的で制作するLPですが、適切な構成でない場合、ユーザーが離脱するミスマッチが起こる可能性があります。せっかくの来
イメージコピーで認知度を高める！名作＆最近話題のキャッチコピーまとめ
ホームページやブランディング広告の制作に欠かせないイメージコピー。自社や商材の魅力は把握しているつもりでも、それらを短い言葉で表現しようとすると、意外に難しく感じるものです。 今回は、企業のスローガンや広告コピーをタイプ別にご紹介します（2016年8月現在では変更されているものも含む）。また、最近SNSで話題となったコピーについても取り上げています。認知されやすいフレーズにはどんなものがあるのか、コピーづくりの参考にチェックしてみてください。 ##誰もがピンとくる有名コピーは、6種類に分類できる 1.イメージブランディングに特化したタイプ 比喩表現などを使って企業イメージを想起させるものです。たとえばオリンパスは、映像事業（＝ココロに影響する）のほかに医療事業（＝カラダに影響する）にも携わっており、自社の取り組みをシンプルな言葉の中に集約させています。 「ココロとカラダ、にんげんのぜんぶ」
おしゃれなスマホ向けランディングページのデザインまとめサイト3選
多くのユーザーがスマートフォンでインターネットを利用するようになった今、スマホ向けサイトの需要が増えています。ランディングページにおいても、PCでだけでなくスマホからも見やすいページを作る必要があります。 特にネットショップの場合、ランディングページでの離脱は売上減少に直結してしまうため、できるだけユーザーの利便性を優先したページ作りを意識しなければなりません。 しかし、スマホ向けランディングページを作成する場合、どのような設計が適切なのかわからないという方もいるかもしれません。 今回は、スマホ向けランディングページの参考サイトを紹介します。 ▼成果の出るLPデザインのポイントをまとめた資料はこちら インターネット利用時、ユーザーはPCよりスマホを利用している！ 私たちにとって、スマホは今やなくてはならないものになっています。 画像引用： 平成29年通信利用動向調査の結果|総務省 総務省の
kintoneで予実の確認をリアルタイムに！
みなさんこんにちは。東京では桜が終わり、そろそろキャンプに出掛けたくてうずうずしているEraです。 今回は、先月cybozu.com developer networkに掲載された経費精算システムパッケージのサンプルをご紹介します。 予算を使いたいとき、どうやって残予算を確認していますか？ サイボウズでは、毎月経理から各本部に予実の集計結果が配られます。この資料を使って前月末時点での予実状況はわかるのですが、月の途中で当月の残予算を確認しようとすると経理に個別にお願いするか、提出された支払申請や事前費用申請などを調べて手計算しなければなりません。 これでは予実の状況をさっと確認できなくて不便です。そこで、kintoneを使ってリアルタイムに実績を集計するサンプルアプリを作りました。 経費精算システムパッケージは、下の図のような構成になっています。 簡単に説明すると、「予算と実績の情報を登録
「ウェブ配色ツール」で統一感を！あなたのブログカラーは何色ですか？
大分前から気付いてたんですけど…。記事書いても書かなくてもアクセス数ってあんまり変わらないんですよね。 当初、スタートの頃は「一日三記事」という謎の使命感と情弱丸出しの、「とりあえずやってみたらいいんじゃん？」でブログ続けてきたんですけど、良くも悪くもブログにどっぷりつかってきたことにより、これまでほとんど触ることのなかったインターネッツの世界に入っていきました。 そんなこんなで否応なくインプットも増えていき、諸先輩方の記事をみたり、自分で色々やってみた結果、「多更新無意味じゃね？」という結論に行きつきました。厳密にいうと多更新も決して無意味ではないと思います。ただそこには内容が必要で、コンテンツが重視されるわけです。これに関しては今更なので、ご自身で検索するなりしてもらえばいいと思いますggrks。 それはそうと、かつてのスタンスの通り、「とりあえずやってみたらいいんじゃん？」という姿勢
人生を少し変えるかもしれないTED Talk ５タイトル - The Coffee Times
TED Talkのビュー数・シェア数に基づいた、人気のTED Talkを紹介します。 これらのスピーカーは何年もの研究の結果を教えてくれるため、２０分ほどなので、時間をとって見る価値があります。もし時間がなければ後で見てみましょう。 英語の勉強にもなりますし、もちろん日本語字幕で見ることができます。 時間のない人のために、1つのプレゼンだけ要約しました。 １「ボディ・ランゲージが人を作る」 youtu.be 「ボディ・ランゲージ」が「自分自身」に与える影響を測ったAmy Cuddy氏の実験の話です。 実験はまず、被験者を「自信のあるポーズ」・「自信のないポーズ」の２つのグループに分けます。 画像の左が「自信のあるポーズ(High-Powe Poses)」 画像の右が「自信のないポーズ(Low-Power Poses)」 そのポーズを２分間続けたあと、ギャンブルをさせます。さらに唾液を採取し
レスポンシブデザインにすぐ使える！すごいアイデア30個 | コリス
サイトをレスポンシブ対応にするには、デバイスごとのスクリーンサイズ、フォントや画像のサイズだけでなく、クリックとタップ、スクロールとスワイプなどの機能性、そして見た目もサイズだけでなく、配置やトリミングなど、さまざまな取り組みがあります。 レスポンシブデザインにすぐに使える制作テクニックのすごいアイデアを紹介します。 Responsive web design: What the Internet looks like in 2016 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 01. 空白スペースを効果的に使う 02. ロゴの配置を一貫させる 03. 縦置きと横置きを考慮したデザイン 04. 縦長スクロールページの素晴らしいアイデア 05. 指のタップに合わせた形と大きさ 06. レイアウトにレスポンシブ用の微調整 07. 一行
デザイナーやコーダーがいなくても、BootstrapベースのかっこいいWebページが驚くほど簡単に作成できてしまう -Assembly | コリス
デザインやHTML, CSSの知識は不要。Bootstrap 3ベースのかっこいい縦長ページや複数ページのサイトが簡単に作成でき、デザイナーやコーダーがいなくても、そしてデザインやコードが分かる人には今までの作業がぐっと楽になるオンラインサービスを紹介します。 サンプルを元にカスタマイズしてもよし、ヘッダやコンテンツなど100種類以上のコンポーネントからクリック一つでぽんぽんページのレイアウトが完成してしまいます。 Assembly Assemblyは無料で利用でき、一部のコンポーネントとHTML化が有料（$17）です。 $17は2016年2月現在、1,900円なので、フル機能でこの値段は有りですね。 まずは、Assemblyでどんなページができるか見てみましょう。 縦長スクロールのページで、ヘッダは大きい写真画像、コンテンツが数パターンあり、フッタがデザインされています。コマ数を落として
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.life-is-bitter.com/entry/2016/11/01/055056
資料共有☆無料でブログ集客する講座（7/29）ITアドバイザー水野が担当しました
レスポンシブデザインに相性がいい、カード型コンポーネントの実装アイデアのまとめ
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ferret週間まとめニュース10記事【2/29～3/4】｜ferret [フェレット]