![Fireworksのチュートリアルいろいろ - DesignWalker](https://cdn-ak-scissors.b.st-hatena.com/image/square/4ff1f0b6088f4085799229c562dcb3525e2a3b27/height=288;version=1;width=512/https%3A%2F%2Fg.twimg.com%2FTwitter_logo_blue.png)
テキストにメタル・光沢・グランジ・立体化などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。 一部のサイトでは、PSDファイルをダウンロードできます。
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
Roshan's Blogのエントリーから、URLをリダイレクト・リライトする場合の.htaccessの設定例を5つ紹介します。 5 useful url rewriting examples using .htaccess 「product.php?id=12」を「product-12.html」でアクセス 「product-12.html」を「product.php?id=12」にリライトします。 <textarea name="code" class="html" cols="60" rows="5"> RewriteEngine on RewriteRule ^product-([0-9]+).html$ product.php?id=$1 </textarea>
集客のためによかれと思ってやっている、さまざまなマーケティング手法。なのに結果がついてこない、アドバイスを聞いてもなんとなく納得いかない……とお悩みの方は多いのではないだろうか。もしかしたらそんなあなたと、あなたの周囲のウェブマーケティングは、どこかが「変」なのかもしれない。 デジタルフォレスト 清水昌浩氏が、実話をもとにウェブマーケティングの問題点とその解決策を読み解くシリーズ。 サイトの問題点を改善するとき、あなたは何を頼りにするだろう。過去の成功例、周囲のアドバイス……。いろいろあるが、それは本当にサイトにとって大きな効果を生むものなのだろうか? そもそも、改善するべきその問題が生じた原因を明らかにしなければ、前には進めない。ここでは、適切な分析と施策の判断について、具体的な事例を挙げて紹介していく。 第1回となる今回のテーマは、「コンバージョン数の向上」。コンバージョン数の向上は多
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色(黄⇔青 赤⇔緑)の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。(色相対比)
aFreeArtworkにエントリーされている、サイトデザインのアクセントに使える6つのPhotoshopのチュートリアルを紹介します。
投稿日:2008年2月19日 レベル:上級者 ソフトウェア: 対象を背景から引き出す3つの手法についてご紹介します。この中から気に入った方法を使って作業できます。 Step1 : 抽出ツールを使用する Step2 : ブレンドモードを使用する Step3 : チャンネルの使用 画像を開きます。「フィルタ」−「抽出」を選択するか「Alt」+「Ctrl」+「X」キーを押してください。 パレットツールのエッジハイライターツールを使ってモデルと背景の間の縁に色を塗ります。このステップでは、できる限り注意深く作業してください。 塗りつぶしツールを選択してモデルの内側の空間に色を塗ります。 プレビューを押して結果がよければ「OK」を押してください。 するとこのようになります。 モデルの周りの縁がまだ白っぽい場合は、 覆い焼きツールを使って削除してください。 最後はこのようになります。 新しい
CSS3 :target擬似クラスでイメージギャラリー 最近CSSネタも出尽くした感じで自分でもなかなかこれ面白いよ、と書ける新鮮なネタもないので、海外のサイトで見かけて面白かったものをご紹介。 普段クリックして画像を差替えるイメージギャラリーっぽいものを作る際はjavascriptを使ったりする事が多いんだけど、こちらの記事でCSS3の「 :target」を利用したイメージギャラリーの話が書いてありました。 >>Making an image gallery with :target - CSS3 . Info 内容はimgに対してまずposition:absolute;を指定しておいて、各リンクをクリックした時に:targetの該当img要素に対してz-indexで最前面に配置する、というもの。 ソースやサンプルページはそちらにあるので、そっちを見たほうが早いと思うんだけど、:targ
noupeのエントリー「Wordpress Security Tips and Hacks」から、WordPressを安全に運営するための10のTipsを紹介します。 Wordpress Security Tips and Hacks 追記: 2008年2月20日 9の「FilesMatch」の記述を修正しました。 併せて「FilesMatch」の関連リンクを追加しました。 タロタローグ ブログ さん、ありがとうございました。 全てのユーザーにサーバー全部の検索を許可しない。 「search.php」で下記の検索コードは使用しない。 <?php echo $_SERVER ['PHP_SELF']; ?> 代わりに下記のコードを使用する。 <?php bloginfo ('home'); ?> 「wp-」がついているフォルダをサーチエンジンなどに登録されないように、「robots.
XAMPPでMTOSを動かしてみる 少し前にMovable Typeのオープンソース版の話題の記事を見かけて試してみようと思ってた。今日はそれを手元にインストールしてみる。実はまだこのブログのMTは3系のままでバージョンアップしてないんだけど、MTOSはMT4系の特徴を持ってるということなので、ちょっとローカルで動かしてみて様子見ようかなと。MTOSについては下記サイトに詳細書いてありました。 >>MTOS: Movable Type オープンソース・プロジェクト | MovableType.jp MTOSのダウンロード 上記サイトでMTOS本体は一体どこからダウンロードするんだろうと、結構ウロウロしてたんですが何とか発見。英語のページからしかダウンロードできないっぽい(?) >>Welcome to the Movable Type Open Source Project 上のページの一
Photoshopで人物を若返らせる方法 今日更新するのはいつも書いてる私、Redじゃなくて、忘れた頃にやってくるGreenさんです。久々すぎて覚えてる人は少ない気がしますが、一応このブログ、デザイン的な話はGreenさんが書くとかいう話がかつてあったんですよ。 (参考:>>メンバーが増えました 2007年03月05日) ということで、気を取り直して・・・。 ちょっと「こういう写真加工ってどうしてるのかな?」って気になる事があったので、PhotoshopマスターであるGreenさんに質問してみました。 教えて!Greenさん!の巻 今回Greenさんに聞いたのは、写真の人物の皺消したりっつーのはスタンプツールでちょいちょいとやることが多いんですが、もっと全体的に若返らせるのはどういう加工するのかなっていう話。教えてー!ということで、サンプルを元に実際の処理手順を解説してくれました。以下Gr
【事業内容】 ・インターネット事業 インターネットシステム開発およびコンサルティング ・iPhone & Androidアプリ開発 ・アンチエイジング&ウェルネス事業 国内および海外(中国、インドネシア、ベトナム、インド、他アジア諸国)を対象とした小売、広告、マーケティング。 ・アジアでの活躍を目指す人材育成、サポート 【今年の目標】 ・アジア諸国の販売網を拡大する。 ・時代の変化を読み取り、変化に順応する。 ・外貨収入を増やし、日本経済(インフレ&円安等)に影響されない経済を持つ。 ・海外(特にアジア)での活躍を目指す仲間を作る。 【ミッション・ステートメント】 アジアに関わることの将来性、可能性、楽しさを伝え、広い視野を持っていただくことにより、経済的安定を得られる知識と機会を提供する。 そして、国籍、職業、年齢、性別関係なく、自分だけでなく相手の利益も考えて行動し、互いに助け合え、成
平素より「PHPプロ!」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ!」ですが、サービスの利用状況を鑑みまして、2018年9月25日(火曜日)をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日(火曜日)を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
平素より「PHPプロ!」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ!」ですが、サービスの利用状況を鑑みまして、2018年9月25日(火曜日)をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日(火曜日)を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
Ajaxパワーの活用方法 Ajaxは、ウェブアプリケーションの開発方法や利用方法を大きく変えた破壊的な技術だ。Ajaxによってインタラクティブなページの作成が可能になったのである。Ajaxは現在もウェブの流行の最先端を走り続けている。 Ajaxという用語は比較的最近生まれたものだが、Ajaxを支えている技術は以前から存在していた。ブラウザに送られたウェブページの内容をあとから変更する機能自体は、何年も前からあったのである。たとえば、JavaScriptでiframeのsrc属性を変更するのもそのような技術の一つだ。 しかし、XMLHttpRequestオブジェクトが主要なブラウザで実装され、GmailやGoogle Mapsが公開され始めると、開発者はそれをきっかけとしてウェブページの構築方法をもう一度考えるようになったのである。 XMLHttpRequestオブジェクト Ajaxを可能に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く