タグ

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

  • 著作権放棄の、グリッドシステムを搭載したレスポンシブWebデザイン対応CSSフレームワーク・rwdgrid

    著作権放棄の、グリッドシステムを搭載したレスポンシブWebデザイン対応CSSフレームワーク・rwdgrid
    grayzone
    grayzone 2012/10/31
  • 商用利用可能なタッチデバイス向けのジェスチャーアイコンセット・TOUCH GESTURE ICONS

    タッチデバイス独特の操作方法を明示 するジェスチャーアイコンが商用利用 も可能で、セットで配布されていたの でご紹介。他にもあった気はしますが、 汎用的なデザインで利用しやすそうだ ったのでメモ。 タッチデバイス用のジェスチャーアイコンです。万国で通じそうな汎用的なアイコンで個人的には気に入っています。 指で操作している所をアイコンにしたもの。他にも見かけますけど、このアイコンは結構分かりやすい気がします。商用でも利用出来るそうです。 用意されているファイルはPSD、EPSに加えてPNGがいくつか。 加工もしやすいですし、アプリ開発者さんは利用されてみては如何でしょう。 TOUCH GESTURE ICONS

    商用利用可能なタッチデバイス向けのジェスチャーアイコンセット・TOUCH GESTURE ICONS
  • 綺麗目で見やすいjQuery UIのデザインテーマ・DELTA

    jQuery UIのデザインテーマ・DELTAの ご紹介。使い勝手の良いjQuery UIです が、デザインの変更は結構工数をい ます。DELTAはそんなjQuery UIのデザ インを綺麗目で見やすくしたテーマ。 Twitter Bootstrapライクでとっても 見やすいです。 パッと見、Twitter Bootstrapっぽい感じのデザインテーマです。 スライドバーやボタン、トグルスイッチ、デートピッカーなどのデザインが用意されています。 Sample こんな感じ。クライアントワークじゃなかなかそのまま利用する機会は無いですけど、Twitter Bootstrapなどのフレームワークをそのまま利用しているサイトなら割りとマッチする気がします。 僕自身、jQuery UIを使う際に大まかなデザイン変更をした事が無いので、デザイン変更の参考コードとしてお借りします。ライセンスはMIT

    綺麗目で見やすいjQuery UIのデザインテーマ・DELTA
  • 無料・商用OK・リンク不要の、やわらかい印象の日本語フォント・はんなり明朝

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

    無料・商用OK・リンク不要の、やわらかい印象の日本語フォント・はんなり明朝
  • 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がローカルファイルにも対応出来るし、割と良かった
  • 「2009年のWeb制作情報のまとめ」のまとめ - かちびと.net

    復習用。探すのが面倒なので備忘録的 に2009年のまとめをまとめます。時間 がある時に見て自分の必要なものを 確認しようと思います。同じお思いの 方とシェアしようと思ってエントリー。 Web制作関連のみになっています。 かなり時間がかかりそうなので正月辺りにもチェックします。こういうのは一気にやりたい。 100 Best Photoshop Tutorials From 2009 Photoshopチュートリアルベスト100。膨大な量です。 100 Best Photoshop Tutorials From 2009 The Best Free Fonts of 2009 2009年のベストフリーフォント12個。50 Best Free Fonts From 2009も同サイトで発表されました。 The Best Free Fonts of 2009 The Best jQuery Plu

    「2009年のWeb制作情報のまとめ」のまとめ - かちびと.net
  • Web制作時に色(カラー選定)で困った際に役立ちそうな13のツールやサービス

    Webサイトの制作時にいつも 時間がかかるのがカラー選定 で、少し困っているのでもう少し 時間を短縮したいと思い、使って いるツールも含めていろいろご紹介。 いろいろ有りすぎるので使いやすいと思ったサービスに厳選しています。順不同。使いやすさとか好みもあると思うので参考程度に。。。ネタ帳さんのwebサイト作成時にサイトカラーを決められない人の為のwebサービスいくつかという記事も凄く参考になりますよ。 原色大辞典 色のリファレンス国内サイト。国内にも同じようなサイトは沢山ありますが個人的にここが一番見やすくて使いやすいです。 原色大辞典 colr.org 写真からスキームを作成してくれます。手持ちの画像をアップロードしてスキーム作成も可能ですが、flickrからランダムで呼び出したり、ピッカー機能があったり、タグ付け出来たりと多機能ですが、UIがシンプルで使いやすい。動作も軽いので重宝しま

    Web制作時に色(カラー選定)で困った際に役立ちそうな13のツールやサービス
  • Webデザイン事始め・まずはフリーソフトで始めよう。GimpとInkscapeの説明が分かりやすいサイト

    題名の通りですが、これから Webデザインに手を出そう、 という方の為に日語サイト で説明が凄く分かりやすい サイトと少しチュートリアル記事 の紹介です。 Webデザインを始めたいけどadobeのソフトは高額でなかなか手軽に始められません。まずはほぼ同等の機能を持ち、しかも無料で手に入るGimp(Photoshop代替ソフト)とInkscape(Illustrator代替ソフト)で様子見をしてみてはいかがでしょう。 使い方や実践チュートリアルを丁寧に説明してくれるサイトをご紹介します。「これなら触ってみよう」という気になれるかと思います。沢山あげられると選べずに萎えるので1,2サイトに絞りました。両ソフトのダウンロードもリンク先で出来ます。 プロも使ってるといわれるGimp。Webデザインをこれから始めようと思ってもなかなかとっつき難いかもしれません。ですので扉となってくれそうなサイトを

    Webデザイン事始め・まずはフリーソフトで始めよう。GimpとInkscapeの説明が分かりやすいサイト
  • 商用サイトでも無料の国内外のWeb制作に使える素材サイト総まとめ・2009 - かちびと. net

    ローカル環境にストックしていた日国内、海外サイトで商用OKなWeb素材を配布しているサイトのリンク集が結構な量になってきたので出来る限り多くの方とシェアしたいと思ってエントリーします。 懐の広いクリエイターさん方に感謝します。このリンク集は商用サイトでも利用が可能(Commercial use)なWebサイトの素材情報です。一応確認はしていますが、ご利用の際はご自身の目で必ずライセンスや利用規約(Terms of Use等)をご確認下さい。サイトごとに利用規約も異なります。当サイトは一切の責任を負いかねます。 日国内、及び海外の商用OKなWeb素材配布サイトと日語で紹介された海外記事のまとめです。 2度手間を防ぐ目的でリンクにマウスオーバーすると画像をツールチップで表示するようにしました。多少表示に時間掛かるかもしれません。 写真商用サイトでも利用できるロイヤリティフリー、パブリック

    商用サイトでも無料の国内外のWeb制作に使える素材サイト総まとめ・2009 - かちびと. net
  • Flickrに関するメモ・ツールやソフトなど

    せっかくデジイチ買ったので来年あたり からFlickrを使おうと思い、Flickr関連の ツールや便利なアドオン、便利そうな ソフトなどをピックアップしてみました。 まだ全然使ってもいないのでその程度の 情報とお考え下さい。単なるメモ書きです。 FlickrはツールやWPのプラグインも多数存在するのでやはり便利そうですね。 文字の羅列だとリンク先に飛ばないと分からないのでリンクにマウスオーバーするとサムネイルが右側に出るようにしてあります。前に見たようなサイトもわざわざリンク先に飛ばずとも多少は分かるかなと思います。逆に見にくかったらごめんなさい。 基Flickr / ここからスタート。家。Flickrfreak / Flickrの使い方Wiki。日語なので分かりやすい日語ガイダンス / ここも分かりやすいです。検索Flickr Related Tag Browser / タグで検

    Flickrに関するメモ・ツールやソフトなど
  • タイに行ってRPGの光景のようなアユタヤ遺跡の写真撮った!

    先週はタイに行っておりました。 半分ビジネス半分遊びでしたが、 その中でアユタヤ遺跡を見学 したのですが、このアユタヤ遺跡 に凄く感激したので写真乗せます。 まるでRPGの中に入った感覚でした。この地に立っている自分が嘘みたいな。そんな印象でしたよ。戦争で敗れ、燃やされ、100体以上の仏像の首を切り落とされたアユタヤ文明の跡。お墓もあるのでそのまま残っていますが、資金不足なのか、そのまま朽ちている感じでした。 写真はサムネイルです。クリックするとLightbox風に浮かび上がります。サイズは800×600。浮かび上がった画像の右側をクリックすれば先に進めます。左は戻るようになっています。少々重いかもしれません。 遺跡以外と宮殿遺跡以外と宮殿の写真も少し。 タイのマクドナルドのドナルドはタイの挨拶(サワディカップ、サワディカー)の格好をしている。 有名なバンコクの大渋滞。まったく動きません。

    タイに行ってRPGの光景のようなアユタヤ遺跡の写真撮った!
  • 国産のGoogleマップAPIを利用したWebサービス27+α

    GoogleMapを使ったWebサービス に興味が沸いて調べてみました。 マップ系なので殆ど国産サービスです。 単純に興味が沸いて調べただけなので もしかしたら情報は中途半端かもです。 GoogleMapAPIを使ったWebサービス に興味がある方に参考になれば幸いです。 一応カテゴリで分けました。自分でもちょっと微妙な分け方ですが、無いより分かりやすいかなと思いまして・・・ タイトルのαは海外GoogleMap系サイトの紹介記事です。 情報共有タイプソーシャル要素を加味したマップ系Webサービス mapeer マップを使ったCGM系サービス。ユーザー同士で情報をマップで共有出来ます。 mapeer ホトリ 全国の仏像情報を共有するサービス。デザインが凄くかわいいいですねー。 ホトリ- Zorg 地図上に画像を表示させて共有するWebサービス。何気にいいです、これ。面白いかも。気に入った

    国産のGoogleマップAPIを利用したWebサービス27+α
  • 簡単な入力で道順をGoogleマップに描いてくれるtwitrouteがすごく便利

    タイ旅行中に凄くお世話になった Twit Delayの開発者さんのさくらさん が新たにGoogleマップと連動 したTwitter系のサービスTwitroute を開発したのですが、これがめっちゃ 便利なのでご紹介します。 昨日のGoogleマップAPIを使ったサービスの記事の中でIDEAIDEAさんが愛用しているPin in the Mapをご紹介しましたが、それ以上にTwitrouteは便利すぎです。また、こちらは国産なので英語が苦手でPin in the Mapを使っていなかった方にもお勧め。 ルートを自動で表示! Twitrouteは出発点から行き先までの道順(ルート)を簡単な入力のみで表示、Twitterに投稿出来るWebサービスです。気になるお店を道順付きでTwitterでシェア、なんて事も可能っぽい。 入力して、地図を更新してからルートが出るまでの時間が早い!投稿などにもAj

    簡単な入力で道順をGoogleマップに描いてくれるtwitrouteがすごく便利
  • Twitter関連ツール・まとめ - かちびと.net

    Twitter関連の便利なツールがかなり 紹介されて来ていて、そろそろ混乱 してきたのでまとめます。 リンク先は日語で解説してくれて いる記事にしています。されていない ツールやサイトは載せていません。 今現在は165個のツールがありましたが、今後追加していく可能性もあります。 TwitterWikiに載ってるサービスは極力載せていないつもりですが、若干被ってるかも。 全てのサービスを試したわけではありません。MacとiPhoneは持って無いですし。。。 また、リンク先を日の記事にしたのは、海外のサービスに直接貼っても 使い方が分からなければ意味が無いと思った為です。 なので、リンク先がかなり偏っていますが重ねてご了承下さい。 ※コメント頂いたので15個追加して180個更に20個追加して200個に育った。 ※8月アップデート>17個増えて217個 ※9月アップデート>30個増えて247

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

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

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