jQuery filter.me - Photoshopのトーンカーブ設定を読み込める画像フィルタ MOONGIFT
写真は撮ったそのままよりもある程度加工した方が映えることがあります。とは言え、画像編集ソフトウェアを使うと元画像が変更されてしまうのでわざわざコピーを作成して編集すると言った手間が発生してしまいます。 そこで使ってみたいのがjQuery filter.meです。WebベースでJavaScriptを使って画像加工するので何度でもパラメータを変更して画像編集が試せます。 jQuery filter.meの使い方 画像加工の例です。パラメータによって様々な加工が可能です。 jQuery filter.meが面白いのはPhotoshopのトーンカーブ設定ファイル（acv）を使って画像加工が行えるということです。トーンカーブの設定を色々作れば、後はWeb上で多彩に試して表示を確認できます。 使い方としては、JavaScriptで次のように指定します。 $('.filter').filterme({
Web制作で使えた！jQueryプラグインまとめ＋起業しました
作成：2014/09/1 更新：2014/11/01 Web制作 > 報告が遅れましたが、5月に退社し6月に起業（株式会社コムテ）しました。今までブログにメモしておいたことが、起業や納品に役立った部分もあり、ブログを継続してよかったと思います。ブログを見てくださっている皆様、ご紹介させていただいたサイト運営者様、応援して下さっている皆様には心よりお礼申し上げます。経営や制作の部分ではまだまだ未熟ですが、今後ともご指導ご鞭撻のほど、よろしくお願いします。 今回は「Web制作で使いたい」jQueryプラグインやスクリプトなどをまとめました。WordPressテーマを作るときに使うもの、検索でヒットしにくいプラグインも多数ご紹介。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 動画 １．動画をブラウザの背景全体に再生させる ２．動画を綺麗に表示させる WP管理画面
Responsive - その名の通りレスポンシブなHTML5デザインテンプレート MOONGIFT
デザインフレームワークを使えば見栄えのいいWebサイトがさくさくと作れます。そのまま完成には至らなくとも、プロトタイプであれば十分な品質になるのではないでしょうか。 現在、様々なデザインフレームワークがありますが、今回は名前があれな気がするResponsiveというソフトウェアを紹介します。SEO的にきつそうな気はしつつも気にせずいきましょう。 Responsiveの使い方 今回はスクリーンショット多めでいきます。 タイポグラフィ。 幅によって表示する、しないクラスを指定できます。 グリッド。定番の12分割です。 オフセットもできます。 フォーム。 ラベルの横表示。 ボタン。 グループボタン。 テーブル。 テーブルはもちろんレスポンシブです。 画像表示。高さ固定もいけます。 iframe。動画表示、Googleマップなどもいけます。 VineやInstagramも埋め込みもいけます。 vi
御社のSEOコンテンツ戦略では、キーワードだけでなく訪問者の意図も考えていますか？（後編） | Moz - SEOとインバウンドマーケティングの実践情報
この記事は、前後編の2回に分けてお届けしている。前編に引き続いて、コンテンツ戦略の実例をいくつか見ていこう。→まず前編を読む ランディングページの最適化とは異なり、コンテンツは、企業の目的に寄与するものであり、他社よりも優位に立てる手段であり、コミュニケーションを築きオーディエンスとの交流を生む手段なのだ。 オーディエンスの意図を考えたコンテンツ戦略とその実例について見ていこう。 コンテンツ戦略の実例2： 記事 VS コンテンツこのクライアントは女性向けのオンラインマガジンで、サイト上では、ファッションや美容などいくつかのトップレベルのカテゴリーをスライドショーか記事のいずれかの形式で公開していた。 設定 オーディエンス： 主に女性（35～55歳）。オーディエンスのニーズ／意図： ファッションや美容に関する刺激、ヒント、アイデアを得る。コンテンツの目標： より多くの女性に働きかけ、交流を生
正式版リリース間近！Web制作の作業が驚くほど捗る『Avocode』最速レビュー
PNG Hat, CSS Hatなど、Web制作に役立つツールを数多く開発しているMadeBySourceが新たにリリースする『Avocode』の正式版のリリースがいよいよ間近になりました！ 一足先にプレオーダー版が届いたので、さっそくレビューします。 ベータ版の機能が限定されている時でも「こいつはすげえ」と思ってましたが、現在の最新版は更にヤバイです。 Avocode と、レビューの前にお得な情報を。 Avocodeはリリース前の早期割引として、キャンペーンを行っています。 通常$240が、約70%オフの$69で購入できます。 Avocode: 特徴ページ Avocodeは、Photoshop無しでPSDのプレビューができ、画像の書き出しは.png, .jpgだけでなく、SVGへの書き出しにも対応しています。また、ボタンやエレメントなどのベクターオブジェクトはCSS(Less, Sass
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA