更新日: 2017年9月26日公開日: 2015年6月10日プロ御用達！WEBデザインに役立つデザインツール13選 忙しい web デザイナーの方、web デザイン勉強中の方、CSS やプログラミングからチョット目を離してデザインツールを見直してみませんか？ 今までやっていた作業、可視化に時間のかかっていた作業を劇的に変えてくれるツールがたくさん存在します。チョット作業の手を止めて、以下のツールを覗いてみてください。きっとこれからのあなたの web デザインを快適にしてくれますよ！ WEBデザインに役立つデザインツール 13選プロ顔負けのデザインツール「webflow」 webflow 対応 / Mac、Windows 価格 / 無料 ～ $84 /月 表示言語 / English Free トライアル / 有 デザインには自信があるけれど、実はプログラミングはチョット苦手、という方にお勧

無料WordPressテーマ White Room White Room はクリエイティブにもビジネスにも使える、1カラムのシンプルなWordPressテーマ。 気軽にはじめよう！ 無料WordPressテーマ White Room は無料で使用できるWordPressテーマ！今すぐダウンロードして使用できます。 そのまま使っても、カスタマイズして使ってもOK！用途に合わせてご自由にお使いください。 スマホでも見やすい！1カラムのレスポンシブ・テーマ White Room は1カラムのレスポンシブデザインテーマです。PC/Macでの表示はもちろんのこと、iPadなどのタブレットやスマートフォンでの表示を自動で最適化します。 だれでも簡単！ デザインカスタマイズ カスタムヘッダー機能に対応しており、トップページのメインビジュアルや各ページのヘッダー画像、ロゴマークは管理画面から簡単にアップロ

シンプルさが受けてヒットすることもあれば、当初はシンプルだったものが、時間とともに複雑になっていく例もめずらしくない。「シンプルさの秘訣は、ずばり引き算の思考ができるかどうか」だ。 引用：なぜデザインにおける「引き算」は難しいのか？（WIRED.jp） シンプルなデザイン。限りなく不要なものを削ぎ落とし、洗練されたデザイン。クリエイティブなメディアが目指すべき方向性の1つです。それは、Webサイトやブログのデザインにも通じることです。 洗練されたクオリティの高い、シンプルなWordPressサイト/ブログ向けテーマ5選 そこで今回は、洗練されたクオリティの高い、シンプルなWordPressサイト/ブログを制作するためのテーマを5つご紹介します。 McKinley Features： Custom Menu・Featured Images・Post Formats・Custom Backgr

Page Not Found Where are you going to fly? You seem to have followed a route that does not exist.

炊飯器で炊いたご飯と炒めた長ネギ＆鶏肉を合わせるだけなんだけど、これが凄くウマイ。1人1合は余裕です。 人が来たときにも手が込んでそうに見えるらしくオススメ。 今回の参考レシピ 自宅で簡単！絶品ネギ塩チキンライスの作り方 | CLOCK LIFE* すでに何度か作っていて、パクチーとナンプラーでタイ風にしたのも美味しかったし、長ネギを玉ネギに変えたバージョンも美味しかった。 ネギ塩チキンライスの材料（2〜3人分） 鶏モモ肉･･････････1枚 長ネギ･･････････1本 (A)すりおろした生姜･･････････1かけ (A)すりおろしたニンニク･･････････1かけ (A)鶏ガラスープの素･･････････大さじ1〜2ぐらい (A)塩･･････････適量 (A)酒･･････････大さじ1〜2ぐらい ご飯･･････････2合 面倒であれば、生姜とニンニクは参考レシ

2015-03-22 元家庭教師が「英文法」を中学～高校レベルまで完璧に出来る参考書・問題集を教える！ スポンサードリンク Tweet Share on Tumblr http://cristianaziraldo.altervista.org/english/ 英語を学ぶときに挫折しやすいのが英文法。 英語を話すのに英文法なんて必要無いだろ！　という人がたまにいますが、日本語でも文法がしっかりしていない人の文章や話し方は少し分かり辛いのと同じで、英語でも同じことが言えます。 東進衛星予備校（今でしょ！　の林修先生の所属する）のカリスマ英語講師、安河内哲也先生も、英語を学ぶ際は最低でも英検2級レベルの英文法くらいは出来るようになっていたほうがいいと言っています。 英検2級といえば、だいたい高校卒業レベルの英文法になります。 そんな英文法を分かりやすく学ぶことの出来る、参考書や問題集を元家庭

スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に

This domain may be for sale!

今やプラグインを利用すればできないことはないと言われるCMSのWordPress。その素晴らしさを、あらためて感じさせるプラグイン「Page Builder」を利用してみました。WordPressの固定・投稿ページを自由にレイアウトし、テキストや画像だけでなく、ウィジェットを表示させることができるものなら何でも配置可能です。おまけにレスポンシブ対応です。ちょっと利用してみました。 プラグイン「Page Builder by SiteOrigin」の特徴 WordPressとお付き合いさせていただき、かれこれ4年が過ぎました。途中MovableType（MT）やLivedoorなどにお世話になったこともありますが、WordPressはメンテナンス的にも精神面にも一番楽と感じております。 WordPressについて語り出せば切りが無いので、このブログで取り上げてきたWordPressネタは W

css3でアニメーションを使用するサイトが近頃増えてきました。背景としては、css3アニメーションのプロパティにほぼ対応しているスマホ端末の普及や、animationプロパティ未対応のIE9（IE6～IE8を含む）のシェアが低下してきていることが挙げられると思います。 つまり、css3アニメーションの対応ブラウザは「増加中」ということに他ならず、実装するサイトは更に増えていくのではないでしょうか。 今回は、そんなcss3アニメーションの実装時に参考できる22サイトを集めてみました！ 1：丸型オブジェクトにピッタリのアニメーションギャラリー 丸型オブジェクトに対して、様々なホバーエフェクトを実装しています。 何気なくマウスオーバーした時にこんな動きがあれば、注意を引きつけられそうですね！ http://tympanus.net/codrops/2013/05/30/simple-icon-h

８ヶ月間売れなかった家。 フォトグラファーが写真を変えたら”たった８日”で売れた！？ アメリカのフロリダ州オーランドの建築関係専門のフォトグラファー”Harry Lim”氏が非常に興味深い記事を書いています。 ８ヶ月間まったく売れなかった家を彼が撮影したら、たった８日で不動産が売れてしまったとのこと。 もともと掲載されていた写真と彼が撮影した写真は何が違ったのでしょうか？ そこに不動産売買の肝があるかも知れません。 彼のテリトリーであるオーランドの不動産市場で224日間まったく売れる気配が無かった家があったそうです。 それが以下の家。 なぜ売れないのか？その理由は明確だとHarry Lim氏は言います。 それは不動産会社が公開していた写真の質が悪く現地へ足を運んで実際に見たいと思えるような写真では無かったから。 長期間売れなかったために新しい不動産業者にこの物件は引き継がれました。 新しい

This domain may be for sale!

ゲスト投稿から画像アップロードするには WordPressの管理画面ではなく、表画面(フロントエンド)から画像をアップロードする方法はこちらが参考になります。 で、今回はこちらを参考に複数画像のアップロードにチャレンジしてみようかと。 functions.php functions.phpに以下の記述を書きます。３つのファイルの呼び出しをあらかじめしないとだめなようです。 function insert_attachment($file_handler,$post_id,$setthumb='false') { // check to make sure its a successful upload if ($_FILES[$file_handler]['error'] !== UPLOAD_ERR_OK) __return_false(); require_once(ABSPATH .

WordPressには数多くのテーマファイルがありますが、それらとは少し違ったアプローチのテーマ「Layers」を紹介します。 ページ作成にはHTML/CSSの知識は不要で、レイアウトやウィジェットを組み合わせてかっこいいページを直感的に作成できます。 Layers Layers -GitHub ライセンスはGPL 2.0 Licenseで、商用利用、修正、配布などが無料で行えます。 通常のテーマファイルはデザインが完成していて、画像やテキストを配置しますが、Layersはベースとなるレイアウトが数種類あり、そこにコンポーネントやウィジェットを自由に組み合わせてページを作成します。 ページのデザインを見ながらカスタマイズできるテーマという感じです。 組み合わせるのは簡単で、下記ページで動画で公開されています。

WP-PostRatingsは、投稿記事を訪問者が評価出来るようにするプラグインです。 良くあるレビューサイトなどである星などを選択することで、記事ごとに評価する機能をつけることが出来ます。 記事評価のサンプルサイト 評価した記事の値はカスタムフィールドとして各記事に保存されますので、記事を評価の良い順に並び替えたりするソートなどを行なうこともできます。　→　ソート（並び替え）の仕方についての記事 WP-PostRatingsの設定をする まずは、WP-PostRatingsをインストールして「有効化」してください。注意点ですが、 このプラグインでは日本語版のパッチはありますが、現在の日本語版を使うと、SEO対策的に 良くないので そのまま英語版をインストールするようにしてください。 （頻出キーワード率が日本語版をインストールすると滅茶苦茶になってしまいます。） インストールしましたら設定

WordPressで外部サーバーの画像をアイキャッチ画像として表示する 2013/3/16 1:06 2013/3/16 1:08 0 WordPress WordPressカスタマイズアイキャッチ 当記事はアフィリエイト広告を掲載しています。 このサイトは画像を Picasa ウェブアルバムに置いています。理由はレンタルサーバーの負荷を減らすためと、ドメインを分散させることで表示を速くさせるための 2 つです。 → Picasa に置いた画像を WordPress で利用する しかし困ったことがあります。 WordPress のアイキャッチ機能では外部サイトに置いた画像を指定することができないのです。外部サイトに置いた画像をアイキャッチとして使うため function.php にコードを書いたのでその備忘録です。

comments_popup_linkが生成するコメントのリンクにnofollowを付ける方法をメモしておきます。 目次 1. コメントへのリンクにnofollowをつける2. comments_popup_link_attributesフィルタを使う3. フィルタ実行の参考4. 効果はわからない スポンサーリンク コメントへのリンクにnofollowをつける エントリのタイトルの周辺によく書かれている「コメント（１０件）」のようなリンクのaタグに「rel="nofollow"」を追加するのが目標です。 comments_popup_link_attributesフィルタを使う ここでは、comments_popup_link_attributesというフックを使います。 wp_rel_nofollowを使いたくなりますが、これはaタグのattribute文字列へのフィルタで、末尾に「 r