『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP](https://cdn-ak-scissors.b.st-hatena.com/image/square/c93a609f8bae6df9df43f1e3ba0a4e02000e74af/height=288;version=1;width=512/https%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2016%2F02%2Fhtmlsnippet2016feb-top.jpg)
紹介しているプラグインは、もちろん個人的にオススメするものなのですが、出版から半年も経つと、新しいプラグインがいくつもリリースされてますし、アップデートによって、新機能を実装したプラグインもあったりします。 今回のエントリで、そこの差分を埋めるというわけではないのですが、そうした新しいものも交えて、現時点で初心者にオススメしたいプラグインを、目的別にまとめてみました。 多機能系プラグイン JetPack for WordPress.com 拙著の中では部分的にしか触れていないのですが、これひとつ入れるだけで、新しい記事をソーシャルに自動でシェアしたり、無限スクロールに対応したり、関連記事を表示させたり、セキュリティを向上させたり、バックアップ(有料)させたり・・・などなど、さまざまなことが可能になります。 他にもスマホ対応や、OGP・Twitter Cardsへの対応、独自にテーマのCSS
制作時に欠かせないリセット用のCSS、ページのグリッドやレイアウト・コンポーネントが用意されたフレームワーク、クリック・タップやホバーやスクロールを楽しませるアニメーション、モバイルにもフレンドリーなCSSでつくられたアイコンなど、ゼロから用意するのはかなり大変なCSSの便利なフレームワークを紹介します。 リセット用のCSSはこの3種類 レスポンシブ対応の定番フレームワーク Material Designに対応したフレームワーク さまざまなアニメーションが簡単に実装できるCSS かわいいアニメーションを使ったローダー 使いやすいアイコンフォント・Pure CSSのアイコン リセット用のCSSはこの3種類 HTMLの各要素のブラウザごとに異なる差異をなくし、意図した通りに実装できるようスタイルをリセットするスタイルシート。 Reset CSS 2.0 HTMLの各要素のmarginやpadd
ヘッダ、フッタ、ナビゲーション、見出しなど、Webページでよく使う各コンポーネントやエレメントごとに国内・海外の素晴らしいデザインを集めているギャラリーサイトを紹介します。 眺めているだけで、さまざまなインスピレーションをもらうことができます! ヘッダのデザイン フッタのデザイン ナビゲーションのデザイン 見出しのデザイン いろいろなパーツのデザイン ヘッダのデザイン
最近、セミナーでスクリプトを紹介すると評判がよいので、10個選りすぐってみました。 これらを提供してくださっている作者さんたちに感謝します。 はまりどころを見つけると「むちゃくちゃ早く終わる」「手作業ではムリ」なことが実現できるので、「ここでこういうことができると快適になるのに」をリストアップしておいて、たまに棚卸ししてみるとよいと思います。 追記 2017更新版を公開しました。 Illustratorを使うとき、私が手放せない10個のスクリプト(2017更新版)+ 入手できるスクリプト一覧 - DTP Transit なぜ、スクリプトを使うの? Illustratorでの作業を効率化するには、キーボードショートカットやアクションを使う方法がありますが、そもそも次のような場合には、有償のプラグインを使うほか、スクリプトを使う方法があります。 Illustratorではできないこと できるけ
web開発者のための さまざまな動きを表現できるチュートリアルまとめ「30 Fresh Articles and Tutorials for Web Designers」 webサイトを魅力的に見せるためには、デザインはもちろん、動きにも力を入れたいもの。シンプルなフラットデザインが主流となっているため、特に重要な要素となってきているのではないでしょうか?今回はそんな時に参考にしたい、さまざまな動きを表現できるチュートリアルまとめ「30 Fresh Articles and Tutorials for Web Designers」を紹介したいと思います。 Stylish CSS Buttons いろいろなパーツに動きや、エフェクトを加えられるチュートリアルが多数まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Page Preloading
2014年9月23日 Wordpress いつもWordPressでWebサイトを制作する際、お決まりのプラグインばかり利用していてる私です。長年愛され続けているプラグインもいいのですが、最近開発された中でも素敵なものがあるはず!という事で、今年開発されたプラグインで便利で使いやすいプラグインをいくつか紹介します。 ↑私が10年以上利用している会計ソフト! WP Canvas – Shortcodes WordPressのショートコードって本当に便利ですよね。小難しい機能も簡単に挿入・表示できます。WP Canvas – Shortcodesはそんなショートコードを使ってアコーディオンやタブ、Googleマップ、ボタン等様々な要素を表示できます。 期限を指定してカウントダウンを表示したり…。 [wc_countdown date="Sep 28, 2014, 12:00:00 AM" fo
先月は「Web制作時に備えておくと便利なチートシートのまとめ」でデベロッパ向けのチートシートを紹介しました、今回はデザイナー向けのチートシートをまとめました。 Photoshopの各バージョンに対応したショートカット、ブラシやペンツールの使い方、初期設定をはじめ、デザインの要素と原則、カラーセオリー、タイポグラフィ、グリッドシステム、レスポンシブなど、デザインの現場で役立つものばかりです。 Adobe Photoshop Keyboard Shortcuts Photoshop 5-7, CS1-4, CCまで、Win/Mac用のキーボードショートカットがそれぞれPDFでダウンロードできます。 また、ショートカットがない便利な操作にショートカットを割り当てたショートカットファイルもダウンロードできます(チートシートでは「c」がついています)。
著作権フリー、商用可の写真素材サイトが増えた 著作権フリー、商用可の無料写真素材サイトが増えています。自由に使える写真素材が増えて、作業や趣味に助かってる人も多いでしょう。 以前、CCライセンスやパブリックドメインライセンスなど、著作権・所有権・利用権に関する話をしましたが、「それよりも気軽に使えるライセンスフリーの画像素材が欲しい。」という気持ちはよくわかります。 そこで今回は、以下の条件に当てはまる無料の写真素材サイトを集めてみました。 著作権フリー、商用可、会員登録不要、日本語表記 著作権フリー 何に利用してもよい、改変してもよい。 商用可能 個人的な利用だけではなく、商用に利用してもよい。 クレジット表記必要なし コピーライトやリンクなどの著作者表記の必要がない。 会員登録不要 会員登録やメールアドレス登録の必要がない。 日本語表記 英語アレルギーの方も多いので、日本語表記のサイト
次のプロジェクトでちょっと使ってみたくなる実用的なものから実験的なものまで、CodePenで多くのユーザーをうならせたスタイルシートのテクニックを紹介します。 まずはアニメーションが楽しいデモから。 ※上から10個くらいはアニメーションgifです。
テーマバリデーションサービス The Web Template Verification Service WordPressテーマ的におかしなところがないかチェックする時に使用。 Theme Check WordPress › Theme Check « WordPress Plugins WordPress管理画面から、プラグインでテーマをチェックすることができます。すべてを修正するのは難しいけど警告部分くらいは直したい。 AntiVirus WordPress › AntiVirus « WordPress Plugins テーマのウイルスチェック。一応チェック。 noindex、nofollowのチェック NoFollow noindex、nofollow、nofollowリンクなどをチェックできるChrome拡張。FirefoxだとSeerobotsアドオンが便利。 サイトのnoi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く