Photoshopで写真をインスタグラム風にかっこよく加工してみる！
Webでも写真をよく使いますが、写真の質によって見た目の印象はだいぶ変わってきますよね。 撮影したものをそのまま使うのではなく色合いを整えてから使うとサイト全体が引き締まります。 というわけで、 今回は写真を少し加工してかっこよくしてみたいと思います。 ↓できあがりはこんな感じ。 ちょっとクールなインスタグラム風。 こちらが元の写真です。 1.トーンカーブで明るさを調整する 写真自体の明るさ・色味は調整レイヤーでつけていきます。後で変更できるので便利です！ まずは明るさの調整。微調整がきくのでトーンカーブをよく使っています。 「レイヤー」＞「新規調整レイヤー」＞「トーンカーブ」で↑のように点を打ちます。 今回はソフトな感じではなくシャープな印象にしたいのでコントラストをしっかりつけます。 同じくトーンカーブで色味を調整していきます。 青みを強める感じで。 2.コントラストを調整する 「明る
kys-lab.com - このウェブサイトは販売用です！ - リソースおよび情報
このウェブサイトは販売用です！ kys-lab.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、kys-lab.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
パンくずリストを作ってみるとWordPress でのサイト構築のコツがつかめるかもしれない（コード 付き）
タイトルはパンくずリストなんですけど、パンくずリストを紹介する記事ではありません。でも、パンくずリストを自分で作ってみると分かるんですけど、パンくずリストのコードには、WordPress でのサイト構築のノウハウが詰まっているなーって思います。なのでパンくずリストを作りながら、WordPress でのサイト構築の考え方みたいなものを紹介する感じの記事になっています。 WordPress でブログじゃない Web サイト構築をするとき、サイトの構造によってはサイドバーなどを自分でカスタマイズしなくてはいけません。例えば固定ページを作ったら、親ページでは子ページへのリンクを表示したりとか、逆に子ページでは親ページのリンクを表示したりとか …。もちろんリンクだけじゃなくて、アイキャッチ画像なんかも一緒に表示したいこともあったりします。一般的な Webサイトを WordPress で作ろうとすると
WordPressのwp-config.phpで出来る事いろいろ - かちびと.net
自分用メモ。wp-config.phpの設定 で出来る事のリストです。よくある カスタマイズは、テーマファイル内 にコードを書きますが、wp-config で出来る事を知っておくのもとても 大事ですね。 普段あまり利用しないので覚えてないし、困ったときはいちいち探してるので時間をロスしないようにメモしておきます。 スニペットのメモリストですし、細かい解説は面倒なんでしません。また、「wp-configってなんだろう？」という方には全くお役に立てないと思います。 wp-config.phpで出来る事リスト 以下リストです。古いバージョンの事は視野に入れてません。 リストはCODEXのwp-config.phpの編集から抜粋しています。 ※変更前にバックアップして下さい ※自己責任でお願いします ※コード一覧は記事最下部に有ります 01. デバッグモードにする define('WP_DEBUG
query_posts, get_posts で複数の order 指定に対応する
元ネタは公式フォーラムのカスタムフィールドでソートした後に、日付の降順にしたいです。query_posts(), get_posts() で記事を取得する時に複数の項目でソートしたい、ことはよくあります。WordPress では orderby に半角スペース区切りで並び替えのキーとなる複数の項目を指定することができますが、昇順降順の order パラメータには ASC, DESC のどちらか1つしか指定できない仕様になっています。バグなハズはない。きっと深いワケがあるハズ。とはいえ、項目ごとに並び順を指定する方が需要は多いハズなのでやってみましょう！ ※ order も複数指定できるよ、って話を以前どこかで見た気がするけど仕様変更されたのかしら。 コアのソースを見てみよう query_posts() や素の get_posts() は WP3.2.1 wp-includes/query.
category.phpで記事の並び方を変えたい
category.phpで <?php if ( $blog_id == 1 ) { ?> <?php include( TEMPLATEPATH . ‘/カテゴリーテンプレートA.php’ ); ?> <?php } ?> <?php if ( $blog_id == 2 ) { ?> <?php include( TEMPLATEPATH . ‘/カテゴリーテンプレートB.php’ ); ?> <?php } ?> とテンプレートのデザインを変えてcategory.phpの呼び出しを行っています。 そのテンプレートに <div class=”wrapper”> <?php if($posts): foreach($posts as $post): setup_postdata($post); ?> <div class=”page-title03″> <h2><?php the_tit
wp_enqueue_script のススメ - dogmap.jp
WordPress で、外部 JavaScript を読み込むプラグインを作成する際、"wp-head" をフックして <head> 内に書き込むことは良くあると思う。 ただ、これだと jQuery やら prototype.js やらのライブラリが必要なプラグインを複数アクティブにした場合、同じライブラリを複数読み込んでしまうことになる。 しかも、それぞれのプラグインが読み込んでいるライブラリのバージョンが違うと目も当てられない。 で、そんな混乱を避けるために WordPress 2.1 から導入されたのが wp_enqueue_script() 関数などの一連の関数群と "wp_print_scripts" と言うアクションフック。 これらを使えば、JavaScript ライブラリのロードは簡単になる。 以下、使用方法を簡単に。 wp_enqueue_script( $handle,
Create a Stylish Contact Form with HTML5 & CSS3
Home » Tutorials » Create a Stylish Contact Form with HTML5 & CSS3 Line25 is reader supported. At no cost to you a commission from sponsors may be earned when a purchase is made via links on the site. Learn more Follow this step by step process to create your own stylish contact form completely out of HTML5 and CSS3. We’ll be using a couple of the handy new features in HTML5 to add cool functional
【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを
2013年3月23日 Photoshop 「少しの手間で大きく変わる、細部にこだわったWebデザインを」で紹介した「わずかな」加工を使ってボタンのデザインをかっこよくしよう！というチュートリアル記事です。前回の記事内にPhotoshopでの作成チュートリアルも載せたかったのですが、あまりにも長くなりそうだったので別記事にする事に。合わせて見てみてください！ ↑私が10年以上利用している会計ソフト！
様々なLinuxのOSバージョンを確認する - RX-7乗りの適当な日々
たまに他所様で初めて触る環境を確認するときに使ったりするので、改めてメモしておく。 カーネルのバージョン確認 $ cat /proc/version Linux version 2.6.25.3-2.fc9.i686.xen (mockbuild@) (gcc version 4.3.0 20080428 (Red Hat 4.3.0-8) (GCC) ) #1 SMP Thu May 29 12:48:20 EDT 2008あと、 $ uname -aでもOK。 Debian GNU/Linux $ cat /etc/debian_version 4.0 Ubuntu $ cat /etc/lsb-release DISTRIB_ID=Ubuntu DISTRIB_RELEASE=8.04 DISTRIB_CODENAME=hardy DISTRIB_DESCRIPTION="Ubunt
Official Apple Support
If your Apple device needs repairs, you can go to an Apple Store, visit an Authorized Service Provider, or mail in your device. Whatever you choose, we’ll make sure your device works the way it should. Beware of counterfeit parts Some counterfeit and third party power adapters and batteries may not be designed properly and could result in safety issues. To ensure you receive a genuine Apple batter
配色に自信がなくても！Webデザインが好きになる配色ツールと使い方
配色に自信がなくても！Webデザインが好きになる配色ツールと使い方以前「いい配色だなーと思ってもうまく使いこなせない」という意見をいくつか頂きました。確かにすてきな配色をどうデザインに取り込んでいいのか、というのは難しいところです。今回は簡単に配色を提案してくれるオンラインツール「ウェブ配色ツール Ver2.0」を使って配色をWebデザインに取り込む方法を紹介します。 ウェブ配色ツールを使った基本的な配色方法まずこの「ウェブ配色ツール Ver2.0」について。テーマカラーを一色選べば、それにあった配色を提案してくれる配色ツールです。Web サイトのプレビューを見ながら配色の調整ができるので、初心者さんにもおすすめです！ オレンジを元に色相差 0° で配色した例。色相差を 0° にすると同系色（＝同じ色の明度・彩度を変えた色）で配色されます。調和されて見えますが、アクセントになる色がないため
smartyでページング - とあるWEBクリエイターのblog
assinしておくのは $SA['row'] 総項目数 $SA['max_page'] 総ページ数 $SA['pager'] 1ページの表示件数 {section name=cnt loop=$SA.max_page} {if $smarty.section.cnt.first and $smarty.get.page!=1} <a href='?page={$smarty.get.page-1}'>←前の{$SA.pager}件へ</a> {/if} {if $smarty.section.cnt.iteration==$smarty.get.page} <em>{$smarty.section.cnt.iteration}</em> {else} <a href="?page={$smarty.section.cnt.iteration}">{$smarty.section.cnt
CSSのみでテキストにグラデーションやリフレクトをかけるテクニック（ちょっと更新） - くらげだらけ
前回はiOS5のMobile Safariから使えるようになったHTML5・CSSについて前編と後編に分けてご紹介しましたが、そのなかで説明していない小さなテクニックについて少し紹介したいと思います。 今回はCSSでテキストにグラデーションをかけるテクニックについてです。 前回のWeb App Demoではフッタータブに特殊なWebFontを使ってアイコンを表示させるようにしていましたが、タブがActiveのときに色が変わってエフェクトがかかるようになっています。 このエフェクト効果はCSSでテキストにグラデーションをかけるテクニックをつかってやっています。 通常、CSSでテキストカラー（colorプロパティ）にグラデーションを指定することはできませんが「:after」擬似クラスや「mask-image」プロパティを組み合わせて使うことでグラデーションのような表現をすることができます。具体
Mac OSXでのvim環境整理。.vimrcやらオヌヌメPlug inやらまとめ。 - ( ꒪⌓꒪) ゆるよろ日記
「そんな.vimrcで大丈夫か?」 「一番いい設定をたのむ」 ってことで、新しくMacbook Pro 15inch買ってSSDで世界が変わったゆろよろですこんにちうぉー。 で、pathogen.vimというvimのplugin管理を導入して、.vimrcやら見直したりしてみたんで色々と紹介してみようと思ったんですわ。 まぁ、この記事見たのがきっかけです。 vimプラグインでよりよいコーディングを | tech.kayac.com - KAYAC engineers’ blog もっとVim戦闘力を上げたいので、誰かvim scriptのハンズオンとかやって俺にvim scriptの書き方を教えてください……! MacVim-KaoriYaのinstall まずは、vim本体をMacVim-KaoriYaにします。 MacVimに対して、香り屋パッチの統合、ローカライズ、MacVim固有の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://wordpress.rich-poppa.com/conf/mac-os-x-xampp-wordpress-%E3%81%A7-%E8%87%AA%E5%8B%95%E3%82%A2%E3%83%83%E3%83%97%E3%82%B0%E3%83%AC%E3%83%BC%E3%83%89.html
Adobe - Design Center 細かいディティールのマスクを作る
60 Web Design Galleries for Design Inspiration « AcrisDesign – Web Design Resources and Inspiration
http://www.favorite-labo.org/view/254
Google Maps Community