Photoshopのものさしツールを使って画像の傾きを一瞬で直す方法 | 楽してプロっぽいデザイン | Forty-N-FiveBlog
フォトショップのものさしツール使っていますか？これまでなかなか使う機会のなかったものさしツール。それが意外に便利な使い方があります。それは、画像の傾きを一瞬にして直してくれるというもの。写真を撮った時や、スキャナで画像を取り込んだ際、画像が傾いていることが多いですよね。そんな時にものさしツールが役に立ってくれます。 Photoshopのものさしツールを使って画像の傾きを一瞬で直す手順 基準となるポイントを探します。 上記の例では、写真に線がありましたので、ここを基準にするつもりで、ものさしツールで線を引きます。 最後の仕上げ 「イメージ」「カンバスの回転」「角度入力」の順にボタンを押すと、自動的に角度が入力されたダイアログが表示されます。ＯＫを押せば傾きが一瞬にして直ります。
鉄王 - WordPressにて 特定ページのみ『Custom Field Gui Utility』を適用する
いま取り組んでいる案件では、テンプレートタグはもとより、プラグインを作ったり関数（WordPressにて用意されているもの）を駆使したりと、今までにないくらいのカスタマイズをやっているような気がします。 さて、WPのカスタマイズに欠かせない（？）のがカスタムフィールドの存在。詳細は省きますが、これを使いこなすとカスタマイズの幅がぐっと広がること請け合いです。ところが、便利きわまりないカスタムフィールドも管理画面でのインターフェイスはお世辞にも良いといえません。 客先の立場で考えれば、そういった敷居の高さは少しでも低くしてあげたいもの。そこで活躍してくれるのが、インターフェイスを改善してくれるプラグイン『Custom Field Gui Utility』です。 プラグインのreadmeにはこのように書いてあります。 このプラグインは、WordPress の「投稿」及び「ページ」の編集画面に、
ワードプレスで複数の子ブログから記事を一つのサイトに表示する | hotmixの一陽来復
ワードプレスでマルチサイトの子ブログから、記事を読み込んで親ブログに表示する。 ワードプレスのネットワーク機能で、複数のサイトの記事を一つのサイトに表示するには、 を使いますが、この方法だと各サイトごとに記事を表示することになります。 3つのサイトから最新記事を10件表示させたい時などは、直接データベースにアクセスして記事を呼び出す必要があります。 その時には < ?php global $wpdb; $blogs = array(2,3,4);//ブログのID $count = count($blogs); $sql = ''; for ($i = 0; $i < $count; $i++){ $blog = $blogs[$i]; switch_to_blog($blog); $sql .= <<< HERE (SELECT *, $blog as blog_id FROM $w
#WordPress マルチサイトネットワーク内の各ブログから最新の投稿1件を取得し時系列で並べる方法 | umbrella_process blog
2011.8.28：別サイトにて修正版をアップしました。 — WordPress3.0以降で標準で使える様になった、複数のブログをひとつのWordPressで管理できるネットワーク機能。ネットワーク内のブログの新着記事は普通トップページに表示したいと思うので、表題の機能は需要がありそうだからテンプレートタグがあってもいいのになぁと思うのですが、見つからなかったので自作。いや、ほんとに探したらあるのかもしれないけど！ 方針 functions.phpに、ネットワーク内の全ブログから最新１件の投稿を取得し、時系列で並び替える関数を用意する。表示はお好みで。 関数（functions.phpに入れるととりあえず使えます） // $startを1以上にすると最新のn件を飛ばして取得できます // $numで取得する件数を指定。 function get_recentposts_from_netwo
[CSS]ホバー時にアニメーションでふんわりと浮かぶナビゲーション
CSS3 Flying Menu デモページ [ad#ad-2] CSS3 Flying Menuのデモ デモでは他にも、ふんわりと浮かびつつ、ハイライトされるものもあります。 デモページ CSS3 Flying Menuの実装 HTML:ふんわりと浮かぶタイプ 各アイテム（アイコンとテキスト）をリスト要素で実装します。 <ul id="fly-menu"> <li><a href="http://www.webstuffshare.com"><img src="images/heart.png" alt="webstuffshare">Webstuffshare Home</a></li> <li><a href="http://feeds.feedburner.com/webstuffsharecom"><img src="images/rss.png" alt="rss"> Subs
[CSS]チェックしておきたい、スタイルシートのテクニックのまとめ | コリス
実用的なものから実験的なものまで、最近リリースされたものを中心にスタイルシートのテクニックを紹介します。
簡単作業でスピードアップ！パフォーマンスアップまとめ - EC studio デザインブログ
以前にWeb Directions East 「パフォーマンスアップのウェブ技術 WDE-Express」で パフォーマンスアップについて記事を書きました。 今回はその記事や色々参照した本・セミナーを元に実際に改善をおこなって、 どれだけ高速化したかデータ上で確認し、まとめてみました。 できるだけ手間をかけずに簡単にできる改善方法をおこなってみたので、 しばらくリニューアルの予定はないが、サイトの表示を早くさせたいという方は ぜひ試してみてください。簡単作業でパフォーマンスアップできます。 CSSのコードを短縮して書こう え？こんなこと？と思うかもしれないですが、 どんどんコードを書いていくうちに肥大していくものです。 もう一度見直してコードを軽くしていきましょう。 今回コードの見直しのために使用したサイトはclean CSSです。 clean CSSを参考にカラーコードの短縮、 不必要な
CSSの実装状況で変わるボックスのデザイン方法
Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わらない１つの古文書に従えばいいので、きっと活躍できます。 しかしたまらん、流石に疲れた。 ボックスひとつができること CSSでは、文書を構成する各要素は、ボックスという矩形領域に置きかえられ、それらの持つプロパティを操作して装飾します。つまり、ボックスはページデザインを構成する最小単位と言えるわけですね。 そこで今回は、最小単位となる1つのボックスに対して、どのような装飾手法が有効かという点を、CS
都道府県選択するやつ。
メモ。 誰かの役にも立つかもしれないしってことで、いつも過去の案件のソースとか探してペタペタしてるけど、何処で使ったのか忘れたりするのでここに貼っておこう。 - コメントにて使用条件を書いてほしいとの事だったので念の為追記しておきます。 特別記載が無いエントリー以外は、どう使うのも自由です。 自分のブログにそのままソース掲載してもらっても、仕事で使ってもいいですし、あらゆる用途に対して自由に使ってください。 もちろん、改変・配布とかも自由です。 ただ、ウチで公開しているソースやサンプルに対して何らかの問題が生じても責任は負いません。各自の責任でご利用ください。 大体こんな感じです。 select要素でマークアップ済みの都道府県のやつ <select name="都道府県"> <option value="">都道府県をお選びください。</option> <optgroup label="北
日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
知ってるようで、実は知らない?！ Fireworksの小技 - EC studio デザインブログ
こんにちは、端山です。 デザイン部は全員「Fireworks」を使っていますが、 みんな実務経験やスキルが違うので、基本独学で習得。 そのため、たまに他の人の作業をみてると 「あ、そんな簡単なやり方があるんだ！」ということが･･･ 今回はそんな「知ってるようで、実は知らない?!」 Fireworksの小技をご紹介します。 細い矢印を作る方法 オートシェイプから引く太い矢印ではなく、オープンパスから作る 細い矢印の作り方をご紹介します。 1．「ラインツール」か「ペンツール」でオープンパスを引く 2．オープンパスを選択する 3．ツールバーの「コマンド」→「クリエイティブ」→「矢印の追加」 4．好きな矢印の形を選んで「OK」をクリック！ 曲線上にテキストを配置する方法 普段あまり使うことがないので、いざという時に 「どうやるんだったかな？」と忘れてしまいがちな小技。 1．テキストを入力する 2．
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
横幅が 100% の header を ~inner を使わずに実現する | ヨモツネット
概要 Web ページのデザインで、ヘッダ部分やフッタ部分の横幅がウィンドウに対して100% になっているとき、~inner のような不要な div を使わないでこれを実現する方法です。 動作確認用の demo 構造 動作確認用の demo のページの構造は body 要素 div#document div#header div#content div#footer となっています。 HTML のソースコード 動作確認用の demo の HTML のソースコードは最小限で抜き出すと <body> <div id="document"> <div id="header">ヘッダ領域</div> <div id="content">コンテント領域</div> <div id="footer">フッタ領域</div> </div> </body> となっています。 CSS のソースコード Fire
CSS で簡単に上下中央揃えを実現する
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
文字量によって背景を伸縮させるタイトルバー｜web bibo
MozillaZine.jp フォーラム • トピック - 文字を含む画像リンクの下線について
書籍などに紹介されていない display : inline-block について
wp.fujikake.net is Expired or Suspended.
[CSS]横並びのレイアウトをfloatで配置するTIPS -Floater
フロートとネガティブマージンまとめ:CSS | Tech de Go