ロゴ制作にも使いやすい個性的なフォントまとめ「20+ examples of beautiful and inspiring fonts」
TOP > Font > ロゴ制作にも使いやすい個性的なフォントまとめ「20+ examples of beautiful and inspiring fonts」 フリーフォントの中にも、プロのデザイン制作に利用しやすいクオリティの高いフォントが多数発表されています。そんな中から今回は、ロゴ制作など、インパクトを与えたいデザインにも利用しやすい、個性と洗練さを兼ね備えたフリーフォントをまとめた「20+ examples of beautiful and inspiring fonts」を紹介したいと思います。 （TELÉFONO Free Font on the Behance Network） スタイリッシュなフォントからおもちゃのような可愛らしいフォントまで、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
25 Catching Websites with Parallax Scrolling
Parallax effect may not sound like something familiar to you, but believe us - you know what it is and you know it very well. The good old video games where games had moving background and static foreground (or on the contrary) were the first to have used parallax. Nowadays static websites can boast with some cool effects that add dynamics and enliven website navigation with original solutions lik
Anna Safroncik: biografia e vita privata | Biografia.online
La vita privata di Anna Safroncik?Anna Safronick è nata il 4 gennaio 1981 a Kiew. Figlia d’arte, sua madre è la ballerina Lilia Tchapkis e del tenore Eugenio Safroncik, fin dai primi anni della sua vita si appassiona al mondo della danza e dello spettacolo. Nel corso degli anni sono molti i fidanzati e i flirt che le sono stati attribuiti. Tra i più noti ci sono certamente Luca Ferrante e Giulio M
サークルがランダムに配置される背景をSVGで作る
SVGを使って、毎回ランダムな色・大きさ・配置でボケ（bokeh）なサークルを作ってみます。 まあやってることは前回の「Kawaii Bubbles!」とあんまり変わりませんけど……。 前回はli要素を使ってやったのですが、背景として使うには適切ではないとかもなーと考えてました。で、SVGなら画像だから別にいいかと思って、今回のを作ってみました。 Random Bubbles Background with SVG デモファイルをダウンロード 始めはCSS BackgroundでSVG読み込ませようとしたりimgで置こうとしたんですが、それだとSVGのスクリプトは実行されないので、HTMLファイルで読み込んでいるJavaScriptでSVG要素を作ってインラインSVGとして追加することにしました。 今回の各ファイルは次のようになっています。 使ったテキストは与謝野晶子の「セエヌ川」です。
Photoshopを軽くて使いやすくするための環境設定をメモしとく | Mnemoniqs Web Designer Blog
パソコン変わるたびに忘れるので、メモ。 一般 画像をサイズ変更してペースト/配置のチェックを外す。 ファイル管理 プレビュー画像 → 保存しない ファイル拡張子 → 小文字を使用 PSD および PSB ファイルの互換性を優先 → 常にオフ パフォーマンス メモリの使用状況 → 推奨範囲の真ん中の数値 ヒストリー数 → 99 キャッシュレベル → 1 単位･定規 定規 → pixel 文字 → pixel コラムの大きさ → point ガイド･グリッド･スライス･カウント グリッド線 → 10pixel 分割数 → 5
これは使える！rem (root em) 単位を使用したフォントサイズの指定 - IT-Walker on hatena
寡聞につき、rem(root em)なんてフォントサイズの単位があるのを今まで知りませんでした。 ちょっと興味を持って調べてみたところ、結構使えそうなテクニックだったのでご紹介したいと思います。 rem (root em) というのは、「ルート要素（典型的にはhtml要素）に対する相対的なフォントサイズの単位」です。 従来のemは、親要素に対して相対的なフォントサイズの単位でした。そのため、要素の出現位置次第でフォントサイズが変わってしまうことも多く、使いにくい場面も多々ありました。 他にもフォントサイズの指定方法には、ピクセル（px）を用いたものがあります。が、特に今は様々なスクリーンサイズを意識しなくてはならない時代。スクリーンサイズの小さいデバイスでは全体的なフォントサイズを同時に大きくしなければならないこともよくありますが、pxを使用していると、メディアクエリなどを使ってあらゆるフ
ゲームに出てきそうな円形メニュー実装jQueryプラグイン「Pretty Pie Menu」:phpspot開発日誌
Pretty Pie Menu Demo ゲームに出てきそうな円形メニュー実装jQueryプラグイン「Pretty Pie Menu」 次のような円形のメニューを実装できます。アニメーションがカッコいいので実際に見てみましょう デモページ 使い方は以下のようにオプションを渡すみたいです。画像は自分で作れるので画像を変えれば全く印象の違ったものを作れそうです 関連エントリ リッチなドロップダウンメニュー実装ができるjQueryプラグイン「Mega Drop Down Menu」 かなりクールなjQueryのメニュープラグインやチュートリアル集 ページスクロールでついてくるメニューを実装＆色々カスタマイズできるjQueryプラグイン「stickyFloat」 通知件数表示付きのメニュー実装jQueryプラグイン「Notification Menu」 折り畳み可能なシンプルツリーメニュー実装jQ
jQueryで入力フォームの上にテキストを表示する「プレースホルダ（placeholder）」を作ってみる｜BLACKFLAG
入力フォームの上にあらかじめ入力例や注意書きを表示する「プレースホルダ（placeholder）」。 入力する際の注意書きや入力例などを予め表示しておくことで、ユーザーに優しいUIにすることができます。 HTML5ではplaceholder属性という、新たな属性として簡単にプレースホルダを表示できるようになっていますが HTML5に対応していないブラウザではJSなどを使って実装しなくてはいけません。 このプレースホルダを表示するjQueryプラグインも多々ありますが シンプルなスクリプト構成で実装できないか、試しにやってみたので紹介してみます。 まずは実装サンプルから。 下記の入力フォーム（INPUTテキスト、パスワード、テキストエリア）にフォーカスすると 表示されているテキストが消えます。 入力フォームからフォーカスが外れた際に、 フォーム内に何か任意のテキストが入力されていると プレー
元菅首相の政策秘書、松田光世さんの告発（2012.3.25） - バンビの独り言
松田光世さんの告発を聴いたのは、今月９日。 「69の会http://69nokai.com/」３次会での出来事だった。 （「69の会」に参加した日記はこちらhttp://bit.ly/y0j5mj） 「松田光世さん」とは、3.11に首相だった菅さんの政策秘書。 松田さんは１年の時を経て、事実を告発しようと「69の会」に参加していたのだが、とうとう話す機会がなく、２次会へ。 そこで松田さんの話を聴いた小澤さんが、私たちに教えてくれ、あまりの衝撃に卒倒した。 アーカイブをご覧下さい。 ００：１３：００～ http://www.ustream.tv/recorded/21348099 ００：０４：１０～ http://www.ustream.tv/recorded/21348667 http://www.ustream.tv/recorded/21350930 一部、書き出します（００：２２：３
東京新聞:「２１世紀を画する動き」 原発反対運動:茨城(TOKYO Web)
東海村の村上達也村長が二十五日、那珂市の市中央公民館ホールで脱原発をテーマに講演した。市民グループ「茨城の人と環境を考える会議」の主催で、会場は五百人以上で埋め尽くされた。 村上村長は、政府や電力業界は今でも旧原発推進勢力がとどまり世論が沈静化して再稼働できるのを待っていると指摘し、「敗戦後も（裁かれずに）残ったエリート軍人を想像させる」と批判。日本原子力発電から今月十四日、東海第二原発の事故対策に二百億円かける計画の説明を受け「総括原価方式で電気料金を値上げすれば投資額は回収できる」と言われて、驚いたことを明かした。 海外でも原発に反対する動きが広がっていることに「原発は過去のものになりつつある」と述べ、「原発反対運動は二十一世紀を画する大きな動き」と話した。土浦市の主婦浦谷利江さん（６１）は「村長の話は力強かった」と感想を述べた。 （小沢慧一）
80 Useful (Free) jQuery Plugins to Enrich Your Site’s User Experience
80 Useful (Free) jQuery Plugins to Enrich Your Site’s User Experience Most of you already aware that jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. it’s also known for fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. Or in developer’s words “
東京新聞:フィルターいまだゼロ 国内全原発 排気筒:社会(TOKYO Web)
原発で重大事故が起き、格納容器の圧力を下げる排気（ベント）を迫られた際、放射性物質の排出を最小限にとどめるためのフィルターが、国内のどの原発でも設置されていないことが、電力事業者への取材で分かった。事故時には作業員らの前線基地となる免震施設の放射線対策が進んでいないことも判明。東京電力福島第一原発事故の教訓が十分生かされていない。 福島事故では、炉心が過熱し、格納容器の圧力が設計値の二倍前後まで上昇。容器が大破する最悪の事態が起きないようベントに踏み切った。排気筒にフィルターが付いていなかったため、大量の放射性物質をまき散らす結果を招いた。 現地対策本部が置かれた免震重要棟では、窓に放射線を遮る備えがなく、対策室を除いては放射性物質を浄化する設備もなかった。会議室や廊下に寝泊まりした作業員は、放射性物質を吸い込む内部被ばくの危険にもさらされた。 また、自衛隊の電源車から電気の供給を受けよ
モデルに光の効果を加える / ウェブデザインライブラリー
投稿日：2012年3月27日 レベル：初心者 ソフトウェア： このチュートリアルでは、モデルの周りに豪華な光の効果を適用する方法を紹介します。 Step1 ： はじめに Step2 ： モデルの画像を調整する Step3 ： モデルに光を加える Step4 ： モデルの周りに光のラインを描く Step5 ： 光のラインに散布効果を加える Step6 ： 光の効果を強調する Step7 ： 完成
小さい文字が綺麗になるかもしれない方法と、コマンド「PI_CleanText」 (PIXEL LAB)
小さい文字が綺麗になるかもしれない方法と、コマンド「PI_CleanText」 ( 2012年03月22日 ) Fireworksの文字のアンチエイリアスは、 「鮮明」「強く」「滑らかに」「カスタム」の4種類がありますが、 正直、どれもあまり綺麗ではありません。 あるフォントでは、「鮮明」が綺麗だけど、別のフォントでは、「滑らかに」が きれいだったり、フォントの種類だけでなく、文字の大きさによっても、 適切なアンチエイリアスの種類は変わってきます。 このエントリーでは、アンチエイリアスのかかった小さいテキストが 少し綺麗になるかもしれない方法を紹介します。 同時に、その方法をコマンド化したので、それの解説と配布を行います。
消え行くOS X ここにもその明白な流れが1つ...
時代は移り変わる。時はiOSなのだ。 iOSの重要性と需要がどんどん高まり、今まで王者の地位にいたOS Xは隅へ隅へと。このままどんどん隅へ追いやられて、いつかは無くなってしまうのでは。そんな声もあがるOS Xですが、まんざら嘘ではないかもしれません。少なくともApple内に置いてその重要性がかなり低くなってきているのは事実のようです。 このページ1枚見ただけでもさ。 OS XのVP、MacテクノロジーのVPはどこに？ Appleのリーダー紹介のページに、ソフトウェア開発のVPであるクレイグ・フェデラーギ（Craig Federighi）氏の姿がありません。クレイグ氏は、OS Xの父であるベルトラン・セルレイト（Bertrand Serlet）氏が2011年の3月にAppleを去った後にVPに就任。が、未だにリーダーページにその顔がでていません。もちろん、クレイグ氏時代は彼がちゃんと登場し
坂本龍一さんら脱原発音楽祭開催へ NHKニュース
「脱原発」をテーマに坂本龍一さんや斉藤和義さんなどおよそ２０組の人気ミュージシャンが参加する音楽フェスティバルが、ことしの夏に千葉市の幕張メッセで開かれることになりました。 ２７日、坂本龍一さんと、ロックバンド「ＡＳＩＡＮＫＵＮＧ－ＦＵＧＥＮＥＲＡＴＩＯＮ」のメンバーの後藤正文さんが出席して東京で記者会見が開かれました。 音楽フェスティバルは、「反核」という意味の「ＮＯＮＵＫＥＳ２０１２」というタイトルで、ことし７月に千葉市の幕張メッセで２日間にわたって開かれます。 出演するアーティストは、坂本龍一さんがメンバーのグループ「ＹＭＯ」をはじめ、シンガーソングライターの斉藤和義さんや「ソウル・フラワー・ユニオン」、「ＡＳＩＡＮＫＵＮＧ－ＦＵＧＥＮＥＲＡＴＩＯＮ」など１８組が予定されているということです。 イベントの収益はすべて、脱原発の署名活動を進めている市民グループに寄付されるということです
激安なピザ屋がウマすぎてヤバイ！ ピザ1枚280円でイタリア人が失神するレベル
日本の宅配ピザの標準価格は世界でもずば抜けて高い！ 一説によると、世界一高いとまで言われている。最低でも1枚（Mサイズ）1000～1500円が一般的な相場ではないだろうか。 そんななか驚くほど安いピザ屋さんを発見したのでご紹介したい。そのお店はなんと最低価格280円！ たったの280円で直径約25センチのピザを焼きたてで食べることができるのだ。しかも激ウマ!! ここのピザを食べたら「もう他店でピザを頼むことはできない。ピザに1000円って（笑）」という人が出てくるかも？ 他店と値段の差は歴然。 このお店「sempre pizza（センプレピッツア）」は東京・杉並区、高円寺駅北口から少し歩いたところにある。2011年6月に開業したばかりで、まだ1年も経っていない。しかし、おいしいピザをお値打ち価格で食べられるとあって、行列ができることもあるようだ。ビックリ価格のピザメニューは以下の通り。 ・
リストに1pxのラインを追加するだけで、印象がぐっとよくなる
#sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; border-bottom:1px solid #84b2e0; } 1. 下に薄いラインを追加してみる このリストに1本ラインを加えるだけで全然印象が変わってきます。試しに下に白いラインを追加してみます。 #sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; bord
WEB制作｜デザイン会社｜超簡単! 髪の毛の画像を1分で切り抜く方法まとめ
お客様に最適なWEB戦略で、 ブランド価値の向上、お問い合わせの増加、迅速な情報の配信、 営業・広告費用の削減、顧客満足の向上、リピート率の増加 の成功事例を実現しております。 切り抜き・マスク作業で、もうイライラしない！ 誰でも、切り抜き30秒・調整30秒で完成できる方法。 WEBサイトやLPのキービジュアルでは画像を使うことが多い。 しかし、お客様から素晴らしい画像の支給があるとは限らない。 「これ、マスクしないといけないじゃないか！」 昔からマスク専用のアプリケーションがあるほど、 マスク作業・切り抜き作業というのは 利益にならないのに、手を抜けない根気が必要な作業。 しかし、今なら誰でも簡単に、1分あればできる。 今更だが、やっとAdobeのCS5シリーズをまともに使い始めたので ここで、Photoshop CS5を使った、超簡単マスク術を紹介したい。 お題の写真 こちらが今回のお
ferret-biyori.com - ferret biyori リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
CSS3のグラデーションを自動生成 | Grad2 -CSS3 Easy Gradation Editor
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
著作権放棄のレスポンシブWebデザイン対応CSSフレームワーク・ingrid
シンプルで良さそうだったのでメモ。 パブリックドメインのCSSフレームワ ークです。レスポンシブWebデザイン にも対応していますし、グリッドレイ アウトにも利用出来るのでなかなか 汎用性があるのでは無いかなと。 ライセンスはCC0(クリエイティブコモンズ版のパブリックドメイン)で、著作権は放棄されていますので、気軽に使えますね。 凄く特殊な性能をもったフレームワークという訳ではありませんが、個人的には余計な物が備わってない方がありがたいのでカスタマイズしやすいです。 グリッドレイアウトにも対応しています。 以下、サンプルです。 Sample css/* UNITS These divider classes are set on .ingrid container --------------------------------------------------------*/ .in
社員証のように首から提げるマスク | web R25
除菌以外にも消臭作用もあるということなので、ストラップのように首から提げるだけではなく、スーツの内ポケットに入れたり、会社のデスクの上に置いたりしてもいいかも 花粉の季節がまっただ中。今年は、平年に比べると飛散量は少ないとのことですが、つらい毎日を送っている人も少なくないでしょう。 最近では、マスク以外にも様々なグッズが売られていますが、なかでも個人的に気になっているのが、首から提げられる携帯サイズの空気洗浄機。昨年に比べると種類も増えて、いろいろと選べるようになりました。とはいえ、やはり価格は1万円前後。ちょっとお高めです。 しかし、なんと1000円以下で首から提げられる空気清浄グッズがあるとのこと。それが「ウイルスブロッカー」です。見た目はまるでネームプレート。社員証のように首から提げて使用します。アルミの袋のなかに固形二酸化塩素が封入してあり、付属のテープをはがすと、空気中に成分
mini kaoss pad 2S - DYNAMIC EFFECT PROCESSOR | KORG (Japan)
DJに、パフォーマンスに使えるサンプラー。 タッチ・パッドで自由自在にコントロールできるエフェクター。 DJミックスや音色制作に最適な100種類のエフェクト・プログラム。 電池駆動、スピーカー内蔵でいつでもどこでもプレイ可能。 予め用意しておいた効果音やボイス・サンプルを、DJやライブ・パフォーマンスで手軽に活用できるサンプラー機能を新搭載しました。シチュエーションに応じてOne Shot、Gate、Loopの3種類の再生方法を選択できるほか、再生速度の変更（ピッチ・チェンジ）や、再生開始位置（キュー・ポイント）の設定も可能。さらにライン・インや内蔵マイクから入力した音をそのままサンプリングできるサンプル・レコーダーも備えています。 また通常のオーディオ・プレーヤーとしても使用できるので、カードに保存したお好きな楽曲にエフェクトをかけ、mini kaoss pad 2S単体でDJプレイする
フォントブログ [フォント/Webフォント/書体/文字/タイポグラフィの情報ブログ]
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
![フォントブログ [フォント/Webフォント/書体/文字/タイポグラフィの情報ブログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/1c5c30a0ba80a65a2f8608558a56104bf2e596b3/height=288;version=1;width=512/https%3A%2F%2Fblog.petitboys.com%2Fshared%2Fimg%2Ffacebook_fontblog.gif)
日出直前と日没直後のゴールデンアワーを通知する『Magic Hour for iPhone』 - RyoAnna
Tweet Magic hour / Robert S. Donovan マジックアワーという撮影用語がある。日出の直前と日没の直後、光源としての太陽が存在しない数十分間。限りなく影が無くなり、一日の中で最も美しく風景を映し出す時間帯。金色に輝いて見えることからゴールデンアワーとも呼ばれている。 今回紹介するのは、そのマジックアワーを通知してくれるiPhoneアプリだ。 Magic Hour (App Store Free) アプリを起動すると、現在地からマジックアワーを算出する。日没の場合、太陽が地平線の上6度に来た時をBegins、下6度に来た時をEndsとしている。常に現在地を取得するため、任意の場所を設定する事はできない。 マジックアワーの60分前と始まりに通知するよう設定できる。だが、今朝初めてアプリを起動したところ、翌日の日出を目標にカウントダウンが始まり、日没直前が通知されな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
kobotake.com
http://kiro.me/textualizer/
html5-memo.com
UI要素の作りこみに参考になりそうな高品質なフリーのPSD素材
http://bukupe.com/summary/4195
ソーラーパネル／チャージャーセット｜SL-020 - ベアーマックス・ストア｜家電・AV機器のオンラインストア