オープンソースの安心フリーフォントのダウンロードが中心のサイトです。フォント・タイプフェイス・文字に関する情報や知識、フォントの作り方 などの情報も掲載しています。リンクはリンクフリーなのでお気軽に
面白くて楽しいアイデアやデザインの刺激が満載、文字から画像を作り出した『Word as Image』を紹介します。 Word as Image [ad#ad-2] 『Word as Image』のルールはシンプルです。 文字のグラフィックエレメントだけを使用します、他には手を加えません。 作品は動画で公開されており、その中からいくつかご紹介。
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
Search Console でプロパティに関する Google 検索結果データを監視できます。
TwitterのタイムラインやFacebookのニュースフィードように、ページの一番下までスクロールしたらコンテンツを自動的に表示する「jQuery.Bottomプラグイン」を紹介します。 1.サンプル jQuery.Bottomプラグインにはデモページが用意されていますが、いまいちなのでサンプルページを作りました。 jQuery.Bottomプラグインサンプル ページの一番下までスクロールすると自動的にコンテンツを表示します。 なお、最初に表示した状態でコンテンツがすべて表示されてしまっているとそもそも動作しないので注意してください。 2.プラグインの機能 jQuery.Bottomプラグインは「bottom」イベントを登録するためのものです。このイベントを利用してページの一番下までスクロールすれば、bottomイベントが発生します。 3.プラグインのダウンロード githubのjQue
NAVERまとめ NHN JAPANは2月6日、「NAVERまとめ」を本格的に事業化すると発表した。これまではインセンティブプログラムを通じ、広告収益を全てまとめ作成者に還元していたため、運営側のもうけはゼロの状態だった。今後は収益を追求する一方で、インセンティブプログラムをさらに強化し、まとめ作成者への分配額を増やしていく。 2009年7月にスタートしたNAVERまとめ。“キュレーション”の盛り上がりを背景に、昨年12月時点では月間1億9400万ページビュー、訪問者数1300万人まで急拡大した。成長のドライバーとなったのは、2010年11月から提供しているインセンティブプログラム。東日本大震災直後の昨年3月は特にアクセスが多く、40万円ほどのインセンティブを手にしたユーザーもいたという。 コンテンツマッチ広告のほかに、Amazon.co.jpへのリンクを張ってアフィリエイトを得ることもで
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
RTとは、リツイート(ReTweet)の略語。誰かのつぶやきをもう一度、自分のタイムラインに表示させる行為のことを指します。 1月某日、セブ山は原宿編集長に呼び出されていた―。 「セブちゃん、オモコロのTwitterアカウント(@omocoro)がついに1万フォロワーいったよ」 「お、すごい!これからもオモコロの動向をいろんな人に知ってもらえるようにツイートしていきましょう!」 「うん。 でも、どんなツイートがRTしてもらいやすいんだろう? セブちゃんはどう思う?」 「そうですね、どんなツイートがRTしてもらいやすんでしょうか?」 「調べてみてくれない?」 「え?」 セブ山が「どんなツイートがRTされやすいのか?」を調べるために、様々な種類のツイートをつぶやいていきます。 それらのツイートのRT数が合計1000RTになれば家に帰れるという完全オリジナル企画です。 検証には、セブ山のTwit
せっかくFacebookページを作ったのに「いいね!」が100人前後で止まっている中小企業や団体、神社をよく見かけます。インターネット空間は果てしなく広大なので、ただ発信しているだけではなかなか人々に見つけてもらえません。解決策として、首都圏ではFacebook広告が超優秀です。1日100円から出稿でき、掲載も停止も簡単で自由自在。私は低額での「お試し」を積極的に勧めています。 今さら……と思う人もいるでしょうが、実際にFacebook広告運用が選択肢にない事業者や団体も多いので、改めて紹介しておこうと思います。 類を見ないターゲティング機能Facebookの特徴は言うまでもなく実名制です。実際の友人・知人とコミュニケーションする前提なので、アクティブに活動している人の圧倒的大多数は本当の情報を入力しています。嘘を入力していると「本当に●●さんかな?」という疑念が生まれてしまい、まったくメ
ページ内スクロールならコレにおまかせ!なjQueryプラグイン「Page Scroller」 2012年02月13日- Page Scroller: A Simple Page Scrolling Plugin ページ内スクロールならコレにおまかせ!なjQueryプラグイン「Page Scroller」。 ページ内を上や下に移動できるだけではなく、ページ内のマークアップを読み込んでナビゲーションを作ってくれた上でスクロールできたりもします jQueryプラグインなので、$('#main').pageScroller(); みたいに呼ぶだけです ページの左サイドにナビゲーションを表示する例 綺麗なスキンがかぶって表示されます 上下矢印のナビゲーションも可能 サイドではなく、ページトップにナビゲーションを設定することも可能 右サイドにも移動可能 なかなか便利で使えそうですね。1ページに沢山の情
ウェブサイトの制作には、いくつかのフェーズがあります。 企画→制作→構築→公開を何度もくりかえすこともあり、スパイラル方式なんて言われることもあります。 今回は、ウェブサイトの制作順序を書いてみたいと思います。 むかしはこういった文章をブログなどで書く方が多く、本もたくさんあったのですが 今は知識や技術に偏ったものがおおく、目に触れることが少なくなったのかもしれません。 もしくは、あたりまえのことだから言わなくなったのかもしれません。 しかしながら、ウェブを気持ちよく制作するために基本というのは重要なことだとおもい 再確認もこめてかきました。 ウェブ制作を行なっている人、 これからウェブの業界に入りたいとおもっている人、 これからウェブを発注する予定のある企業の方に読んでいただければいいなぁと思っています。 ・ヒアリング どんなサイトにしたいのかをお客様へお伺いします。 対象となるブラウザ
普通のかっこいいスライダーだけでなく、パララックスを使ったスライダー、AppleのiPhoneページに使用されているようなスライダーなどを簡単に、そしてセマンティックに実装できるjQueryのプラグインを紹介します。 Sequence.js - The jQuery Slider Plugin with Infinite Style [ad#ad-2] Sequence.jsの特徴 Sequence.jsのデモ Sequence.jsの使い方 Sequence.jsの特徴 エレメント単位で設定できるCSS3アニメーションを使ったスライダーです。 オープンソース。 すべてのモダンブラウザをサポート。 スマートフォンなどのタッチデバイスをサポート。 古いブラウザでも機能します。 ※IE7とFirefox3.6でもテスト済み。 セマンティックなマークアップ。 Responsive Web Des
我们的业务: 搜狗收录域名 高pr域名 备案域名 历史建站记录干净域名 高外链域名 域名筛选定制 seo相关域名 驿家域名
提案資料や設計資料をアイコンや図入りでわかりやすくしたいけれど、寄せ集めたアイコンは図柄がばらばら…足りないものがある・・・など思ったことはありませんか? そんなご要望に答えて、資料に使えそうなアイコンセットをぷちぷち自作してみました。 今回は需要の多いビジネス系アイコン60種類(png形式)です。 顔あり顔なしバージョンがありますので用途に合わせて。 ↓アイコン見本↓ ↓使用例↓ 個人使用も商用もフリーですので、気に入ったら提案書や設計書で、デザインのポイントとして、是非使って下さい。(二次配布はご遠慮願います) もし好評でしたら、次回作も? こんなん欲しいなーというご要望も、 コメント欄・ブコメ・Twitter などでお待ちしています! ダウンロードはこちらから Tweet hinata Webデザイナーをやっているイラスト描き屋さん。 記事を書きながらデザイン勉強していきます! が、
私はフリーランスの Web デザイナーとして、クライアントさんの Web サイトを作成するお手伝いをさせていただいています。今回は、私が仕事でデザインするときに気をつけている事や、Web 制作のフローをまとめてみました ...。 Webサイトを作るとき、みなさんはどんな制作フローをたどって作ってますか?私はフリーランスで仕事をしていて、最初から最後までひとりで作ることが多いです。今回はふだんデザインする時に気をつけてる事や、いつもしている Webサイトの作成フローをまとめてみました。もっと効率化できることがあるはずだなーと思いつつ、最初から最後までを書いてみました。 また、Webデザイナーってどんな仕事なのっていう質問をときどきいただくので … こんなことしてます … みたいな紹介です。これはあくまで私が Webサイトを作る時にしているフローで、他の Webデザイナーさんや制作会社さんと違
Online diagramming tool for collaborating on wireframes, flowcharts, and more
もうすぐ確定申告の締め切りです。僕は全ての整理された領収書や書類を税理士にわたして、あとはハンコを押すだけという状態です。今日は、アフィリエイトやFXなどネットで収入があるサラリーマンや、フリーランスのためのわかりやすい税金の入門書を紹介しましょう。 1.フリーランスを代表して 申告と節税について教わってきました。きたみりゅうじ 匿名の税理士と、SEを辞めてイラストレーターになった著者との対談形式の本で、この手の本としては異例のベストセラーで毎年売れています。税制が変わったときは毎年ちょこちょこ修正しているようです。税理士が匿名なので、経費がどこまで認められるかとか、税務調査ってどんなものかとか、ぶっちゃけた本音を話しているのがいいです。 2.なぜキャバクラ代がOKでベビーシッター代が経費で落とせないのか!? ザイが作ったフリーランスのためのお金の本、小迎裕美子×ダイヤモンド・ザイ編集部
治外法権的テザリング方法? ついに、脱獄不要かつAppleが介入不能と思われるテザリング手法が登場しました。 使用するアプリケーションのインストーラ名から「TetherWeb」とでも呼びましょうか。 以前、App Storeで販売されたテザリング用のアプリケーション、iTetherを開発したチームが開発した新ソリューションだと思われます。 僕はテザリングのことをブログに書かないポリシーなのですが、Appleが認める手段をうまく使ったテザリング手法なので、禁を破って紹介します。 概略としては次の図のようになります。 接続までの手順は、次の通り。 Mac / PCにTetherというアプリケーションをインストール Tetherを起動 Mac / PCでWi-FiのAd-Hocネットワークが作成される iPhoneから、そのAd-Hocネットワークに接続 iPhoneのブラウザで「http://
AndroidやBlackberry用にテザリングアプリを販売しているTether.comが、 JailBreakしていないiPhone用でも利用できるWebアプリを発表しました。 Tether Relaunches iPhone Version | Tether 実際に動かしている公式動画は以下のとおり。 このアプリはHTML5のWebSocket APIを利用し、 iPhoneとPCをアドホック接続する仕様のため、 Appleによる干渉を受けず利用する事ができます。 今までのiPhone用テザリングアプリはJailBreak用であったり、 マーケットに公開されたのちAppleに削除されたりしましたが、 今回はWebアプリのためそのような心配はありません。 またWebアプリであるためにSafariが使える3GのiOS端末であれば、 SoftBank版でもau版でも利用でき、iPadの3G
同じようなの沢山あるのですが、 軽量って言葉に弱い。背景一杯 に画像を表示、スライドショー 化も可能なjQueryプラグインで す。圧縮版なら2KBほどですの で導入しやすいですね。 背景一杯に表示出来るやつでスライドショーにも対応で軽量です。圧縮して2KBくらい。しないで5KBくらいです。 似たようなのは一杯あるので他にも探してみてください。個人的にはこれはカスタマイズしやすそうだったのでちょっと使ってみようかなと思います。 IE7でもOK。6だとfixedが効かないので、ちょっとアレです。 コード <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="jquery.backstretch.min.js"></script> <script
早稲田大学発の技術ベンチャーであるユーザーローカルが、本日からFacebook内の有名人ランキングサイト「Facebook人気ユーザーランキング」の公開を開始しました。ランキング順位は「何人のFacebookユーザーに購読されているか」(=何人のファンがいるのか)の数にもとづいて、毎日ランキング集計されており、現在の全国順位、過去の読者数の増減の推移を見ることができるようになっています。 Facebookユーザーランキング http://social.userlocal.jp/facebook/user_ranking/ ユーザーローカルによると現在、日本には750万人以上のFacebookユーザーが存在しており、このランキングにはそのトップのユーザーが掲載されているとのこと。公開時点では公人を掲載しているが、一般のユーザーでも画面右にあるランキング登録申請フォームからランキングに参加する
普段ブラウザのタブをいくつ開いていますか? 20個以上のタブを開いてマルチタスクを気取っていたりしませんか? 大量にタブを開いていたとしても、実際のところは全然使いこなせていないものです。そればかりか、ブラウザに余計な負荷をかけていることもしばしば。そこで今回は、ChromeとFirefoxで使える素晴らしいタブマネジメント・ツールをご紹介します。 ■ChromeとFirefoxに標準搭載のタブマネージャを使う Chrome 開いているタブの同期 Chromeの最大の利点は、Googleアカウントと統合されている所。タブを含むあらゆる情報をアカウントに保存できます。タブの同期機能を有効にするには、Chromeのアドレスバーに「chrome://flags/」と入力し、「開いているタブの同期を有効にする」の項目を有効にします。これで、開いているすべてのタブをほかのコンピュータと同期することが
ある調査によると、1200万人がサイトに訪問しているというFacebook(FB)。ようやく一般層にも広く知れ渡るようになったように感じます。FB上で久しぶりに地元の友達に遭遇した、という方もいるのではないでしょうか? FBには便利な機能がたくさんあります。例えばメッセージ機能。ライフハッカー過去記事「『Facebook Messages』で、コミュニケーションがスピーディかつ効率的に!」でも書きましたが、「お疲れ様です」とか「先日はお世話になりました」といった文言を書かずに直接本文から始めることができ、コミュニケーションの敷居がメールよりも低いです。また、複数人とのやりとりを「チャット」形式でできるのも魅力ですね。 というわけで、今回のまとめ記事はFacebookをより楽しく便利に使うためのハック集をお送りします。 Photo by Thinkstock/Getty Images.
Item Blur Effect with CSS3 and jQuery 他アイテムをボカして強調表示するCSS3&jQueryサンプル 次のようにアイテムを浮き上がらせることでアイテムを強調させる例です。アイテムが多いと分かりづらい場合がありますが、強調表示してあげることで分かりやすくできます。 色々な場面で活用することができそうですね どんどん表現力が上がっていくのはいいことですね。 関連エントリ カッコよくデザインされたピュアCSS3なアコーディオン実装デモ リボンが可愛いCSS3によるドロップダウンメニュー実装チュート フルスクリーン背景がスライドショーになるCSS3サンプル CSS3のブラウザ別対応がアイコンで超分かりやすいサイト
アロー素材全50種類のキャプチャ ダウンロードできる素材のフォーマットは4つです。 ai: Illustrator用のファイル eps svg csh: Photoshop用のカスタムシェイプ [ad#ad-2] Photoshop用のカスタムシェイプは下記のようになっています。 カスタムシェイプなので、簡単に拡大縮小して利用できます。 アローのカスタムシェイプ50種類 素材の利用にあたっては個人でも商用でも無料とのことです。 詳しくはダウンロードファイルの「MediaLoot_License_Agreement.pdf」をご覧ください。 また、アロー素材は「Vol 1」とあるように、「Vol 2」もあります。 こちらは、サイトにメンバー登録(有償)する必要があります。
今後、どれだけFacebookに力を入れるべきか、迷っていませんか? マーケティング全体の中でのFacebookの役割が不明確になってしまっていたり、Facebookページ運用による効果が見出せず、今後の予算配分に困っているという声を良く聞きます。 ※ラボ編集部注:2016年7月現在、一部URLが閲覧できなくなっているため、修正しました。 徳力さんがおっしゃっているように、いいね!数など目に見える数字にこだわりすぎているために、逆に全体が見えなくなってしまっているのかもしれません。 今回の記事では、ファン数・リーチ数など目先の数字ではなく、全体観としてFacebookが購買などにどういう効果を発揮出来ているか、という調査結果を発表します。 元々ロイヤリティが高くないユーザーがFacebookページのファンになり、その後どれだけブランド認知や購買意欲の喚起、実際の購買につながっているかなど、
faviconをアニメーションさせたりテキストを付与できるjQueryプラグイン「jQuery Favicon」 2012年02月29日- jquery favicon faviconをアニメーションさせたりテキストを付与できるjQueryプラグイン「jQuery Favicon」。 faviconをダイレクトに書き換えることができ、既存のアイコンに文字をプラスして表示させることもできます 例えば、次のようなコードを書いたとしましょう すると次のようにアイコンが描画されます。 テキスト色で指定したカラーで XX という文字が描画されているのが分かります 更にアニメーションさせることも可能です。 細かい所ですが、より利用者の方に気づいてもらえるように、とこだわりたい場合に使えますね 関連エントリ ユーザへの通知UI全部のせなjQueryプラグイン「noty」 通知件数表示付きのメニュー実装j
TOP > Design > クオリティの高いフリーメールアイコンまとめ「30 Beautiful Free Mail Icon Sets」 メールでの連絡が主流となっている現代では、名刺にもwebサイトにもアドレス表記やメールへの誘引は必須項目となっています。そんな中今回紹介するのが、ユーザーの目を惹きつけるクオリティの高いフリーメールアイコンをまとめた「30 Beautiful Free Mail Icon Sets」です。 (Industry mail Icon | Real Vista Business Iconset | Iconshock) シンプルなデザインはもちろん、状況に応じた使い方ができるアイコンが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Mail Icons 2006 by ~Cav
Facebookページの「いいね!」を増やしたいけど、Facebook広告を使うほどのお金がないという店舗様や企業様は多いと思います。そんな方のためにすぐに始められる「懸賞アプリ」をご紹介します。 懸賞アプリは賞品の内容にもよりますが、中には1000人を越える「いいね!」を獲得できた事例があるようです。どのアプリにも共通しているのですが、懸賞に応募したことをシェアできる機能を持っています。このシェアをうまく活かすと、口コミによって店舗の情報が応募者の友達まで伝わることも期待できます。 懸賞アプリには無料と有料のものがあります。無料のアプリは簡単に懸賞が開始でき、有料のアプリはアンケートや写真投稿といったよりカスタマイズした機能を利用することができます。どのアプリを利用するかは、この記事を参考ににしていただければと思います。 また、懸賞アプリには「後日抽選で当たるタイプ(通常の懸賞)」と「そ
なるべくテーマまとめ/紹介記事とかで頻出じゃないものを無料テーマから10個。 面白い仕掛けが組み込まれてるテーマだけに絞って、使いやすさとかはあまり考えずまとめてます。 大体以下のような内容。 テーマサムネイル特徴解説実際の動作GIFアニメ テーマサムネイルクリックでテーマ&デモページへ飛びます。gifアニメ多用してるので少し重いかも。 続きからどうぞ。 Ultraboard いかにも「画像収集に使ってね!」て感じのテーマですがテキストも問題なくいけます。 カーソルをブイブイ動かすのが楽しいテーマです。 フッタにメニューバーがあり、カーソルをのせることでブログタイトルが出現。 Followingなどもフッタに収納されてます。 【2012/3/29追記】作者さんの他テーマ含めて現在リンク切れのようです・・・ Shifter わりと最近リリースされたっぽいテーマのようです。 ドラッグ&ドロップ
やさしさゴシックはどんなフリーフォント? フリーフォントのやさしさゴシックは、自由にダウンロードし、商用・非商用問わず使用できます。 このフリーフォントをご使用になるには、ダウンロードファイルに含まれる 「M+FONT-TESTFLIGHT」「IPAフォントライセンス」の内容を読みください。 It is requested to read and accept “IPA Font License and M+FONT” before downloading Font. ページ最下段のフォントのダウンロードボタンを押してダウンロードして下さい。 ライセンス フォントは以下のライセンスに準じます。フォント同梱のテキストをお読み下さい。 * IPAフォント (IPA_Font_License_Agreement_v1.0.txt) * M+ (LICENSE_J,LICENSE_E) Copy
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く