Envato Elements: Unlimited Stock Videos, Music, Photos & GraphicsOur site is great except that we don‘t support your browser. Try the latest version of Chrome, Firefox, Edge or Safari. See supported browsers.
ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン
さて今回は、ズルいデザインテクニックの集大成ともいえる「ズルいボタン」です。これまでの連載で取り上げた数々のズルいデザインテクニック、「ズルいテキストシャドウ」「ズルいグラデーション」「ズルい角丸」、そして前回解説した「ズルいボックスシャドウ」を用いたズルいボタンの作り方を解説します。 今回のズルいボタンに関しては、以前にズルいデザインテクニックのスライドで紹介したものから大幅に改定を加えて、より汎用性があり、さまざまな場面で使い勝手の良いものに刷新しました。 改良のポイントは次の通りです。 文字サイズの変更、またそれに併せてボタンサイズの変更に対応しています iタグを使ったアイコン用のWebフォントに対応しました。今回はfont-awesomeを使って解説しています フラットデザインの流行に伴うデザイン傾向に合わせ、立体感やグラデーションをより控えめに、かつpaddingを大きめに取った
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
DAD UNION – エンジニア同盟｜世のエンジニアを手助けするテック系サイト
JavaScript JavaScriptで簡単にBase64エンコード＆デコードの完全ガイド 2024-06-10 dad-union
CSS 基準文字サイズ（px）ごとの相対フォントサイズまとめ | バシャログ。
こんばんは、ishidaです。急に肌寒くなってきましたね。 弊社シーブレインは馬車道から目と鼻の先にありますが、その馬車道にて今年も恒例の馬車道まつりが開催されています。１１月１日（日）～１１月４日（水）まで開催されておりますので、馬車道付近にお越しの際は是非お立ち寄りくださいね。 それはさておき、フォントサイズを指定するときにまずはベースとなる基準のフォントサイズをbody等に指定しますが、サイトによって基準を12pxにしたり、13pxにしたり、たまぁ～に10pxにしたりしてます。 そうなってくると相対指定で20px相当って何％だっけ？ってことがよくあるのと、毎回毎回電卓をたたくのが面倒になったので、ここに基準としてよく使いそうなフォントサイズをメモします。 基準文字サイズ 10px 基準文字サイズ 11px 基準文字サイズ 12px 基準文字サイズ 13px 10px
ユニークで新しい海外のフリーフォント「8 Fresh Free Fonts」
デザインの印象を決定づける大きな要素の一つフォント。世界中で日夜新しいフォントが生まれ、公開されていますが、今日紹介するのはユニークで新しい海外のフリーフォントを集めたエントリー「8 Fresh Free Fonts」です。 Zerb 最近リリースされたフリーフォントの中からさらに厳選して、クリエイティブなフォントがまとめられています。いくつか紹介されていますが、今日はその中から気になったフォントをピックアップして紹介したいと思います。 詳しくは以下 Lovelo 先が尖った太めのゴシックフォント。タイプ違いでボーダーのみで表現したファミリーもあります。 Hammer 細身でキレイ目ですが、どこかユニークなフォント。 Fénix セリフが効いた、キレイ目な正当派フォント。 上記の他にもクリエイティブなフォントがまとめられています。新しいフォントを探しているという方は是非原文もご覧ください。
Websites for Text and Fonts That You’d Better Add to Bookmarks
2015年1月16日 フォント, 便利ツール 久しぶりにブックマークしているサイトを整理しました。という事でお掃除後の恒例行事？私がブックマークしているフォント・Webフォント・テキスト関連のWebサイトを、中の人へ感謝の気持ちも込めてシェアします！何年もお世話になっているサイトばかりですが、ここ最近はWebフォント関連のサイトが増えてきましたね。いいな！と思えるサイトがあれば嬉しいです。 ↑私が10年以上利用している会計ソフト！ フォント関連 フォントhack.jp フォントhack.jp 日本語の無料フォントの表示確認ができるサイト。複数のフォントを表示して比較することもできます。 dafont dafont 英字の無料フォントを大量に集めたサイト。大量すぎて眺めてたらいつも物凄く時間がたってますw ライセンスは各自要確認。 フォントガレージ フォントガレージ 日本語フォントの販売サイ
レンズフレアエフェクト - After Effects&Flash＋αテクニック集
こんばんは！ 今日から２月ですね。気合い入れていきましょう。 そういえば、今日、元同僚の友人Yさんから電話がありました。 先日、父を亡くされこちらからの連絡は控えていたのですが、久しぶりに元気な声を聞いて安心しました。 人っていつ死ぬか分からないので、後悔しない人生にしたいと改めて思いました。 さて、今日もAfter Effectsについてです。 先日の続編で、題目に引かれて挑戦してみました。 が、画像は適当に作る事ができたのですが、それを読み込む事ができず断念。 画像もしっかり作れていないと言えばいないので、とりあえずこれは後日。 っで、こんなものを作ってみました。 レンズフレアエフェクト Photoshopでもお気に入りのレンズエフェクトですが、After Effectsにも用意されていたので使ってみました。 メニューの「エフェクト」->「描画」->「レンズフレア」を選択します。 今回
font-sizeのパーセント表記一覧 - Webtech Walker
font-sizeはpxやptなどで指定するとIEで拡大、縮小ができないので、パーセントなどで指定することが多いと思います。しかし、パーセントで指定すると、ブラウザごとに大きさが違ったりします。そこで、基本サイズが12px～16pxのときに10px～26px相当を表示するパーセントの数値を計算して、各ブラウザで確認したものをまとめました。 注意点 これは僕が自分で確認できる環境でのみ動作確認を行っています。動作確認したブラウザは以下になります。 Windows IE6 IE7 Firefox2.0.0.14 Opera9.27 safari3.1 Netscape7.01 Mac Firefox2.0.0.14 Opera9.27 Safari3.1.1 Safari2.0.4 IE5.2 計算式は以下のとおりです。小数点以下は四捨五入するとブラウザ間で差異でるようなので、切り上げることで
フォント選びを楽にする4つの方法 | ナナメウエBlog
デザインをしていて、フォントに悩むことってよくありますよね。 私はロゴとかになると自分のMacに入っているフォントを全部検証したりすることもありますが、これがけっこう大変。 今回は私がやっているフォント検証の方法をご紹介します。 ただ最終的には目視での確認→決定になりますので、それを少しでも効率化したり、違うフォントの可能性に触れてみる方法についてです。 Font Bookで任意の文字を入力する方法 Macに標準搭載されている「Font Book」というアプリがあります。 フォントをインストールする際に、直接ライブラリに入れる方法もありますが、ダブルクリックするとこのFont Bookが起動します。 アプリケーションフォルダにありますので、Dockに入れておくとすぐに起動できて便利だったりします。 で、このFont Bookがなんで便利なの？って話。 通常はFont Bookを
無料で商用利用も可能な826種類の絵文字のWebフォント「絵文字フォント」
826種類の絵文字がセットになったWebフォントが「絵文字フォント」です。インターネット上での利用に特化しており、Web上での利用なら無料で商用利用も可能。ファイルはAI形式とWOFF形式の2種類があり、PC・タブレット・モバイル機器などで表示することができます。 絵文字フォント - EmojiSymbols Font http://emojisymbols.com/jp/ 絵文字は全部で826種類です。 トップページ下部の「Download Page」をクリックすると…… 禁止事項・免責事項などが記載されている「ご利用にあたって」のページが表示されます。 フォントのダウンロードはページ下部にある緑色の「Download Font」から。 また、ブラウザ上部にある「よくある質問」をクリックすると…… 対応ブラウザやWebフォントの使用方法などが書かれたページが。WOFFフォントはバージョン
意外と探すのが面倒なシンプルフリーフォントの数々！有名所含めシンプル目な物のみ一挙ご紹介！ | バンクーバーのうぇぶ屋
丁度去年の今頃『 今更聞けない？！WEBデザイナーなら最低限知っておきたい有名フォントの数々』という記事を書かせて頂きました。この時の記事は、有名フォントばかりをご紹介させて頂いたのですが、『ほぼ全部有料やん？！』っていう突っ込みもあり、『フリーフォント版を所望する！』というご要望も頂きましたので、今日はフリーフォントに限って、尚且つ僕の好み優先でご紹介させて頂ければと思います！ 僕自身、いつかまとめてしまおうと思っていた記事でもありますので、半分は備忘録的な感じで書かせて頂きますね。一応フリーをうたってる物ばかりですが、念のためライセンス確認はご自身でよろしくお願いいたします！ 普段SNSにUPしていってる物も含めてご紹介させて頂きますので、もしよろしければ Facebookの方も合わせてよろしくお願いします！まぁ、完全に個人の趣味全開のご紹介で恐縮ですが。。。 ではでは。行ってみましょ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Wordmark
Icons | Font Awesome
新着記事
skrollr - parallax scrolling for the masses
Helvetica, Frutiger, Futuraなど、見出しと本文に使用するフォントで最も人気の高い組み合わせのまとめ
フォント無料ダウンロード｜Typing Art
