日本語で読めるSEO/SEM情報Yahoo! JAPAN向けSEOの3原則 （Sphinn Japan Blog）大手のSEM企業の現役社員によるSEOノウハウのヤフー編。ヤフーでは、 サイトのトップページ1キーワードに絞ったページ被リンク数が急増したページこれらの3つが重要な要素になる。 複数ドメイン名にまたがるコンバージョンをGoogle Analyticsで解析するには （SEO初心者のEvoブログ）Google Analyticsで、複数のドメイン名をまたがるアクセスを一連のものとして解析するための解析コード修正方法解説。 商品サイトとショッピングカートが違うドメイン名のネットショップ運営者なら知っておくべき設定。 ちなみに、同ブログでは、グーグルの検索結果に「○○とは」の検索結果が自動的に挿入される現象も報告しており、興味深い。 GoogleとYahoo!の期限切れドメインのリン

日本語で読めるSEO/SEM情報 Web担当者のすべき最適化あれこれ （かちびと.net）サイト管理者が実行すべきWebサイトの最適化を、8つに分けて解説。 URLの最適化表示スピードの最適化画像・イメージ・メディアの最適化ソーシャルメディアへの最適化ユーザーへの最適化ページ印刷の最適化リンク集の最適化SERPs最適化役に立つ参照リンクもまとめて紹介している。かなりの量になるが、ひととおり目を通せば、良質な情報が手に入るだろう。 PageRankスカルプティング無能力化に対する鋭い分析 （海外のSEO対策・SEOツールをわかりやすく解説するブログ）グーグルのマット・カッツ氏が、PageRankスカルプティングがもはや機能していなくなっていることを公表した。ご存知の読者も多いことだろう（「PageRankスカルプティングって何？」という場合は、「nofollowを使ったPageRankスカル

どんなに鋭く手短なキャッチコピーでも、強烈なインパクトがある画像でも、文字やイメージは「パッ」と見ただけでは、そこに書かれている内容や描かれている情景は、色ほどにパッと目に入ってこないものです。 色は確実に表現の幅を広げます。 事業作りに色を上手に取り入れて、企業の雰囲気を高めていきませんか？ 筆者も色の超専門家ではありませんので、 「人は光の刺激に応じて色を感じ・・・その光は電磁波の一種で、波の性質を持ち・・・」 というような色についての原理、つまり小難しい話はナシです。 今回は、私自身が企業の販促物をデザインする時にする色使いの基本についてお話しします。 これをあなた自身でアレンジして使えば、あなたも色を使うのが楽しくなりますよ！ ポイント1：色で「●●そうな」企業を印象づける 色は視覚を通して得られる感覚なので、意識せずとも色に含まれた情報が目からすんなりと入ってきます。その色の情報

前置き 続きです。前回、Google App Engine（以下GAE）上でRubyスクリプトを動作させるところまでできました。次のサンプルとして、簡単なTwitterのbotを作成してみようと思います。 …どうして普通のWebアプリケーションじゃないのかって？それはまぁ…色々ありますが、元々私がGAEに触ってみようと思ったきっかけが「これを自作botの動作プラットフォームにできないかなぁ*1」と思ったから、ということもありまして。 それに、丁度URLフェッチやらGAEデータストア、タスクのスケジューリングなど、GAE独自の機能がいくつか必要となってきますので、手軽なサンプルとしても悪くはないかな、と。 サンプルコードだらけで少々長い記事となってしまいましたが、どうぞお付き合い下さい。 作成するbotのタイプ 一言でTwitterのbotと言っても、様々なタイプが存在します。今回はシンプル

35 Absolutely Useful Firefox Plugins For Web Designers And Developers Firefox is a very popular browser, especially among web designers. There are more than 70% of WDB’s readers are using Firefox. There are few reasons which make Firefox so popular compared to others and obviously, its plugins had contributed a lot for that. Today, we are going to look into 35 useful Firefox extensions for both we

Polls are very useful way to get in touch with your readers. Polls can be used…Read More 9 Useful WordPress Poll And Rating Plugins

Content Management System or CMS is an application used to manage news easily so that users can publish, edit, and delete articles from the back-end admin system. HTML and other scripting languages are not necessary to operate a CMS, though having them will add more advantages. Since we had looked into 22 open source PHP frameworks, I decided to do a roundup of 20 Open Source PHP Content Managemen

We like portable apps because those applications are lightweight and require no installation to run. As a web designer/developer, I used to work with different PCs. Rather than carrying my laptop everywhere, I prefer saving frequently used applications into my USB drive. I had to collect a lot of useful portable applications and I would like to share those applications with my readers. Let’s look

Etech09:Japanese Tech Culture - Demystifying the Japanese weird toys and tools-Fumi Yamazaki

30 Comments Whoah – beautiful roundup with loads of nice tutorials. Many shouts towards the TutsPlus network, but they do have the best tutorials out there 🙂 . Keep up the great work! Nice tuts. Thanks. Great stuff! Bookmarked this on del.icio.us Useful tut for me, thanks you very much I will check all. Keep up ! Excellent designs (as usual)! Thanks @jggube for the tweet. I’m working in photoshop

44 Comments Great round up. Definitely inspiring as I have a design of similar styles to create tomorrow. Very beautiful collection. Especially Ecoki is nice. Now THIS is a humbling post – every single one of these designs is awe-inspiring!! They rock! Do you even know what humble means? Just saying Great collection, some of these sites are so pretty Very cool. Quite a contrast to the shininess of

電通デジタルの三谷壮平氏が、データクリーンルームを解説。 Ads Data Hubとは何か？その活用の可能性を探る（第1回） https://www.dentsudigital.co.jp/topics/2021/1005-001050/ Data Clean Roomの魅力と、最大限にその価値を引き出す活用のポイント（第2回） https://www.dentsudigital.co.jp/topics/2021/1012-001058/ 電通デジタルのData Clean Roomソリューション（第3回） https://www.dentsudigital.co.jp/topics/2021/1026-001073/ Data Clean Roomと外部データを連携した分析のさらなる広がり（第4回） https://www.dentsudigital.co.jp/topics/2021

PHPには偉大なブログエンジン、WordPressが存在する。この牙城を崩すのは非常に難しい。とは言え、バージョンアップが頻繁であったり、よく知られたものだけに攻撃方法も多数出回っていたりと難点も幾つかある。そもそもコードが最早難解なレベルになってしまっている。 ユーザ画面 そんな今だからこそ、新しいブログエンジンを試してみるのも良いかもしれない。WordPressと同レベルの機能を誇るのがPivotXだ。 今回紹介するオープンソース・ソフトウェアはPivotX、ブログエンジンかつCMSを装備したソフトウェアだ。 PivotXはPHP+MySQLで構築されたブログエンジンで、洗練されたインタフェースと多彩な機能が売りのブログエンジンだ。エントリー、ページが作成でき、複数ユーザによる投稿や、複数ブログを構築することもできる。 管理画面 メディアの管理や機能拡張を追加して独自に機能を追加するこ

Yahoo!のYSlow、GoogleのPage Speed等でWebシステムのパフォーマンスをチェックすると色々な改善ポイントが見えてくるだろう。だが実際どれから手をつけるべきか、どのように行うべきか判断するのは難しい。 Webブラウザ上からWebシステムを最適化 そこで使えるのが設定の自動化ツールだ。色々なWebシステムに対応したWeb Optimizerを紹介しよう。 今回紹介するオープンソース・ソフトウェアはWeb Optimizer、手軽に使えるWebサイトパフォーマンス向上ツールだ。 Web OptimizerはPHP製のWebシステムで、Webサイトを簡単に最適化してパフォーマンスを向上してくれる。主にPHPのシステムが対象で、WordPress、Joomla、Drupal、Typo3、PHP Nuke、Zend Framework、Symfony、Textpattern、p

さて今日は土曜日。そう、言わずもがなWikiサタデーだ。みんな大好きWikiエンジンは、シンプルな概念ながら柔軟性があり、様々な場面で利用される。企業内でのナレッジ共有はもとより、Webサイトのヘルプページでも利用されるケースがある。 Markdown記法を使えるWikiエンジン そんなWikiエンジンを本日も紹介しよう。恐らくカスタマイズも容易であろう、Ruby on Railsを利用したWikiエンジンだ。 今回紹介するオープンソース・ソフトウェアはInstiki、日本語のタイトルも利用できるシンプルなWikiエンジンだ。 InstikiはRuby on Railsで作られているので利用開始までがシンプルで手早く行える。はじめにトップページに表示するWikiページの名前を決めれば、すぐに利用開始できる。レンダリングエンジンとして、Markdown + itex2MMLという形式をとって

※ 画像は公式サイトより インターネットによってどこにいても世界中のニュースが手に入るようになっている。新聞なども限られた地域に限らず、日本や世界中のニュースを配信している。だが世界のあちこちで日々様々な出来事が起こっている。それらを網羅するのはとても大変だ。 各地域の情報を配信する そしてみんなが気にするのは「自分の住んでいる地域」だ。ここにマイクロ的にフォーカスしたニュースサイトがEveryBlockだ。 今回紹介するオープンソース・ソフトウェアはEveryBlock、EveryBlockクローンを実現するためのソフトウェアだ。 EveryBlockはなんとEveryBlock.comで提供されている。自社のシステムをそのままオープンソース化してしまった。Webシステムの部分に限らず、社内のWikiシステムも含まれている。やろうと思えばまさにオリジナルのEveryBlock.comを構

Twitterをはじめるとブログの更新回数が極端に減ってくる。ブログが自分のメモだったりすると、 そのメモをつぶやけば良いだけという手軽さがあってブログを更新するのは手間に感じてきてしまう。しかしせっかくのブログをそのまま放置では勿体ない。 ブログのサイドバーにぴったりなデザイン そこでブログのサイドバーに自分のつぶやきを表示するブログパーツを設置してみよう。 今回紹介するオープンソース・ソフトウェアはPtwix、PHP製のTwitterブログパーツだ。 Ptwixはシンプルな設定でブログパーツを生成することができる。データベースは不要で、キャッシュのディレクトリだけあれば良い。テーマにも対応しており、標準で赤/青/緑のテーマが用意されている。 テーマを変更 Ajaxを使って更新することもできる。更新を確認する時間は設定で指定が可能だ。整ったデザインで手軽に使えるので、自分だけのブログパー

基になる画像の縁を、周辺光量不足のように暗く加工。さらに、調整レイヤーでコントラストや彩度を高めることで作成した。また、あえて色かぶりするまで彩度を高め、コントラストを強調することで、よりトイカメラ風の質感を演出することが可能だ。 基になる写真の縁を暗くする 1-1 1-2 まず最初に、基になる写真をPhotoshopで開く1-1。続いて、“変形”→“レンズ補正...”フィルタを選択。さらに表示されたダイアログで、［周辺光量補正］を［適用量：－100］として実行した1-2。 彩度を高めてトイカメラ風の色合いを演出 2-1 ▼ 次に、レイヤーメニュー→“新規調整レイヤー”→“色相・彩度...”を選択し、表示されたダイアログで［彩度：77］として［OK］ボタンをクリックした2-1。この際、あえて画像がトーンジャンプするぐらいまで、彩度を高めるのがポイントだ。 コントラストを強めて質感を高める

Webサイトを利用して収益化を目指す Web担当者は多くのすべき仕事があり、 すべき事が混同して知識や、行動に 混乱を伴うのは良くあることです。規制が 無いので誰かが作った言葉で更に混乱が 生じている可能性も否めません。 そこで、自分用ですが、すべき最適化を 挙げてみます。Web担当者の方にも 共通する事ではないかと思います。 中には「全部SEOだろ！」と思うかもしれませんが、あまり細かい事は気にしないで下さい。 参考URLは最善では無い可能性もあります。あくまでご参考までに。 もくじURLの最適化表示スピードの最適化画像・イメージ・メディアの最適化ソーシャルメディアへの最適化ユーザーへの最適化ページ印刷の最適化リンク集の最適化SERPｓ最適化※IE6以外はページの何処にいても右端に「上へ戻る」ボタンがあります URLの最適化 Webサイトのアドレスを最適化します。リンクして貰いやすいUR

Forms are an essential part of just about every website – yet, we don’t always pay too much attention to their finer details. Several things can be done to improve them, such as adding validation, input masks, and other visual guides. And that’s only scratching the surface. The end goal is to make them both attractive and as easy to use as possible. Here are 10 free tools you can use to make your

追記：Firefox 7に対応した記事を書きました。 Firefox 3.5では、Firefox 3からの設定周りの変更があるようなので改めてまとめてみたいと思う。 ツール→オプション→プライバシー→履歴→Firefoxに記憶させる履歴を詳細設定する Firefox 3.5ではまず詳細設定するよう設定の変更が必要らしい。 Cookieを有効にするが、保存期間はFirefoxを閉じるまで ツール→オプション→プライバシー→履歴→サイトから送られてきたCookieを保存する→オン（標準設定） ツール→オプション→プライバシー→履歴→サードパーティのCookieも保存する→オン（標準設定） ツール→オプション→プライバシー→履歴→Cookieを保存する期間→Firefoxを終了するまで 毎回書いてるけど、Firefoxの一番の魅力。Cookieを有効にしていないといろいろと不便になるサイトはよく

By now I’m sure you’ve figured out that I love minimalist designs. I’ve featured many simple and minimalist websites on SpyreStudios before but this time I wanted to feature sites that not only have a minimalist layout but that also use very little colors. I tried to find sites that use a greyscale color scheme but that also introduce a vibrant and/or contrasting color, usually for links and butto

instantShiftより22のWordPress のテーマハック方法とソースコードが 公開されていたのでご紹介します。 今日は私用のため、時間が無いので はしょってご紹介しますので 残りは記事元でご確認下さい。 いずれもプラグインを使用しない方法です。 人気の記事を抽出するsidebar.phpを開いて以下のコードを挿入。 <h2>Popular Posts</h2> <ul> <?php $result = $wpdb->get_results("SELECT comment_count,ID,post_title FROM $wpdb->posts ORDER BY comment_count DESC LIMIT 0 , 5"); foreach ($result as $post) { setup_postdata($post); $postid = $post->ID; $t

WordPressを使っていて 「これが有ると無いとで全然違ってくる」 と思う7つ道具（ソフトやツールなど）を ご紹介いたします。既知なモノも 多々あるかと思いますが、少しでも 参考になれば幸いです。 1. BitNami 【30分もあればアナタのPC内にローカルサーバー自動構築】 僕にとっては必須。初心者には敷居の高いローカルサーバー構築を わずか30分程度で自動で構築してくれてWordPressも同時にインストール してくれちゃうフリーソフト。WordPress以外のCMSも幾つかあります。 当然、ＤＢなのでWPだけじゃなく、プログラムの勉強や他CMSのテストにも使えます。 WordPressは英語なので日本語を使うのであれば日本語に変えるか、 新たに日本語のWPをインストールします。接頭語にお気をつけて。 以前、BitNamiの導入手順を書きましたので宜しければ。 ローカルサーバーは

If web design inspiration is as easy as drinking a cup of coffee or you can easily find inspiration in a cup of coffee, then a web designer’s life is a breeze. However, like their art and all that code that goes with it, there are times when inspiration seems hard to come by. So where do you get inspiration as a web designer? Your Web Designer Toolbox Unlimited Downloads: 500,000+ Web Templates, I

As you already seen in 88 Single Page Website Designs that showcase your work in single page design is a hot trend now days. It’s kind of ironic to see what designers can do with single pages as modern age designers love to experiment with things and observe how people interact with their work. Even though this is not a common trend to follow but still as the new design styles come up, and as more

今日も飽きずにWordPressネタです。 WordPressを使ってブログやCMSとして Webサイトを運営するにあたり、 「最低限これだけは考えた方がいい」と思う事と、 それに対応するプラグインをまとめてみます。 あんまり多いとウンザリするので 適当に数を絞りました。 必要と感じるかは運営形態によるでしょうが、ユーザー目線と 運営者目線で「導入すべき」と考えたプラグインです。 基本 何が基本で何が応用なのかは個人差がありますので主観でGoです。 Akismet標準装備されていますが、海外スパマーのスパムコメントは日本スパマー を大きく凌ぐエグさです。WP自体、スパコメ対応は優れてる（と思う）のですが、 Akismetは簡単に導入できるので入れておきます。APIキーをWordPress.orgで 手に入れることで機能します。 Permalink Redirect必ずパーマリンクで表示する

Some time has passed since we didn’t put together a free WordPress themes compilation. Our previous free WordPress themes compilation was a huge success, but most of the themes we presented then have now become obsolete. We’ve seen a lot of beautiful theme designs over the last year, a lot of worthy candidates, but we’ve narrowed it down to about 50 New and Beautiful Free WordPress Themes. Details

As such, getting by on the limited feature set available via Twitter.com is difficult at best. Enter the desktop application, a third-party piece of software that you can install on your computer to interface with Twitter and get more out of your microblogging activities. Now that Twitter is older than a toddler, you have a variety to choose from. From apps for groups, Mac and PC specific clients,

日本気象協会が「天気予報API」の提供を開始したようです。 天気予報API｜天気予報、指数情報をAPIで提供 無料のWebサービスがネットにはたくさんある中、この「天気予報API」は有料のサービスで、しかも法人・団体向けに提供されるようです。 審査を通過すれば、教育機関や非営利団体向けの無償プログラムに参加することもできるようですが、やはり団体向けです。 どうしてこのような形態のサービス提供なのか、根本を知りたいと思い、まずは日本気象協会を調べてみました。 Wikipediaによれば、日本気象協会は気象業務を行う国土交通省気象庁所管の公益法人で、いわば日本における天気の大元締め。 1993年の気象業務法改正で、天気予報の業務が一般の人にも行えるようになるまでは、メディアへの情報提供は日本気象協会がほぼ独占的に行っていたようです。 つまり、この「天気予報API」から得られる情報は「信頼しうる

使用頻度の高いブックマークレットを 15個ご紹介します。手軽に拡張できる ブックマークレットもあまたに数があります。 以前記事にしたブックマークレット検索エンジン も今後、ますます数が増えて行くと期待しています。 ※お使いのブラウザに沿った方法で登録してください。 960 Grid グリッドを表示してレイアウトを確認できます。僕の課題です・・・ 960 Grid Systemで配布しています。 960 Grid W3T Short URL to Twitter たまに使うようになりました。Twitter投稿の際のURL短縮はグリモンで 間に合うので本当にたまにですが。。。見てるページのURLを短縮して Twitterに飛んでくれます。Bookmarklet Directoryにありました。 W3T Short URL to Twitter Google Trends 見てるページをGoog

li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact With the right plugins and a bit of know-how, WordPress can be used to create almost any typ

In this post, we’ll showcase 50 Free high-quality & New (X)HTML/CSS template (some of them include the PSD-source files). You will also find among these elegant templates a very well written step-by-step tutorials showing you how to create your own. Hopefully some of these will meet your expectations and come in handy in your projects. You will have to check the license first for any restrictions

Naldz Graphicsでフリーの手書きの悪戯書き Photoshopブラシが22個紹介されていました。 自分的に手書きとかグランジは好みなので ご紹介します。気に入ったものだけご紹介 しようと思ったのですが、全部気に入ったので 全部ご紹介します。要は、単なる海外転載記事です。 Cool brushes ちょいアウトロー系な悪戯書きのPhotoShopブラシ。 Cool brushes Doodles キャピポー！なPhotoShopブラシ。 Doodles Back to school 黒板に落書きした感じのPhotoShopブラシ。懐かしい感じ。 Back to school HandmadeDoodles これ可愛いです。お気に入り。 HandmadeDoodles Doodles 宇宙人がかわいいPhotoShopブラシ。 Doodles T9 Creative Doodles

Coding CowにてWordPress以外のCMS を紹介する記事があったのでご紹介します。 僕自身は完全にWordPress Loveですが、 多くのCMSに興味もあります。浮気性 なんでしょうか？（知らんわ 全く知らないCMSもあったので記事にしました。 WordPressが嫌、という方にオススメするCMSです。 記事元はそうは言っていませんが、なんとなくニュアンス的にそう取った。 オープンソースのインストール型中心ですが、そうでない場合も。 Frog CMS 凄くシンプルなCMSで使いやすそうです。小中規模の ポートレートサイトにもよさ気。 Frog CMS demo ID:admin Pass:demo123 管理画面 管理画面もシンプル。管理画面はCMSを選ぶ最重要項目ですね。 ocPortal 色々な機能があるPHPベースのオープンソースCMS。 ocPortal demo

Introduction As a web designers or/and developers, I believe we all have our own favourite tools. For me, I have heaps of them and some of them are extremely useful. Because of these plugins, air apps and editors, I able to finish my projects on time, going back home on the dot. :) To all the fellow developers who have make all these wonderful plugins/applications. A HUGE THANK YOU! Â Firefox Plug

If you're a power blogger, or someone who blogs regularly, across multiple blogs, with detailed, in-depth posts, a desktop blog editor can make your life infinitely easier. At least when it comes to the blogging aspect of it. There are a lot of blog editors out there. Some are browser-based, some are standalone. Some work across different platforms while others are only for Windows or Mac OSX. Som

With the explosion of flat-designed websites, web designers now follow the trend in a snap, adapting a cleaner and much simpler design which can be found in flat UI kits. We seldom see skeuomorphic designs nowadays. In fact, all of the depth has been slowly becoming flat. This is the reason why more and more designers have created flat design UI kits for web designers who want to follow the trend.

20 Free Sets of Minimally Designed Icons for Your Next Project Trends come and go. Minimalism stays. Minimalistic icons and glyph-type icons are still the most used ones around. Icons bring designs and interfaces alive; they engage people and help them interact. Simplicity of them is also their advantage. All the Icons, Fonts, Web Templates & Design Assets You Could Ask For DOWNLOAD NOW 1. Premium