タグ

ブックマーク / ferret-plus.com (12)

  • 簡単にギャラリー機能を実装できるWordPressのプラグイン8選

    WordPressで構築したサイトで、写真を頻繁にアップする場合はデザインにギャラリーを取り入れるのもいいでしょう。 WordPressのプラグインでは、ギャラリーも簡単に導入することが可能です。なおかつ、デザイン面や機能面も豊富なプラグインもありますので、目的に合わせて使ってみてはいかがでしょうか。 今回は、WordPressのプラグインでギャラリー機能が使えるプラグインをご紹介します。 ギャラリー機能が実装できるWordPressのプラグイン 1.Easy FancyBox https://ja.wordpress.org/plugins/easy-fancybox/ このプラグインを使えば、画像をクリックするとポップアップで浮かび上がらせることができます。いわゆるLightbox系のプラグインです。 サイト内で使われる画像をクリックすると、中央に写真を浮かび上がらせて強調させます。

    簡単にギャラリー機能を実装できるWordPressのプラグイン8選
  • 思考の整理ならマインドマップを使おう!書き方のポイントと無料マインドマップツール6選を紹介

    1人でブレインストーミングする際やチームでアイディア出しをする際にオススメなのが、マインドマップを作成すること。 マインドマップを作成すると思考が整理されるため、なにが必要でなにが必要ないかが明確になり、今後の道筋を検討しやすくなります。 今回は、アイディア出しの際に使用すると便利な、マインドマップ作成無料ツール6選と、マインドマップ作成時のポイント3つをご紹介します。 どれも難しい操作はなく、海外サービスで英語が苦手な方でも直感的に使用できるものばかりですので、まずは使用してみてはいかがでしょうか。 マインドマップ作成ツール6選 1.Milanote(ミラノート) http://milanote.com/ こちらは、最近(2017年2月)公開されたばかりのオンラインノートサービスです。 オンラインノートサービスと言えばEvernoteOneNoteなどが代表的ですが、Milanote

    思考の整理ならマインドマップを使おう!書き方のポイントと無料マインドマップツール6選を紹介
  • mindomoとは?ショートカットキーで簡単&素早くマインドマップを作成しよう

    アイディアを形に残しておきたいとき、皆さんはどのようなツールを使いますか? 今回ご紹介する「mindomo」は、自由な形式で簡単に思い通りのマインドマップを作成できるオンラインツールです。 ショートカットキーを使用してタスクを作成できるので、素早く作業できます。 また、マインドマップだけでなく、ミーティングのアウトラインやコンセプトツリーなど、様々なテーマを選択できるので便利です。 mindomoとは https://www.mindomo.com/ mindomoは、簡単にマインドマップを作成できるWebサービスです。 様々なテンプレートが選べるので、マインドマップの作成だけでなく、コンセプトマップやアウトラインを作成するにも便利です。 iPadおよびAndroidに対応したネイティブアプリがあるので、いつでもどこでもアクセス可能です。 mindomoの特徴 豊富なテンプレート Goog

    mindomoとは?ショートカットキーで簡単&素早くマインドマップを作成しよう
  • マインドマップ作成もプロジェクト管理もできるオンラインツール「Zenkit」の使い方を解説

    Zenkitとは https://zenkit.com/ Zenkitは、マインドマップ形式・リスト形式・カレンダー形式など複数のViewを選べるプロジェクト管理ツールです。目的に合わせて、タスクの見方を変えられます。 Zenkitの特徴 目的に合わせた5つのView マインドマップとしてもプロジェクト管理としても使える 直感的な操作性で簡単 TrelloやCSVからデータをインポートできる 料金 無料プランも含めて全部で4つのプランがあります。無料プランでも作成できるコレクション数に制限はありませんが、コレクションに配置するアイテムが2,000個までだったり、共有できるメンバーが5人までだったりという制限があります。有料プランではアイテム数やメンバー数が増え、容量が大きくなるほか、カスタマイズができます。 Zenkitの使い方 1.新規登録 https://zenkit.com/ Zen

    マインドマップ作成もプロジェクト管理もできるオンラインツール「Zenkit」の使い方を解説
    kazroo
    kazroo 2020/01/29
     ※ Zenkit タスク管理、試してみる
  • どんなアイディアも自由自在に配置できるオンラインノートサービス「Milanote」を使ってみよう

    Milanoteとは http://milanote.com/ Milanoteとは、アイディアを自由自在に配置できるオンラインノートサービスです。ポストイットに書いたアイディアや写真をホワイトボードに貼り付けるような感覚で自由に配置でき、直感的な操作が可能です。 Milanoteの特徴 直感的でわかりやすいインターフェイス アイディアを自由に配置できる ボードの中にボードを作れる 100ノートまでなら無料で使える 3.料金 無料プランも含めて3つのプランがあります。有料プランでは、作成できるノートの数が無制限になったり、共同作業できるメンバーを設定できます。 4.Milanoteの使い方 1.新規登録 Milanote(http://milanote.com/ )にアクセスし、「Sign up for free」をクリックします。 ユーザーネーム・メールアドレス・パスワードを入力し、「R

    どんなアイディアも自由自在に配置できるオンラインノートサービス「Milanote」を使ってみよう
    kazroo
    kazroo 2020/01/29
     ※ アイデア書き出し、ノート、ブレスト、マインドマップ、無料、Milanote 試してみよう
  • SEO流入が116倍! 月970万UU突破の「暮らしニスタ」に学ぶSEO対策の最前線

    2020年10月1日更新 Web上の情報過多・情報オーバーロードが叫ばれて久しい近今、自社や商品の魅力をいかに伝えるか、各社が知恵を絞っています。また、そうしたマーケティングの出発点である集客の土台として、SEOの重要性もますます高まっています。 Googleはユーザーの利便性を高めるために、日々検索アルゴリズムのアップデートを行っています。アップデートの影響で検索順位が下落してしまうと流入数にダイレクトに影響するため、Web担当者はその都度対応に追われます。また、SEOの世界では「100%の正解」は存在しません。そのため、自社サイトの状況を考慮せずに情報を鵜呑みにして対策してしまうと、更に流入数が下がってしまうことも起こりえます。 この3年、Googleのアルゴリズムはランクブレイン、キュレーションメディア問題を発端とした日語検索アップデート、フレッドアップデート、メディックアップデー

    SEO流入が116倍! 月970万UU突破の「暮らしニスタ」に学ぶSEO対策の最前線
    kazroo
    kazroo 2019/03/30
  • レスポンシブデザインにも対応!Adobe XDの4つの新機能|ferret [フェレット]

    Webディレクター、デザイナーがワイヤーフレームやプロトタイプを作る作業に非常に便利なツールであるAdobe XD。 Adobeではユーザーの声を受け、より使いやすく便利になるよう日々アップデートを続けています。9月に新たにアップデート版がリリースされました。 今回のアップデートではどのような機能が追加されたのでしょうか。内容を詳しく紹介していきます。 レスポンシブ・リサイズ 今回のアップデートの目玉と言えるのがレスポンシブ・リサイズ機能です。これによりデバイスごとのデザイン、レイアウトを簡単に作ることができます。レスポンシブデザイン、モバイル最適化が推進される昨今、非常に重要な機能と言えるでしょう。 参考: Adobe XD September Update: Responsive Resize | Adobe Creative Cloud Adobe XDにて複数のデバイスに跨いでデザ

    レスポンシブデザインにも対応!Adobe XDの4つの新機能|ferret [フェレット]
  • PC操作の録画を動画マニュアルに!動画キャプチャ無料ツール10選

    商品説明をホームページに掲載する際、動画を利用すればより商品の魅力を伝えられます。パソコン上で動かすソフトウェアなどの場合は、操作画面を動画で紹介すると商品の使い方をわかりやすく提示できます。 そんな時に便利なのが、デスクトップの画面を動画として撮影することができる「動画キャプチャーツール」です。 今回は、無料で使える動画キャプチャーツールをご紹介します。 動画キャプチャーツールを使いこなして、自社の商品アピールに利用しましょう。 動画キャプチャーを使って動画マニュアル パソコンのデスクトップの操作を動画で撮影することで、パソコンの操作をよりリアルな形で表現できます。 例えば、給与計算ソフトのデモ操作の様子を撮影し、実際にユーザーが操作しているような感覚の動画を作成します。 図や文章を使って説明されるよりも、ユーザーにとっては自分が操作するイメージをつかむことができるので「なんとなく操作が

    PC操作の録画を動画マニュアルに!動画キャプチャ無料ツール10選
    kazroo
    kazroo 2018/06/07
     ※☆!PC画面を動画キャプチャ
  • ポートフォリオサイトとは〜基本的な作り方から無料作成サービスまで紹介

    フリーランスのデザイナーとして活動していくには、ポートフォリオサイトの作成は欠かせません。 ポートフォリオサイトは自身が作った作品をまとめたWebサイトのことで、新しいクライアントに対してスキルや実績をアピールすることを目的としています。 ただ、いざ作成するとなるとどういった項目を記載すればいいのか迷ってしまう方も多いのではないでしょうか。 今回は、ポートフォリオサイトの基的な作り方とポートフォリオを作成できる4つのサービスを紹介します。 ポートフォリオサイトは、クライアントが最初に見るあなたの作品です。ぜひ基的なポイントをおさえて、自身の作品の魅力を引き出せるサイトを作成しましょう。 ポートフォリオサイトとは 「Portfolio(ポートフォリオ)」とは、もともと書類をまとめて持ち運べるケースを指す言葉であり、主に以下のような意味で利用されています。 1.金融・投資:所有有価証券の一

    ポートフォリオサイトとは〜基本的な作り方から無料作成サービスまで紹介
    kazroo
    kazroo 2018/04/11
    ※Museの代替などとしてweb製作の候補か
  • CSSも軽量化の時代!コーダーが押さえるべきCSSコーディング5つのポイント

    SassやLESSなどのCSSプリプロセッサーを使わずにCSSを書いているひとは未だに多いのではないでしょうか。 日常の業務でCSSを記述していると、どうしてもCSSはセレクタやプロパティの繰り返しが多くなってしまい、冗長になりがちです。 CSSだけでなく、あらゆる要素には軽量化が求められます。 ページ速度が遅くなれば、それだけ直帰率が多くなり、また検索エンジンもそのことをマイナスに評価して、結果的にページ全体のアクセス減につながってしまいます。 最近では、idセレクターやHTMLタグのセレクターを取り除く動きもあります。 効率よくCSSを書いていくには、どのようにして書いていけばいいのでしょうか。 今回は、コーダーが押さえるべきCSSコーディング5つのポイントをご紹介します。 シンプルに書くことを意識すれば、ファイル容量が軽量化するだけでなく、だれもが読みやすいファイルになります。 具体

    CSSも軽量化の時代!コーダーが押さえるべきCSSコーディング5つのポイント
  • Adobe 無料アプリ14選!

    無料で使いやすいモバイルアプリが登場したことで、SNSなどで誰でも簡単にクオリティの高いグラフィックやビデオを作成することができるようになりました。 その中でも、よりレベルの高い編集技術を持つアプリを配信しているのが、Adobe(アドビ)です。 Adobeのモバイルアプリは用途に応じてクオリティの高い作品を作り出すことができます。 そこで今回は、Adobe無料アプリ14個をご紹介します。 Adobe無料アプリ キャプチャー 1. Capture CC 身の回りでいいなと思ったデザインを写真で取る。 それだけで、色、形、ブラシ、パターンなどの素材を作成することができるアプリが、「Capture CC」です。 気になるものを発見したら、Capture経由で写真を撮ります。 写真からカラーを抽出したり、トレースしてベクターシェイプに変換したり、ユニークなパターンやブラシを作成したりすることができ

    Adobe 無料アプリ14選!
  • Photoshop(フォトショップ)基礎チュートリアルまとめ|やってみたかった表現を完全マスター!

    *Photoshop(フォトショップ)*は豊富な機能を持つことから、画像修正だけでなく様々なデザイン現場で使われています。次々にデザインの幅が広がる新機能も増えています。反面、あまりにも機能が多いため初心者にとっては上達が難しいソフトでもあります。同じAdobe社のイラストレーターと比べても、プロでさえ使ったことがないツールがあるという声をよく耳にします。 そこで今回は、Photoshopの練習にも最適なチュートリアルをまとめて紹介します。かっこいいデザインやおしゃれな表現がたくさんあり、写真編集の練習素材として活用できるでしょう Photoshop(フォトショップ)チュートリアル一覧 1.手軽にレトロな写真に加工する方法 https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-washed-out-vintage-matte-

    Photoshop(フォトショップ)基礎チュートリアルまとめ|やってみたかった表現を完全マスター!
  • 1