トゥクトゥクを利用した館山市の地域活性プロジェクト「館山トゥクトゥクTOWN構想」のネーミングとVI制作のお手伝いをさせていただきました。 館山市を訪れる観光客や高齢者のための二次交通手段にトゥクトゥクを活用したい。見かけて嬉しい、乗って楽しいトゥクトゥクを街づくりに活かしたい。という漆原さんの構想の元「TUK-TUK TIME TRIP SERVICE」のネーミング策定とVI制作を担当させていただきました。 イラストは描き起こし。トゥクトゥクの資料写真は Simon Herr 撮影。謝意を込めてトゥクトゥクのフェンダー部分に記銘させていただきました。 地域イベントでの試乗会、海岸通りのクルージング、大通りに駐車した看板効果などで地元での存在感をジワジワと上げています。ノベルティはTシャツや房州うちわ、額装イラストに展開しています。 ちなみに房州うちわは日本三大うちわの1つで柄の部分が丸い

はじめに 本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していきます。 今回は、本連載の総まとめとして、CSSでマルチカラムレイアウト（段組レイアウト）を実現する方法を紹介します。CSSでマルチカラムレイアウトを実現する方法はいろいろありますが、今回は、最も基本的な方法として、前回の記事で解説した「floatプロパティ」および「positionプロパティ」を利用した、「フロート型」と「ポジショニング型」のレイアウトテクニックを紹介します。同時にページレイアウトで起こりがちな問題とその対処方法についても扱います。 対象読者 XHTMLとCSSの基本を理解している方。 Web標準サイトの実践的な作り方に興味のある方。 必要な環境 （X）HTMLやCSSを記述するエディタと、それを確認するブラウザがあれば、特別な環境は

ドットインストール代表のライフハックブログ

「WordPress」は日本でも2006年から急激にシェアを増やし始め、ついにはMovable Typeをも駆逐しそうな勢いのオープンソースで無料のブログ・CMSプラットフォームとなっており、その勢いはとどまるところを知りません。 オープンソースで開発されているため無料で利用できるという特徴以外にも、サイトのデザインである「テーマ」を切り替えることによってカンタンに変更できるというのも特徴のひとつで、かなりデザイン的に秀逸なものが無料で多く公開されています。しかし自分好みにカスタマイズしようと思うと、やはり少し物足りないテーマが多いのも事実。 そこで使えるのがこの「WordPress Theme Designer」で公開されている無料のテーマ集。なんとPSDファイルが同梱され、非常にカスタムしやすくなっており、公開されているテーマファイルとPSDファイルを組み合わせれば、それっぽいデザイン

「Web Icon Set」からのタレコミによると、オンラインストアやネットショップ、電子商取引などのために無料で使用できる「E-Commerce Icon Set」と電話やメール、無線LAN、地図、カレンダーのイメージを含んだ「Mobile Icon Set」をリリースしたとのこと。いずれもPNG形式で、サイズは「E-Commerce Icon Set」が32×32・48×48・64×64・128×128の4種類、「Mobile Icon Set」48×48・64×64・128×128の3種類が同梱されているため、いろいろな使い方ができるようになっています。 個人用途だけでなく、商用利用も可能と明記されており、今回も非常に使やすいアイコンセットに仕上がっています。 ダウンロードは以下から。 E-Commerce Icon Set | Web Icon Set http://www.web

組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! とにかく便利な SEO解析全部入りChrome拡張機能 「SEO Site Tools」は、SEO解析に必要な多くのデータを、一括でわかりやすく表示してくれるChrome拡張機能。 SEO評価の指標として疑問視されつつあるページランクではなく、SEOmoz のドメイン ランクをボタンに表示するのも特徴のひとつです。 「SEO Site Tools」で解析できるもの 全部書き出しているとキリがないので、画像で一気にご紹介します。 ボタンにSEOmoz のドメイン ランクを表示 ↑どうしてもGoogleのページランクで判断してしまいがちですが、デフォルトでこのような数値を表示してくれるのはありがたいですね。 基本のサイト・ページデータの表示 ↑Alexa

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

36 Comments Awesome Fonts Guys Thanks, This Is Going To Save Me A Lot Of Time New fonts that I haven’t seen! Awesome, cheers! gotta love free type! awesome set of resources! thank you for sharing this and doing the research for us all to discover. i will definitely be referencing this time to time. i just want to add, another excellent resource / place for typography is http://www.pilo.me – it by