WordPressでページごとに自由なレイアウトを作成できる便利なプラグイン「Elementor」 -レスポンシブ対応で高性能、しかも無料！
WordPressのどんなテーマファイルでも、どんなページでも、どんなデザインでも、ページごとに自由なレイアウトを作成できる便利なプラグインを紹介します。 これ系のプラグインは有料が多いですが、レスポンシブ対応で高性能、そして無料というのはありがたいですね。 Elementor Elementor -wordpress.org Elementorの特徴 Elementorのインストール・使い方 Elementorの特徴 Elementorは、どんなテーマファイルを使っていても、どんなページでも、どんなデザインにでも適用できます。 大きな特徴はコードの知識は不要、ドラッグ&ドロップで要素やコンポーネントを配置し、簡単に調整できます。 自身のブログやポートフォリオに使ってもよし、クライアントが自由にレイアウトをしたい時にもいいですね。
250種類の緻密に描かれた紋様が素晴らしい！Webでも紙でも商用利用無料のサークル状のベクター素材
緻密な紋様でヴィンテージ風にデザインされたサークル状のベクター素材を紹介します。Web・アプリ・紙・プロダクトなどの商用でも利用できます。 通常は有料ですが今週末まで無料なので、ダウンロードはお早めに！ 250 Decorative Round Shape and Brush セットには、110種類のサークル状のエレメントと140種類のブラシが含まれています。 対応バージョンはCS3+。CC2015でももちろん利用できます。
あなたの写真やイラストが他のWebページで使用されていないか検索ができるオンラインサービス -TinEye
写真やイラストなどの画像が他のWebページで使用されていないかどうか、同一画像の検索ができるオンラインの無料サービスを紹介します。 リサイズ・クロップ・編集された画像にも対応しています。 実際に試したところ、当ブログの画像もかなりの精度で検索できました。日本のコンテンツにも対応しているということですね。 TinEyeはいわゆる画像検索のリバース版で、その画像の出典はどこなのか？ どのように使用されているか？ 画像の修正されたバージョンは存在するのか？ 高解像度の画像はあるのか？ といったことを検索できます。 検索の能力はキーワードやメタデータやウォーターマークを利用するのではなく、画像自体を認識して検索するため、類似画像（同じテーマをもった画像）は対象から外され、より精度の高い検索ができます。 使い方は簡単で、無料で利用できます。 まずは、TinEyeにアクセスします。 ※各ブラウザ用の機
Photoshopを使う時に欠かせない、絶対オススメのプラグイン・機能拡張のまとめ
Photoshopはデザインに欠かせない便利なツールですが、そのまま使っているだけではもったいないです！ Photoshopでの作業がさらに捗る便利なプラグイン・機能拡張を紹介します。 ここで紹介するものは、当方の日本語環境（Win/Mac, CC 2015）で利用しています。 よく使うドキュメントはテンプレートとして管理 レイヤー数が多くても目的のレイヤーにすぐにアクセス ガイド引きの定番「GuideGuide」は大幅バージョンアップ ガイド引きは「QuickGuide」も欠かせない スクリーントーンや集中線を生成する「Comic Kit」 磨りガラスのようなエフェクトを与える「Blur Like Jony」 カラー・テキスト・フォントサイズなどに変数が使える「Ditto」 ガイドライン作成に欠かせない「Ink」も大幅バージョンアップ 複数の要素を変形させる時に位置はそのままで レイヤー
[CSS]コンテンツの区切り hr要素を素敵にデザインするスタイルシートのテクニックのまとめ
<hr class="style**"> <style> hr.style1{ border-top: 1px solid #8c8b8b; } hr.style2 { border-top: 3px double #8c8b8b; } hr.style3 { border-top: 1px dashed #8c8b8b; } hr.style4 { border-top: 1px dotted #8c8b8b; } hr.style5 { background-color: #fff; border-top: 2px dashed #8c8b8b; } hr.style6 { background-color: #fff; border-top: 2px dotted #8c8b8b; } </style>
![[CSS]コンテンツの区切り hr要素を素敵にデザインするスタイルシートのテクニックのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/f2cf8d2fa440a82f4d989af711914223cad329f6/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201504%2F2015121100.png)
静的なHTMLをWordPressのテーマファイルに変換するオンラインサービス -HTML To WordPress
ごく普通のHTMLでも、BootstrapでつくったHTMLでも、あっという間にWordPressのテーマファイルに変換するオンラインサービスを紹介します。 HTML To WordPress HTML To WordPressは非常にシンプルな操作で、HTMLのフォルダをアップロードするだけで、簡単にWordPressのテーマに変換されます。変換したテーマはプレビューは無料で、テーマのダウンロードは1HTMLごとに$9、制作の手間を考えるとかなり魅力的な価格設定だと思います。 という訳で、静的なHTMLを用意してさっそく試してみました。 用意したHTMLは、こちら。 Land.io -GitHub ダウンロードページ 個人・商用利用、無料。 Bootstrap 4をベースにしたテンプレートで、新しいカードコンポーネントを使い、繊細なアニメーションでコンテンツを魅力的に見せています。 La
[JS]縦長ページに面白い仕掛けや便利な機能を実装できるスクリプトのまとめ
縦長のランディングページなどで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。 プロダクトやサービスを魅せるスクリプト、さりげないけど気持ちいいアニメーション、縦長ページならではのナビゲーション、レイアウト補助など、全コンテンツを1ページにおさめ、スクロールを前提にしたページならではの面白くて役立つスクリプトが満載です。
![[JS]縦長ページに面白い仕掛けや便利な機能を実装できるスクリプトのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/12d806b696946054b69c1dc3670ffa2dc1985773/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201503%2F2015112505.png)
かわいい手描き素材が全部無料！花や葉や草が水彩タッチで描かれたベクター素材 -Cover Flower
お馴染みの freepik.com 提供によるベクター素材をコリス限定で全員にプレゼント！ もちろん個人でも商用でも無料で利用できます。 今回は水彩タッチでかわいい花や葉や草が描かれた「Flower Cover」です。 freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でも利用できます。アイコンに特化したflaticon.comも運営しており、現在96,000個以上のアイコンが無料で利用できます。 freepik.comでアイコンの検索する時は、下記のページからが便利です。 freepik.comでアイコンを探す またfreepik.comは、そのブログだけのオリジナルの素材を配布するコラボをしています。日本ではコリスが初！今回でいよいよ第22弾となりました！ 第11弾〜21弾まではこちら。 ※長いので、1〜10は省略。
目のつけどころがスゴイ！販促会議企画コンペで受賞したアイデア・企画書のまとめ
各企業から出題された商品やサービスのプロモーションに関する課題に対して、応募者からその解決アイデアを企画書形式で募集する販促会議の企画コンペティションで、受賞作品が決定したので紹介します。 photo: stokpic 販促会議企画コンペティションの各受賞作品は、『販促会議』11月号（Amazon）に掲載されおり、受賞作品とファイナリストの中から特に面白いと思った企画・アイデアをいくつか紹介します。 雑誌には受賞作品の全スライド、応募者・審査員のコメントなども掲載されています。 販促会議企画コンペティション ※以下、各企画の敬称は略させていただきます。 グランプリ: 本命酒 課題 養命酒製造 / 40代のお母さん層が「薬用養命酒」を試してみたくなる企画 応募者 西岡和也、時井統子、松本卓也、畠山侑子、川波朋子、原田信宏、柴田悠香、井町雅一 Spc2015 53 from Kaigi Sen
商用利用無料！水彩やペイントなど、ブラシのストロークの質感がいい感じのベクター素材のまとめ | コリス
テキストやシンプルなグラフィックの背景に使用したり、デザインのアクセントとして添えたり、ストロークそのものをグラフィック要素にしたり、ブラシのストロークが楽しめる水彩やペイントで描かれたベクター素材を紹介します。 ハープ、秋の草花、クリスマス用のリーフやベルをモチーフにしたイラスト素材も！
アイコンを探す手間がなくなる！30種類の有名どこ全9,769個のSVGアイコンを一元管理・一行で簡単に利用できる -We Love SVG
Flat Color 使い方は、簡単です。 Step 1: 外部ファイル 外部ファイルにjquery.jsを使用している場合は、下記の外部スクリプトを加えます。 <script type="text/javascript" src="//cdn.rawgit.com/icons8/bower-webicon/v0.10.7/jquery-webicon.min.js"></script> AngularJSバージョンも用意されています。 <script type="text/javascript" src="//cdn.rawgit.com/icons8/bower-webicon/v0.10.7/angular-webicon.min.js"></script> Step 2: HTML あとは、使用するアイコンのコードを書くだけです。 アイコンをクリックするとコードが表示されるので、そ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これでもう飾り罫の素材に困らない！600種類以上の飾り罫が無料でダウンロードできます -600+ Vector Calligraphic Ornaments
男子の手書き文字をフリーフォント化！商用利用無料で漢字も揃ってる -仕事メモ書きフォント・遊びメモ書きフォント
もうこれで水彩の素材には困らない！商用のデザインで使える水彩素材のセットがまるごと無料でダウンロードできます！
新着の日本語フリーフォントがいっぱい！2016年春最近リリースされた日本語の無料フォントのまとめ
2色・3色・多色、色の組み合わせ方が分かる配色に便利なオンラインツールのまとめ
全部完全無料で商用可！使い勝手のよい高解像度のフリーの写真素材がダウンロードできるサイトのまとめ
レスポンシブ対応のアイコン素材、単にサイズを変えるだけでなく、デザインを最適化した優れもの！
かわいくデザインされた日本・中国・エジプトなどの文様、ライン・ドット・小さい柄をつかったパターン素材のまとめ
同人誌や映像での商用利用も無料！やや小振りのかわいいフリーフォント -まるもゴシック
