一定期間更新がないため広告を表示しています
2018年10月11日 Webデザイン, インスピレーション, 色彩 前回の記事「WebデザイナーにおすすめのEvernote活用術」で紹介したように、私はEvernoteに素敵なデザインをストックする際、使われているテーマカラー別にタグをつけて分類しています。気がつけば各色のデザインストックが増えてきたので、その中でも厳選した5サイト×10色の合計50サイトを紹介します。単色をデザインに使う時のポイントも一緒に読んでみてくださいね! ↑私が10年以上利用している会計ソフト! 追記:リンク切れサイトを削除したため、数が減ってます… テーマカラーをメインに取り入れる時のポイント 「配色に自信がなくても!Webデザインが好きになる配色ツールと使い方」でも紹介したとおり、きれいな配色でもベタ塗りしただけではデザインの魅力が半減してしまいます。特に今回のようにテーマカラーを使う面積が広ければ広いほ
はてなブックマークの数が多い順に記事を一覧する jQuery のコード書いてみました。私のブログのサイドバーにホットエントリーという名前の項目がありますが、これははてブ数でソートして一覧にされています。 とても簡単で30秒くらいで出来ます。 はてブでの人気記事一覧を作る JS ファイルを作る 以下のコードを任意の名前で JS ファイルとして保存してください。変更点は var siteurl と var id の部分のみですね。自分のブログのドメインをスラッシュありで入れて、id には一覧を表示するためのボックスを入れてください。 var j$ = jQuery; j$(function() { var siteurl = 'http://weble.org/'; var id = 'hotEntry'; j$.ajax({ dataType: "jsonp", data: {'sort':
Windows 7やWindows VISTAでIE6/IE7/IE8/IE9を共存させる方法です。IE9はまだベータ段階ですが、周辺ツールも対応してきた頃なのでまとめてみました。 公式ブラウザの共存はできませんが、以下に示す方法で各バージョンの表示を確認することができます。最近はIETesterが主流になってきたようなので、そこを踏まえてます。 IETesterを利用+IETesterでIE9を確認できるようにカスタマイズする 「Microsoft Expression Web SuperPreview for Windows Internet Explorer」と「Internet Explorer Platform Preview(「Internet Explorer 9 Platform Preview」)」を併用する IE9のブラウザーモードとドキュメントモードを利用する 以下、
HTMLタグをいちいち手で入力していると、時間もかかりますし、入力間違いやスペルミスなど、間違いの原因にもなります。それはCSSでも同じです。 DreamweaverなどのWebオーサリングツールには、標準でタグや属性の補完機能や「スニペット」といわれる入力支援機能があります。スニペットは、登録されているよく使うコードを呼び出して、コピー&ペーストの要領で入力します。 Zen Codingでは、このスニペットのようによく使うコードを呼び出して入力するものですが、「省略形」(abbreviation)といわれるコードの略語のようなものを入力するだけで、さらにかんたんにコードを入力することができます。 Zen Codingを使えばコーディングはこう変わる!HTMLコーディングでは、「<h1>見出しタイトル</h1>」のようにテキストを開始タグと終了タグで囲み、見出しを指定します。 Zen Co
2011年の最初の記事は、リンク構築に関する記事にしたいと思います。 Search Engine Journalに投稿されたKristi Hines氏の記事「5 Link Building Predictions for 2011」は2011年にリンク構築を行う上で注意すべきポイントを以下のように6つにまとめています。今回はこのポイントを手掛かりにリンク構築について考えてみます。 2011年のリンク構築に関する予測キーワードに基づくアンカーテキストの使用が減り、ブランド名の使用が増加する量の価値が減じ、質に重点が置かれるページランクの価値が減じ、オーソリティに重点が置かれるホームページへのリンクが減り、コンテンツへのリンクが増加するランキングへの関心が減り、コンバージョンへの関心が増すDofollowの必要性が低下し、ソーシャルな言及の必要性が増すキーワードに基づくアンカーテキストの使用が
2016.09.07 開発・サポート終了のお知らせ リリースから早6年の年月が流れ、WordPressの推奨関数やベストプラクティスも随分変わってきています。 この「mypace custom theme」は一定の役目を終了したと常々考えていましたが、WordPress4.6が2016年8月16日(確か)にリリースされたこともあり、本プロジェクトの終了をここに宣言したいと思います。 今までお使いいただいた皆様、本当にありがとうございました。 開発・サポートは終了しますが、しばらくデータは置いておきますので、何かの役に立ちそうなことがあれば、引き続きGPL ver2のもとご自由にお使いください。 WordPress使いである以上、無数に転がっているフリーの配布テーマで満足は出来ないでしょう。 私は出来ません(^^;; でも、 一応xhtml+cssでサイトを作る事は出来るけど、PHPとなると
2017年6月30日 便利ツール アイデアのメモも、画像も、音声も、とにかくなんでも保存できちゃうメモツール「Evernote」。有名すぎる便利ツールですね!逆に自由度が高すぎてどうやって使えばいいのかわからない、という方も多いと思います。今回は「Webデザイナー」をキーワードに私のEvernoteの使い方を紹介します。 ↑私が10年以上利用している会計ソフト! Evernoteってなあに? Evernoteの機能を簡単に説明します。 画像・音声・PDFファイルなどが保存できる アップロードできる容量は月に無料アカウント:60MB、プレミアムアカウント:1GB プレミアムアカウントは月額5ドルまたは年額45ドル ノートに対して一つだけ設定できるノートブックを大カテゴリとして使用 ノートに対して複数設定できるタグを小カテゴリとして使用 ノートブックもタグも階層化させて整理できる 携帯電話・ス
WordPressのテーマファイルはたいていの場合、複数のファイルから構成されています。 ちょっと見には複雑に感じるかもしれませんが、ここで紹介するインフォグラフィックを見ると簡単に把握できると思います。 The anatomy of a WordPress theme [ad#ad-2] WordPressでは1ページを生成するために、複数のPHPを利用しています。一般的な構成は、共通箇所としてheader.php, footer.php, sidebar.phpが使用され、あとはページの種類ごとにコンテンツ箇所が異なります。 例えば下記のように、トップページはindex.php、記事ページはsingle.phpを使用します。 また、各箇所にThe Loopを使用してエレメントを表示するのも特徴的です。
アイコンエディタを用いると、ひとつのアイコンファイルに 異なるサイズ・色数の アイコンイメージ を まとめて格納できることに気がつく。 システムが 状況に応じて適当なアイコンを選べるように・・・というのは雰囲気的に理解できるだろうけども。 だけど、その組み合わせは 多岐にわたる。 サイズだけでも、16px,24px,32px,48px,64px 色数も 1bit、4bit、8bit、24bit、32bit どのサイズと色数の組合せで、アイコンを作っていけばいいのか。 もちろん かたっぱしから、すべてのサイズ×色数の組合せで作ればベストなのかもしれないけど、ま、現実的にはありえないよね。 そこで、最低限・どの組み合わせが必要か。 それをまとめたページって、案外 ネット上にないものなんだね。 ということで、ここで 私なりの考えをまとめてみた。
※2011-01-12:FAQ2件、追記しました。 au、SOFTBANK機種名も表示できます。 昨年から、マルチデバイス対応を進めてきましたが、ようやく形になりましたので、公開します。なお、この手法はGoogle公開のga.phpをhackしていますので、あくまで自己責任で。 1.Google Analytics for Mobile Hack の特徴 本改造により、グーグルアナリティクスで以下の携帯アクセス解析が出来るようになります。・・・というか、現在のGoogle Analytics 携帯版では出来ないんですね。 ・SOFTBANK機種名取得 ・auデバイス名/機種名変換 (現在取れている機種名はデバイスIDで商品名とは違う) ・ページタイトル取得 ※参考URL手法により ・Android機種名取得 ・iPad、iPhone、iPodTouchのOSバージョン (not set)
作りたい Webサイトのアイデアはあるけど、どんなプログラムを勉強したらいいか分からない人 ... という人のための、ざっくりとしたガイドです。 HTML と CSS はわかるけど ... という初心者さんが対象の記事になってます。 インターネット上には本当に色んな Webサイトがあって、こんなサイトを自分でも作ってみたいなーと思う事がたくさんあります。でも、いざ自分で作ってみようと挑戦しようと思っても、これって何でできてるんだろうと考えます。そういえば、まだ Webサイトを作り始めるずっと前にもそんな風に思っていた初心者時代がありました。 やりたい事はあるけれど、まず、どんなプログラムを勉強すればいいのか、そこからが分からなかったんですよねー。プログラムとひと言でいっても、C言語系、PHP、Java、Perl、Javascript … 本当にたくさんあって、初心者さんには意味不明だと思い
PerlとRubyの文法一覧がとても良くまとまっていたので、便乗してPHPでもやってみました。 Perl基礎文法最速マスター – Perl入門〜サンプルコードによるPerl入門〜 Route 477 – Ruby基礎文法最速マスター 他の言語をある程度知っている人はこれを読めばPHPの文法を何となく理解できると思います。 間違い、不足等々あれば教えて下さいm(_ _)m バージョン PHP5.3系がリリースされていますが、ここではPHP5.2系を対象としています。 1.基礎 コードブロック PHPコードは「<?php」という開始タグから始まります。終了タグは「?>」です。HTMLにPHPコードを埋める際は終了タグを使いますが、ライブラリのようにPHPコードのみを記述する際は終了タグを省くことが慣例となっています。 終了タグを省く理由について id:Kiske さんに解説頂いています。ありが
ここのところ、ブログの更新もツイッターのつぶやきも完全にストップしていました。 集中力のない@tfmagicianにしては珍しいことです。 何をしていたか。 こんなウェブ・サービスを作っていましたよ。 『trivist』おもしろいトリビア・雑学を紹介! 実はこれ、作成期間1週間です。 シンプルなサイトなので、恐らく、開発に慣れた人なら1週間は余裕でしょう。 今日は、まだフレームワークを使った開発、あるいはウェブ・サービスの開発自体に慣れていない人に向けて、高速開発に関するtipsを紹介します。 高速開発とは何か考える まず、高速開発を可能にする”最強最大の魔法“を考えましょう。 それはこれです。 コーディングしない コーディングしないで、システムが出来ればなんと良いことか! これはエンジニアにとって、当たり前のことです。 しかし、これを念頭に置くのと置かないのでは、まるで開発速
企画案を練って、コンテンツマップ、サイトマップ、ディレクトリマップを作成。そんでワイヤーを作成して、デザイン依頼。完成したデザインをコーディングして、 アクセス解析とコンバージョン計測タグをそれぞれ入れて、サーバーにあげてテスト。完成。 うん。何の問題もない。これでお金をもらってはい。おしまい。 ・・・で、いいのか? 実際には大きく違います。 上記までの手順はあくまでも「サイトが完成した」というだけ。 クライアント(あるいは自社プロジェクトチーム)にとっては、そこは「ようやくスタートラインにたった」という段階であり、まだなんにも始まっていない段階であるはず。 「手離れの良い案件の方がラクでいい」なんてつぶやきは方々で聞きますが、実際にはこの後もしっかりとディレクターがかかわらないと上手くいかないケースが多いです。 だってそうでしょう? そのサイトのコンセプトから運営の基本理念、ターゲットユ
インターネットでデータを送るときには、あたりまえだが、必ずいくらかの時間がかかる。これを遅延(latency)という。 よくインターネットのサービスで独自の技術により低い遅延(low latency)を実現したとかいう記事がでる。これがなにを意味するか、ネットワーク技術が専門のはずのIT企業の社員でも、全然わかってないひとが多い。 というわけで今回はインターネットでの遅延についてよくある誤解を紹介して、本当はいったいなんなのかということを説明しようと思う。 まず、よくサイトが重いとか、インターネットがめちゃくちゃ遅いというのと遅延が高いというのとは本質的には別の現象なんだが、よく混同されている。もちろんインターネットが遅くなっている場合には結果的に遅延も大きくなっていたりする。しかし、サイトが重くなったり、インターネットが遅くなっている本当の理由は、だいたいサーバの処理が追いついていないか
dIG iT Digital Marketingに関する様々なテーマで発信するブログ。 若干ペースが落ちているものの、1本は濃い内容で書いてみてます! 2011年あけました。今年も宜しくお願いいたします。はい。ということで今回はハイレベルサイトマップについて触れてみたいと思います。 ハイレベルサイトマップは解析とは関係ないようにも感じるかもしれませんが、自分はクライアントのサイトを分析する際は必ずといっていいほど作るものです。というかこれがないと分析の軸がブレやすくなってしまいます。 ただ、このハイレベルサイトマップは慣れていないとちょっと難しい部分もあるので、そもそも何よってところから、作り方まで触れていきたいと思います。 ハイレベルサイトマップとは? そもそも、ハイレベルサイトマップって?について少し。ハイレベルサイトマップとは通常の詳細なサイトマップとは違い、サイト全体の大枠を知るた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く