タグ

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

  • Webフォントを利用する際に知っておくと役立ちそうなTipsとかサイトいろいろ - かちびと.net

    Webフォントに関して調べ物をしたので 個人的なメモ。少し利用頻度があがって 来たので探しやすいようにまとめておき ます。まだちょっと使い慣れてないので もう少し勉強しないとダメですね・・ スマフォ向けのリソースもあります。 というわけでWebフォントに関するメモです。以前触りだけしか書かなかったのでもう少し深く調べておこうと思い記事にしました。ので、過去の記事と結構重複します。 最低限の知識 最低限かどうか分かりませんけどw 少し不明瞭な点もありますので間違いがあればご指摘頂けると幸いです。 ライセンス まずライセンスですが、通常、Webフォントとして利用するには当然フォントの著作者次第になります。 Webフォントとして使うにはサーバーにフォントファイルをアップロードしてcssでファイルのパスを指定して利用するので、フォントファイルが誰でも手に入れられてしまう事になります。(アイコンなん

    Webフォントを利用する際に知っておくと役立ちそうなTipsとかサイトいろいろ - かちびと.net
  • 無料・商用OK・リンク不要の、やわらかい印象の日本語フォント・はんなり明朝 - かちびと.net

    以前ご連絡を頂いたフォントポ日語の 作者さんから新作のお問い合わせを頂 いたのでご紹介。やわらかい印象の明朝 系フォント、「はんなり明朝」です。こちら も商用で利用できるとのことです。なんとも 太っ腹ですね・・ フォントポ日語の作成者さんからまたまたご連絡いただきました。いつもありがとうございます:D 商用で利用できる日フォントに新しく仲間入りです。 かわいいですねーwきりっとした印象の明朝ですが、こちらは少しふんわりとした印象を与えられそう。明治時代の築地体を参考に作られたそうですよ。 利用規約 利用規約は 当サイトのフォントはすべて無料です。個人・商業用途での利用について特に制限はございませんので、どうぞお気軽にご使用ください。ただし、フォントデータの改変はおやめください。また、フォントの使用によって生じたいかなる結果や損害につきまして、一切の責を負いませんのでご了承ください。

    無料・商用OK・リンク不要の、やわらかい印象の日本語フォント・はんなり明朝 - かちびと.net
  • iPhoneやiPadにも対応、キーボードを机に映写してタイピング可能にするバーチャルキーボード・Magic Cube - かちびと.net

    日曜日なのでネタ的な話題でも。いつか映画 でみたような光景がいつのまにか現実的に なっていましたのでご紹介します。壁や机に 映写されたキーボードでタイピング。マイノリティ・ リポートやマトリックスでも見かけた気がします が、あれが現実のものとなって発売されています。 端的に言うとキーボードを映像化する、というグッズ。もう実際に販売されています。日にもVKBというバーチャルキーボードがあるようですね。 言われてもピンと来ない気がするので動画御覧ください。 ちゃんと打ててます。鉛筆削りのような物体がMagic Cubeで、ここから机に映写されたキーボードでタイピングが可能、マウス操作も出来るみたいです。なんかもうラピュタの世界ですね。ムスカなら「知らないのかね?Magic Cubeは映像のみでキーボードが打てるのだ」とか言っちゃうレベル。 一番上にプロジェクター、真ん中にセンサーがあり、一番

    iPhoneやiPadにも対応、キーボードを机に映写してタイピング可能にするバーチャルキーボード・Magic Cube - かちびと.net
  • スマフォとかミニマルデザインに特化した、これからお世話になりそうなWebデザインギャラリー - かちびと.net

    Warning: Undefined array key "width" in /home/youhei0828/kachibito.net/public_html/wp-includes/media.php on line 1681 Warning: Undefined array key "height" in /home/youhei0828/kachibito.net/public_html/wp-includes/media.php on line 1682 自分の中で課題があって、その為に 必要なインスピレーションを得るため のギャラリーサイトをまとめます。いち いちブックマークから探すのが面倒に なってきたのでちょっと整理がてら記事 にします。 というわけで個人的なリンク集です。スマフォとかミニマルデザインとかのWebデザインギャラリーいろいろ。デザインギャラリーですけど、目

    スマフォとかミニマルデザインに特化した、これからお世話になりそうなWebデザインギャラリー - かちびと.net
  • iPhone等での表示をPCで確認出来るAir製のシミュレーター・Mobilizerがローカルファイルにも対応出来るし、割と良かった

    iPhoneや、BlackBerryなどでのWebサイトの表示をPCで確認出来るシミュレーターです。Air製で無料で使えます。まだ使い始めたばかりなんですが起動も軽く、ユーザーエージェントもそのデバイスごとに設定してくれてるみたいです。 シミュレーター(エミュレーター?よくわからn)はいくつかありますが、選択肢の一つとして。WinでもMacでもOKです。完璧ではないですけど、今までで一番良かった気がしました。もともと優れたシミュレーターはまだ無い気がしますしね・・・あるのかな?w 動画あったので貼っておきました。iPhone4は勿論、Plam PreやBlackBerry、HTCなど4種のデバイスを同時に確認出来ます。ローカル上のHTMLも動作確認出来ますよ。Airアプリなので動作にはAdobeAirが必要です。 4つ同時に起動可能 日なら、基的にiPhoneAndroidだけあれば

    iPhone等での表示をPCで確認出来るAir製のシミュレーター・Mobilizerがローカルファイルにも対応出来るし、割と良かった
  • jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します - かちびと.net

    簡単なものですけど、jQuery Mobile でのマークアップ時によく使うっぽい UIのサンプル作ったので配布します。 簡単なチートシート代わりになるのでは 無いかと思ったのでシェアしてみよう かと。良かったら使ってください。 というのも、JQMの日語サンプルの配布先を見かけなかったので、なかなかお困りの方もいらっしゃるんじゃないかなと。調べるの面倒ですし、手元にサンプルコードあったほうが何かと便利ですよね。 というわけで、以前マークアップサンプルの記事書いたときに作ったサンプルサイトに手を加えた物を丸ごと配布します。 流石にかなり出てるので今更説明不要かもですけど、ざっくり説明するとWebサイトをスマフォ向けに簡単に出来るjQueryプラグインです。 以下のサンプルで使用しているファイルが丸ごと梱包してあります。 サンプル※別窓 いちおうキャプチャ。 目次 サムネイル付きのサンプルと

    jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します - かちびと.net
  • サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ

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

    サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ
  • ECサイトのSEOチェックリスト

    たまたま見つけたEzine Designerというサイトのエントリで ECサイトのSEOチェックリストなるものがあったので勢いでご紹介。 2007年のエントリで、現在とはアルゴリズムの変化で通用しない 可能性のある項目もありますので自己判断でご参考下さい。 以下からどうぞ。 ※誤訳がありましたらご指摘下さい。基的に適当に意訳してます。 Ecommerce SEO ChecklistOn-page キーワード最適化について。大きな効果はありませんが、コントロールがし易いでしょう。 Sitewide ナビゲーションと構造。 非常に重要であり、コントロール可能な施行です。 Off-site サイトへの入り口(リンク)。コントロールするのは難しいでしょう。 On-Page Search Optimization-基的なキーワード01・「コンテンツ」と「管理ページ」の区別がしてあり、コンテンツだ

  • ネットで出来るだけ物を安く買える方法やサイトを調べた - かちびと.net

    今更ながら不況なのでネットで 安く買えるEコマースサイトや 通常よりも安く済ませる方法などを 調べたのでシェアしたいと思って エントリします。殆ど既出な情報です。 ほんとにお金が無い時には役に立たない 情報かも知れません。 仕事の過程で物入りな時に探した情報です。何かと出費を抑えたい時代。少しでも安く済ませられるよう、激安ネットショップやモノを安く買う方法等の情報をまとめました。順不同です。 生活応援通販のヒラキ とにかくココは絶対に紹介したいサイト。金額が異常なほど安い。スニーカー180円で有名なサイトです。他にも雑貨80円均一、女性用ブーツ780円などなど。配送はクロネコヤマト等なので送料が高いという罠も無し(多分)。更に5250円以上で送料も無料とまとめ買いにもうってつけです。 生活応援通販のヒラキ ロヂャース ディスカウントで有名なロヂャースのオンラインショップ。実店舗同様、安い商

    ネットで出来るだけ物を安く買える方法やサイトを調べた - かちびと.net
  • 結局、一番使いやすくて高機能なSEOツールはSEOチェキ!だった - かちびと.net

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

    lamich
    lamich 2009/09/22
  • ホントに助かるフリーのcssジェネレーターいろいろ

    使えるcssのオンラインサービスが 50個、Speckyboyで記事にされていた のでよさ気なものをいくつかご紹介します。 全部良さそうなので気になる方はぜひ 記事元を訪れてみてください。 日語のテキストで作成できるcssメニュージェネレーターは当に助かります。 Grid Designer 2 細かい設定を行えてすぐに反映されるグリッドシステム。 Grid Designer 2 nP: Grid Generator グリッドを作成すると、cssのソースも出してくれます。 nP: Grid Generator Dynamic 4 Column Layout Generator これ面白い。4カラム専用のレイアウトジェネレーター。設定と同時に反映、 cssもDL(コピペ)出来ます。 Dynamic 4 Column Layout Generator XHTML/CSS Markup Gen

    ホントに助かるフリーのcssジェネレーターいろいろ
  • 1