ドットインストール代表のライフハックブログ
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ。 「スマートフォン向けサイトの作り方エントリのまとめ」にてスマフォ用サイト作りの基本はまとめましたが、実際にデザインする際の参考になりそうなギャラリーサイトやブログエントリをまとめてみました。 インタフェースの研究ということで、サイトデザインのみではなくアプリのデザインギャラリーも紹介。 ギャラリーサイト CSS iPhone 様々な海外ポータルやデザインサイトのiPhone向けサイトをサムネイル付きで紹介。 どのサイトもよくデザインされており、非常に参考にできる部分が多そうです。 iOSpiration iPhone Web Design Inspirations - iPhone and iPad Design Inspiration iPhone/iPadサイトやiPhone/iPadアプリ・ゲームのデザインギ
ローカル環境にストックしていた日本国内、海外サイトで商用OKなWeb素材を配布しているサイトのリンク集が結構な量になってきたので出来る限り多くの方とシェアしたいと思ってエントリーします。 懐の広いクリエイターさん方に感謝します。このリンク集は商用サイトでも利用が可能(Commercial use)なWebサイトの素材情報です。一応確認はしていますが、ご利用の際はご自身の目で必ずライセンスや利用規約(Terms of Use等)をご確認下さい。サイトごとに利用規約も異なります。当サイトは一切の責任を負いかねます。 日本国内、及び海外の商用OKなWeb素材配布サイトと日本語で紹介された海外記事のまとめです。 2度手間を防ぐ目的でリンクにマウスオーバーすると画像をツールチップで表示するようにしました。多少表示に時間掛かるかもしれません。 写真 商用サイトでも利用できるロイヤリティフリー、パブリッ
ちょっと朝バタバタしてまして更新が遅れてしまいました。 すみませんでした。 さて、突然ですが、カグア!もiPhoneに対応しました! Google Analytics で調べてみたら、思いのほかアイフォーンで見ている 方が多いことに気づき、急遽対応。 (アイフォンでのアクセス状況はいずれ紹介します、お楽しみに!) ・・・といっても、さすがWordpress、そういうプラグインもあるんですね。 「iWPhone」でWordPressをiPhone/iPod touch対応に – VERSIONFIVE (CSSを独自に修正されているのもとても参考になります。ありがとうございました。) CSSの改造まで書いてあり、とても参考になります。 で、早速プラグインをダウンロード。 ダウンロード後は、FTPで、phpファイルをプラグインフォルダに、iwphone-by-contentrobotフォルダを
読んでいる記事をTwitterで簡単に共有できる「Twitterボタン」を実装 編集部:TAITAI 本日(2009年6月2日),読んでいる記事をTwitterで簡単に共有できる「Twitterボタン」を実装しました。この機能は,4Gamer上に掲載されている記事の見出しとURLを,ボタン一つで簡単にTwitterに投稿できるというもの。気になった話題や面白い記事などを友達に伝えたいときなどに便利な機能です。ぜひご活用ください。 ちなみにTwitterとは,「今自分が何をしているのかを共有」しあうというコミュニティサービスです。BlogやSNSなどに比べて,最大140文字の簡単なコメントをやり取りするという,シンプルさが最大の特徴。ちょうど,Blogとチャットの中間のようなサービスで,近年,北米を中心に爆発的な広がりを見せている新世代のコミュニティツールです。 4Gamerのニュースをひた
今日は、ワイドディスプレイの普及とディスプレイの高精細化が進んでいることを考慮して、改めてWebサイトに適切な文字サイズを考えてみましょう。 あなたのサイトでは、本文の基本文字サイズを何ピクセルにしていますか? その文字サイズは、訪問者にとって見やすいサイズですか? 二昔前は、小さな文字のオシャレなページが流行っていましたが、ここ数年は「見やすい文字サイズ」を選ぶようになっていますね。ヤフーやアサヒコムなどの代表的なサイトでは、本文16ピクセルを基本としているようです。 実はこの「ピクセル」というサイズ指定は、絶対サイズではありません。というのも、どんなディスプレイでどう表示されるかによって、実際の表示サイズが変わるからです。 ちなみに、16ピクセルの文字は、XGA(1024×768ピクセル)の15インチ液晶では4.8mmの大きさになります。手元にあった新聞の本文文字サイズを測ってみると1
この4月、新しい事業年度のスタートに合わせ、各社のWebサイトが相次いでリニューアルした。ここでは、3月下旬~4月にかけて大規模なリニューアルを実施したWebサイトを編集部でピックアップし、リニューアル前後の画面写真付きで紹介する。最新の企業サイトのトレンドをつかみ、自社サイトのリニューアルの参考にしよう。 マイクロソフトが運営するポータルサイト「MSN」は、2008年4月以来ほぼ1年ぶりにトップページをリニューアル。「毎日使いたくなるMSN」(マイクロソフト)を目指し、使い勝手を高めた。 3カラムのレイアウトは従来のままだが、それぞれのカラムの役割を明確にし、各カラムに入る要素を分類、整理している。具体的には、左カラムにHotmailの受信状況や天気などを確認できる個人ツール類を、中央カラムにニュースなどの最新情報を配置。ディスプレイ広告や企画広告への誘導はすべて右カラムに集約した。 ま
セルフSEOブログは無料で、セルフで出来るSEOやSEOのTips,WordPressなどの情報ブログです今日も飽きずにWordPressネタです。WordPressを使ってブログやCMSとして Webサイトを運営するにあたり、「最低限これだけは考えた方がいい」と思う事と、 それに対応するプラグインをまとめてみます。あんまり多いとウンザリするので 適当に数を絞りました。必要と感じるかは運営形態によるでしょうが、ユーザー目線と 運営者目線で「導入すべき」と考えたプラグインです。 基本 何が基本で何が応用なのかは個人差がありますので主観でGoです。 Akismet 標準装備されていますが、海外スパマーのスパムコメントは日本スパマー を大きく凌ぐエグさです。WP自体、スパコメ対応は優れてる(と思う)のですが、 Akismetは簡単に導入できるので入れておきます。APIキーをW
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Mark Praschan氏がSmashing Magazineにおいて10 Simple and Impressive Design Techniquesのタイトルのもとシンプルでかつ印象的にするためのデザインテクニックを紹介している。Mark Praschan氏はシンプルなエフェクトとテクニックは今日のデザインにおける構成要素を確立しているとしたうえで、特に選りすぐった10のシンプルでサイトを印象的にするためのデザインテクニックを紹介している。これらテクニックはデザインを改善するとともに描画のパフォーマンスも改善するという。紹介されているテクニックは次のとおり。 もっとコントラストを活用する。コント
2009年4月| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 これはスゴイ!Artisteer 2(アースティティーア)を使えば、WordPressのオリジナルテーマを作って、インストールから、立ち上げまで2時間かからない。 HTMLの知識がなくても、CSSが作れるジェネレーターは数あるが、Artisteer 2は、それなりに見栄えのするデザインができて、スタンダードエディションでは、さらに、Joomla!、Drupalのテーマ等が作れる。 取りかかりは実に簡単だ。WordのようなUIは、マニュアルがなくてもWordになれている人なら、2時間ぐらいアレコレ試してみれば、使い方がわかり、すぐに仕事に使えるようになるだろう。 これが、何を意味するかといえば、センスがあり、そこそ
Top 7 Free WordPress Themes Released in February 2009 | 2experts Design - Web Design and Graphic Design Blog 2009年リリースの綺麗なWordPressテーマ集が紹介されていました。 綺麗にまとまっていて汎用に使えそうなものが多いです。 Compositio Magazine Scarlett 全て見る 2009年も多数のテーマが生まれているようです。 関連エントリ コーポレートサイトでも使える20のWordpressテーマ WordPressテーマ総集2008年3月 クールなWordPressテーマ集 2008年12月 3カラムのクールなWordPressテーマ集30+
Kubernetes活用の最適解とは? 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 Anywhere Workspace! ハイブリッドワーク時代の働き方 分散業務環境3つの課題と解決策 RPA見直される”業務”と”人”の関係 人的リソースを単純作業から解放! 高付加価値業務への転換のために 最新ストレージで変わるIT運用 仮想化テクノロジーとFlashArrayの組合せで 運用負荷軽減と高性能化を実現したDMM ランサムウェア対策やリスク管理 マイクロソフトが語るサイバー犯罪の 世界的状況と最新のセキュリティ対策 ビジネスの推進には必須! ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス 仮想環境データ保護の新次元 高度化・複雑化するIT環境の課題への解決策 最新鋭データ保護・管理ソフトウェア基盤 リモートワーク
WordPressの各エントリーに編集ボタンを付けたり、シングルクォートの自動置換を無効化するなど、使いやすくするための15のスニペットをForTheLoseから紹介します。 15 Useful WordPress Tricks to Make Your Theme Even Better 古いエントリーのコメント入力をクローズ 古いエントリーにはスパムコメントがつくので、コメント入力をクローズにします。 function.phpに下記を記述します(例:1ヵ月以上前)。 <textarea name="code" class="html" cols="60" rows="5"> <?php function close_comments( $posts ) { if ( !is_single() ) { return $posts; } if ( time() - strtotime( $
タイトルや、内容どうこうではなくて、Google AdsenseのオフィシャルブログであるInside AdSenseに、アメリカのトップブロガー、「ProBlogger」の著者が出ていたことに感動を覚えてしまって書いています。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! AdSenseでの収入を増加させるために実験すべき6つのことProblogger本人は、既に広告ネットワークなどの関係でAdsenseはブログでは一切使っていないのですが、私も彼のエントリを読むことで、どれだけ影響を受けたか分かりません。 とうわけで、彼の言う6つの実験すべきことを以下に。 広告の位置 表示する広告の数 広告のデザイン 広告のサイズ 広告フォーマットの種類 どんな内容の記事で収益が高いか なるほど、再考させら
サイト管理作成ソフトウェアのスタンダードといえば、アドビのDreamweaverであるが、プロユースソフトでもあり、非常に高価である。 一方、ブログはWordpressやMovabletypeなどのCMS(コンテンツ管理システム)上で書くので、基本的に金はかからないか、わずかの利用料で済むが、サイトコンテンツとは別にログインしてあちこちの文献を引用しながらブログを書くのは、非常に面倒だ。 しかし、FireFoxとプラグインを使えば、無料かつ非常にスマートにサイト管理ができるので、今回はそれを紹介してみたいと思う。 まずは、サイト管理ができるプラグインとして名高いのがである。Dreamweaverライクなドキュメント編集画面を別タブまたは別ウインドウで開いてすぐに編集できる。完全WYSYWIG編集もコード編集も可能だ。 ブラウザ内の別タブで開けるというのが非常に快適なのだ。自分のサイトから別
ウェブデザインにおける明確で効果的なコミュニケーションの取り方をSmashing Magazineから紹介します。 Clear And Effective Communication In Web Design 下記は、簡潔に意訳したものです。 1. コミュニケーションのアプローチ方法 ウェブサイトの来訪者とコミュニケーションを取るためのアプローチ方法をいくつか紹介します。 テキスト 見出しやコンテンツ内にかかわらず、来訪者はテキストをメッセージとして受け取ります。コミュニケーションにおいて、極めて重要な要素です。 画像 画像は、テキストよりもすばやくメッセージを伝えるときがあります。画像を作成する際は、メッセージを魅力的に伝えられるようにします。 タイトルとヘッダ タイトルとヘッダは、来訪者に主要なポイントと考えを伝える重要で効果的なものです。 アイコン アイコンはウェブデザインの特徴的
最近リリースされたものを中心とした、細部までしっかりとデザインされたWordPressのテーマ30選+αです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く