タグ

ブックマーク / kachibito.net (12)

  • 手書き風のWebデザインを作りたい時に役立ちそうなフリー素材やデザイン例まとめ - かちびと.net

    個人的に大好物の手書き風な Webデザインを作りたい時に 役立ってくれそうなフォントや テクスチャ、アイコンなど、無料 のリソースをメモしておきます。 手書き風と言っても色々あるのでこのまとめは偏ったものになっているかも知れません。参考程度にして頂ければ幸いです。全ては掲載出来ないので個人的に好みのリソースを厳選します。 日フォント ふい字 かなり使用条件を緩くしてくれている有名な手書きフォント。 ふい字 みかちゃんフォント こちらもかなりオープンに配布してくれています。 みかちゃんフォント あんずもじ 縦書き用も含まれています。こちらも有名なフォント。 あんずもじ ひま字 基的には商用でも利用可能ですが、よく規約を読んで。可愛くて使いやすいです。 ひま字 ミウラ Liner ジュニア 漢字もがっつり入った素敵なフォント。 ミウラ Liner ジュニア 衡山毛筆フォント 著作権を放棄

  • 素敵な名刺デザインいろいろ

    個人的に好みの名刺デザイン の例をメモ。いつか書きたいと 思っていましたが、なかなか 機会がありませんでした。 個人的に好みの名刺デザイン の例をメモ。いつか書きたいと 思っていましたが、なかなか 機会がありませんでした。 たまたま、先日名刺の話題を Twitterでしていたのでついでに エントリー。 一貫性もコメントも何も無い、個人的なメモ(ギャラリー)です。 Paper Napkin Designs Paper Napkin Designs i Draw Designs i Draw Designs caddyshack putters caddyshack putters ed ed doTerra doTerra Andy-Westwood Andy-Westwood Bridge Photographic Bridge Photographic Tecknogr▲fick™ Te

    素敵な名刺デザインいろいろ
  • サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ

    Webサービス公開前にサイトをチェック Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 そこで、公開前に色々と確認出来たり、 最適化できる様なフリーのサービスや フリーソフトをご紹介します。 ここで言う「公開前」とは「サーバーにアップする」事ではなく、公開を告知したり、プレスリリースを出す前の状態とお受け下さい。ローンチ前と書くべきだったかもしれませんね。。誤解を与えていたら申し訳ないです。 では、ブラウザチェックツール、モニタ別表示チェック、表示スピードチェックツール、cssや画像の最適化ツール、などなどご紹介していきます。 ブラウザチェック各ブラウザでどのように

    サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ
  • 配布する全てのフリーフォントがクリエイティブ・コモンズの「FREE FONTS」

    配布しているフォントが全てフリーで ライセンスがクリエイティブ・コモンズ ライセンスのFREE FONTSをご紹介 致します。数が大量では有りませんが、 全部CCライセンスなのはありがたい。 FREE FONTSでは配布しているフォントは全てクリエイティブ・コモンズライセンスで提供されています。 計60ものフォントがCCライセンスで無料で手に入ります。配布されているフォントもクオリティ高め。 汎用性も高そうです。 クリエイティブ・コモンズに関してはフッターに明記されています。↓ フォントは著作権に困る事が多いので助かりますね。以前GPLライセンスのフォントの記事も書きましたので宜しければ合わせてご覧下さい。 FREE FONTS コメントやTwitterで有料のフォントが含まれていると教えていただきました。真相を件のサイト管理者に問いますのでご利用はお控え下さいます様お願いいたします。大変

    配布する全てのフリーフォントがクリエイティブ・コモンズの「FREE FONTS」
  • あのサイトを作りたい!オープンソースのクローンCMSまとめ

    「自分であんなサイトを作りたい」と、思う Webサービスは結構多いかと思います。 いくつかの有名なWebサービスは クローンのCMSがオープンソースとして 提供されているものがあります。そんな クローンタイプのCMSをいくつかご紹介します。 既出のCMSばかりですが、個人的も一度まとめておきたいのでメモも兼ねて。 Diggクローン 海外でもかなりの人気ソーシャルサイト、Diggのようにユーザーが投稿、Vote(投票)を行えるCMSです。以前SEOカスタマイズ法も書いたので宜しければ合わせてご覧下さい。Pliggが相性悪いなと思うようならPHPDugもいいかも。 Pligg / デモ Deliciousクローン ソーシャルブックマークサイトとして有名なサイトがDeliciousです。タグを付けてWebサイトへのリンクを簡単に追加、共有できるオーップンソースのCMSがscuttleです。僕もこ

    あのサイトを作りたい!オープンソースのクローンCMSまとめ
  • Web制作関連記事の復習メモ - かちびと.net

    今年も色々と情報が発信されました。 後で試そう、とか後で見よう、と思った まま何もしていない自分がいたので ちょっと復習用にメモ。来年の勉強用です。 個人的なメモですが参考になれば幸い。 内容はWeb制作に関わる記事ですが、まとまりがありません。単なるメモなのでご了承いただければと思います。順不同。 JPEG画像をより美しく、より軽量に最適化するテクニック 理屈に沿った軽量法でした。これは癖を付けてナンボのテクニックですね。頭に叩き込んでおきたい。PNGも合わせて。 JPEG画像をより美しく、より軽量に最適化するテクニック とっても使えるoverflowプロパティ。その使い方色々。 凄く便利。こんなに役に立ってくれるプロパティだとは知りませんでした。これも覚えておくと便利そう。 とっても使えるoverflowプロパティ。その使い方色々。 商用無料で使える写真素材サイトまとめ2009年度初版

  • 英語の学習情報の特徴メモ - かちびと.net

    話題が集まりやすい英語の 学習法などのブログ記事ですが、 結局勉強するかどうかは、その 方法が自分自身に合うかどうか。 これまで何度か出てきた英語学習の方法を書いた記事をまとめて概要のみ引用して一目である程度相性いいかどうか分かるように、比較出来る様にしておきます。これから冬休みの方はこの機会にいかがでしょうか。 気になった学習方法があったらリンク先で詳細を確認すると手間が省けそうな気がします。主観込みなので参考程度に。。 中学生レベルの英語力の奴が4ヶ月でTOEIC「Bクラス」を出す方法 リンク先のおおまかな内容 TOEIC730~860を4ヶ月で出した方法 まずは基礎を中心に リスニングの先読みの練習も サードパーティの模試を必ず時間を計って とにかく、速読と先読みの練習 教材:4冊 > 書籍中心。学ぶ順番も書いてある 特徴:英語が完全にダメな人向け 方法:回り道せずとにかくやり込む

  • 国内の商用利用可能なWeb制作に使えるフリー素材配布サイトまとめ - かちびと.net

    Webデザインってあまりトレンド というのは無いような気がします。なんと言うか 見易さとか実用性メインでデザインは結構 シンプルだったりしますし、日人に合ってる のかもしれないですね。そんな訳で日人の 感性で作られた商用利用もOKの国内の Web素材配布サイトをまとめてメモしておきます。 僕自身がいいと思ったサイトを厳選してご紹介します。順不同。 サイトごとに利用規約が若干違うので重要な部分はメモしますが、ご利用の際は必ずご自身の目で利用規約ページをご確認下さい。問題が起きても当方は責任負いかねます。利用規約ページがある場合はそのページにもリンクを貼っておきます。 デザイン素材.com アイコンがメインでファイルはPNG。ネットショップ素材が中心で使いやすいデザインが沢山あります。 加工、商用OK、印刷物、ソフトウェアでも可能、Webデザイナーも利用可能。再配布、2次配布は不可。

  • 国産限定・Web制作時に覚えておくと便利な14のフリーのWebサービス - かちびと.net

    最近、国産のWebサービスも かなり勢いがあるなぁと思ったので ちょっとまとめてみました。よく 紹介されるのは海外製ですが、 それに劣らないMade in Japanの Web制作者が知っておくと便利そうな フリーのWebサービスをご紹介します。 順不同です。日語が完全に通じる海外Webサービスも今回は省いて純国産のWebサイト制作に一役買ってくれそうなWebサービスをご紹介したいと思います。出来る限り高性能だったり多機能なWebサービスのみにしたつもりですが主観入ってます。 Color of Book 国産サービスで一番多用しています。AmazonAPIを使って雑誌の表紙を抜き出し、その表紙からカラーチャートを生成。アイデアが素晴らしいですね。雑誌は表紙のデザインや色で惹きつけるよう考えられている事が多いのでWeb制作時のカラー選定にかなり参考になるのでは。 Color of Book

  • あの企業のロゴの秘密いろいろ

    僕がお世話になっている マーケッターの2upさんから 情報頂きました。面白かったので 記事にします。有名なブログの Six Revisionsで様々なロゴが どのように今のロゴに決まったか を説明していました。 10のロゴの生い立ちが紹介されています。 Big 10 Big10とはアメリカの大学の運動事業だそうで、元々は10校だったのが、ペンシルバニア州立大が1990年に加わって11校になったので以下のように文字内に「11」を隠し文字で入れたそうです。 Goodwill Goodwillは恵まれない方を助ける非営利団体で、笑顔のマークが特徴のようですが、Goodwillの「G」の部分を以下のようにうまく笑顔に見えるように使っています。色を変えて笑顔に見える部分が強調されています。 Sun Microsystems 有名なSUNのロゴ。左側のシンボルが以下のように「SUN」に見えるように工夫

    あの企業のロゴの秘密いろいろ
  • cssのテクニックなどを学びたい時に見ておきたい12サイト - かちびと.net

    cssが苦手で嫌いなので 好きになろうと思い、勉強に なりそうなサイトを国内外で 選んで絞ってみました。 同じ思いをしている方とシェア したいと思ったので記事にします。 リファレンスサイトは今回は割愛しました。勉強するなら抑えて当たり前ですしね。国内外合わせて11サイトとおまけが1サイトあります。まずは国内サイトから。 CSS HappyLife 個人的に国内でcssといえばCSS HappyLifeさん思い出します。基から応用まで幅広く情報を配信。 CSS HappyLife CSS-EBLOG ほぼcss中心に情報を配信してくれています。こちらもかなり勉強になるサイト。サイト自体も見やすいですし、cssで困った時には必ず訪れたいサイトです。 CSS-EBLOG CSS Lecture cssで出来るテクニックを公開してくれています。デモページを用意してくれるのが凄く嬉しい。親切で分か

  • 結局、一番使いやすくて高機能なSEOツールはSEOチェキ!だった - かちびと.net

    Firefoxのアドオンやよく言われる 海外SEOエキスパートみたいな 方々の作成したSEOツールも凄いけど 結局僕が一番使いやすくて高機能 だと思ったSEOツールは国産の SEOチェキ!でしたので機能をご紹介。 使い方次第なのかもしれませんが、結局一番使うのはSEOチェキなので紹介します。アライグマかレッサーパンダか未だにその正体を教えてくれない友達のロプロスさんの作ったツールですが、贔屓なしに現時点で最高のSEOツールです。 ※書いてある順番は適当です。書かないと分からないようなので追記しました。 Ajaxで動くのでとにかく軽快 国産なので開発者と連絡が取れる 無料で広告も無い 調査できる必要項目がほぼ全て揃ってる やたら見やすい といった感じで重宝しています。とにかく動作の軽快さ。これが大きいです。SEOツールなのに動作が重いってユーザビリティ的にどうなの?って気がしますのでいくら

  • 1