Facebookで投稿や写真などをチェックできます。
トゥクトゥクを利用した館山市の地域活性プロジェクト「館山トゥクトゥクTOWN構想」のネーミングとVI制作のお手伝いをさせていただきました。 館山市を訪れる観光客や高齢者のための二次交通手段にトゥクトゥクを活用したい。見かけて嬉しい、乗って楽しいトゥクトゥクを街づくりに活かしたい。という漆原さんの構想の元「TUK-TUK TIME TRIP SERVICE」のネーミング策定とVI制作を担当させていただきました。 イラストは描き起こし。トゥクトゥクの資料写真は Simon Herr 撮影。謝意を込めてトゥクトゥクのフェンダー部分に記銘させていただきました。 地域イベントでの試乗会、海岸通りのクルージング、大通りに駐車した看板効果などで地元での存在感をジワジワと上げています。ノベルティはTシャツや房州うちわ、額装イラストに展開しています。 ちなみに房州うちわは日本三大うちわの1つで柄の部分が丸い
ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し(hタグ)のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 ※追記6/24 HTMLのマークアップをpからh3に置き換えました。 見出し(Headline)のサンプル集 色やボーダーサイズ等の装飾部分は お好みで編集してください。 見出しサンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出しサンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出しサンプル03 .selector03{ bor
はじめに 本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していきます。 今回は、本連載の総まとめとして、CSSでマルチカラムレイアウト(段組レイアウト)を実現する方法を紹介します。CSSでマルチカラムレイアウトを実現する方法はいろいろありますが、今回は、最も基本的な方法として、前回の記事で解説した「floatプロパティ」および「positionプロパティ」を利用した、「フロート型」と「ポジショニング型」のレイアウトテクニックを紹介します。同時にページレイアウトで起こりがちな問題とその対処方法についても扱います。 対象読者 XHTMLとCSSの基本を理解している方。 Web標準サイトの実践的な作り方に興味のある方。 必要な環境 (X)HTMLやCSSを記述するエディタと、それを確認するブラウザがあれば、特別な環境は
今運営しているブログをより魅力的したい、これからブログをつくる、という人向けにブログに必要な8つのデザインエレメントをSmashing Shareから紹介します。 8 Design Elements Your Blog Should Have はじめに 1. RSS/E-mail購読 2. 独自性のあるヘッダ 3. 分かりやすいナビゲーション 4. コメント 5. ソーシャルメディアのアイコン 6. グラフィックのガイドライン 7. スポンサーのスペース 8. リッチなフッタ はじめに ブログのユーザーを幸せにし、あなたのコンテンツに関心を抱くようにしておくために必要な特定のデザインエレメントがあります。 ユーザーは記事を簡単に読め、素早くコメントができ、TwitterやFacebookのアカウントでシェアできることを期待しています。 ブログのデザインはクリーンで、整合性のあるレイアウトを
WordPressでサイトを構築してクライアントに納品する。 そんなときにおすすめなのが、『9 Plugins Your Clients Will Love For Their WordPress Website』。クライアントへの納品時につけたいWordPressプラグイン集です。 かなり便利そうなのが揃っています。クライアントに渡す際には、管理画面のデザイン等もカスタマイズしたいですよね。 My Brand ログインページをオリジナルのデザイン・レイアウトにカスタマイズできる。ロゴをクライアントのロゴにするなど Branded Admin 管理画面のヘッダとフッタを、オリジナルのデザインにできる Ozh Admin Drop Down Menu 管理画面の左サイドバーのメニューはクリックしてサブメニューを開きますが、それを水平のドロップダウンメニューに変更でき、マウスオーバー&ワンクリ
「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
SEO対策に無駄なコストをかけないためにも、無料で使えるツールたちは欠かせない存在です。その中でも使えるヤツに限定してまとめておきます。 サイト分析ツール SEOチェキ! URLからサイトの総合的な分析を行う。SEOチェック、Whois情報、順位チェック、HTTPヘッダ情報、ページランク偽装チェックなど。とても軽いのでかなりオススメ。 Website Explorer インストール型のサイト分析ツール。ウェブサイトの構造を探査・解析し、情報を階層表示。リダイレクト、リンク切れ、404エラーなどの調査が可能。Web型リンク切れチェックツールとしては、リンクチェッカーが便利です。 SEO-Browser サイト内のイメージやFlash、CSS、JavaScriptなどの視覚効果を排除し、検索エンジンの目線でサイト構造を分析。文字化けする場合はエンコードを指定(IEであれば、表示→エンコード→日
Webサービス公開前にサイトをチェック Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 そこで、公開前に色々と確認出来たり、 最適化できる様なフリーのサービスや フリーソフトをご紹介します。 ここで言う「公開前」とは「サーバーにアップする」事ではなく、公開を告知したり、プレスリリースを出す前の状態とお受け下さい。ローンチ前と書くべきだったかもしれませんね。。誤解を与えていたら申し訳ないです。 では、ブラウザチェックツール、モニタ別表示チェック、表示スピードチェックツール、cssや画像の最適化ツール、などなどご紹介していきます。 ブラウザチェック各ブラウザでどのように
当サイトでも無料のアイコンをたくさん紹介してきましたが、医療をテーマにしたものは初です。 そんな素敵なアイコンセットをSmashing Magazineから紹介します。 Free Medical Icons Set (60 Icons) ダウンロードできるアイコンセットのフォーマットはPNGで、サイズは32x32と128x128の二種類がセットになっています。 ※32x32と128x128ではデザインが異なります。
最近知ったthemes2wp.comというサイト のフリーのWordPressテーマで、個人的 に完成度高いなと感じたテーマをいくつか ご紹介したいと思います。完全に主観が 入っているので参考にならなかったら ごめんなさい。 ここで言う”完成度が高い”、というのは「使いやすそう」「変更箇所が少なそう」という意味です。いいデザインにしたいけどカスタマイズは面倒・・・という方にお勧めです。11個あります。 [note]ワームのご報告を受けて全テーマへのリンクを削除しました。テーマは沢山ありますのでテーマカテゴリでお探しになってみてください。[/note] BlockStock Theme 非常に綺麗なテーマです。シンプル系がお好きな方なら殆ど変更する箇所無さそうな気がします。個人的に凄く好きなテーマです。 ※「誰がために鐘は鳴る」さんよりご指摘を受けてリンクを削除しました BlockStock
フリーランスとして成功するには、仕事に掛かった時間などをできるだけ正確に記録して、クライアントにきちんと請求することも重要になります。「MakeSomeTime」はその仕事にどのくらいの時間を費やしたか、簡単に記録できるWEBアプリです。 「MakeSomeTime」を使うには、まず無料のアカウント登録をし、現在進行中のプロジェクトやクライアント情報を入力します。必要であれば、請求書の送り先住所も入力できます。仕事に取りかかる準備ができたら、これからする仕事のタスクを作成すれば、作成した時点から時間を計測し始めます。 タスク名の右にあるタイマーが時間を記録していますので、休憩する時や一時中断する時、もしくはタスクが完了した時は、タスク名の左にある「STOP」ボタンをクリックしましょう。仕事を再開する時は「START」ボタンをクリックすればOKです。 このアプリはすべての労働時間を記録できま
リダイレクト Fromにサイトパスを入力、ToにURLを入力 301 Moved Permanently 恒久的に移動 From: To: From: To: From: To: 302 Moved Temporarily 一時的に移動 From: To: From: To: From: To:
昨年くらいからウェブデザインの傾向としてフッタを充実させたウェブサイトが増えてきました。 ユーザーの印象に残り、より利便性の高いフッタを設置する際にヒントとなるアイデアをDesign Shackから紹介します。 10 Techniques for a Fantastic Footer 以下は、そのポイントを意訳したものです。 はじめに 1. プライマリ ナビゲーション 2. 「トップに戻る」ボタン 3. 美しいコントラスト 4. インパクトのあるイラスト 5. 充実したコンテンツ 6. インフォメーション 7. メディア ハブ 8. 新鮮なコンテンツ 9. インフォグラフィックス 10. ビジュアル的なアクセント はじめに 魅力的なフッタは、サイトのユーザーに永続的でポジティブな印象を与えることができます。 フッタのデザインと機能性の両方にフォーカスをあてることで、サイトのフッタを魅力的に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く