クリエイターの作業をラクにする最新Web、オンラインツール33個まとめ
クリエイターの作業をラクにする最新Web、オンラインツール33個まとめ これからはこれだ、次世代の便利ツールが大集合 「こんなツール、あったの？」と思ってしまう、話題の最新オンラインツールをまとめてご紹介します。 デザインのインスピレーションが欲しいときや、やりたくなり面倒な作業を一発完了したり、時短にもつながる便利ツールが揃います。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. デザインツール 2. Webデザイン便利ツール 3. モックアップ・UIツール 4. アイコンツール 5. クリエイティブ・面白ツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ デザインツール Ukiyoe Stock 4,200以上の和風、浮世絵イラスト素材を集めたサイト、他の無料イラストサイトと一緒にいかがでしょう。 Palet
Webデザインの有料学習サイトが無料化 IllustratorやPhotoshop入門などが見放題
chot.design上のコンテンツは、実際にWeb／IT企業で働いている現役のクリエイターが制作したものという。ちょっと社代表の小島芳樹さんは自身のTwitterアカウントで「変なオンラインサロン入る前にここで勉強してみてください！」とアピールしている。 無料公開を決めたのは同サービスの運営から手を引くため。現在は全レッスンの無料公開と共に、有料サービスの利用者に対して返金対応を行っている。 ちょっと社が取り組んでいたデザインやフロントエンド開発の受託事業が急激に成長した影響で、chot.designに手が回らない状況が続いた。今後はサブスク型プログラミングスクールを提供するDonbler（東京都渋谷区）が事業を継承するとしている。 関連記事 穴埋め問題を簡単に作れるWebサイト、「試験勉強に役立つ」と話題に 教育系IT企業のCTOが作成 マウスやタッチ操作で直観的に穴埋め問題を作成でき
【2018年春】今チェックしておきたいデザインツール12選
JakeはUIデザインやWeb開発の記事を執筆するライターです。彼の仕事はあらゆるWebや彼自身のポートフォリオで見つけることができます。ツイッター@jakerocheleauから最新のアップデートをフォローできます。 デザイン業界の流れは速く、絶えず新しいツールが誕生しています。そのため、デザイナーとして最先端を走り続けるには、世の中の動向につねに注意する必要があります。 そこで今回は2018年現在、チェックしておきたいデザインツールを厳選してまとめました。これらのツールにはデスクトップのプログラムもありますし、SaaSのアプリやブラウザツールもあります。 いずれにせよ、このリストにはみなさんがチェックしたいと思うものが必ずあるはずです。詰まるところ、素晴らしいデジタルコンテンツを作ることにおいて、あなたのデザインスキルはさまざまな手段の一部に過ぎないのです。 Adobe XD Adob
【保存版】デザインを学ぶすべての人に贈る、配色アイデア見本101選
配色は、デザインにおける重要な要素のひとつです。この記事では、デザインプロジェクトの参考にしたい、最新の色の組み組み合わせ101種類をご紹介します。 配色は、どんなデザインでも見る人の認識を形成しながら、雰囲気やトーンを設定します。単色や明るい、涼しい、暖かい、または補色であれ、すべての色合いがデザインの役割を果たします。 デザインに適した色を見つける作業は難しいことです。そこで、配色の参考にしたい101種類の色の組み合わせをまとめています。各カラーパレットは、Shutterstockのイメージ画像にインスパイアされており、HEXコードも一緒に記載しているので、ウェブデザインやソーシャルメディア広告、Eメールデザインなど幅広く利用できます。 コンテンツ目次 1. 単色系カラーパレット 2. 寒色系カラーパレット 3. 鮮やかなカラーパレット 4. 暖色系カラーパレット 5. 補色系カラーパ
UIデザインパターンの参考になるサイト10選
同じようなデザインの手直しに人生の貴重な時間を費やしたいと思う人はいません。過去に別のアプリなどで解決されている問題があるのなら、その問題の解決策がテンプレートとして既に存在するはずです。それこそが、誰にでも使えるデザインパターンです。 ここでは、Web上でデザインパターンを見つけるのに最適なサイトをリストアップしました。執筆時現在、これらのリソースはすべて無料ですが、一部はプレミアム版などを支払うように求められる場合があります。なお、この記事は、これらのサイトのアフィリエイトではないことを最初に断っておきます。 UI Patterns UI Patternsでは、好みのパターンを簡単に検索でき、使えると思ったパターンをグループ化することができます。また、自分のデザインでのパターン活用に役立つ、UIデザインパターンに関する多くの興味深い記事があります。 WELIE Interaction
はてなブログでカスタマイズしてきたこと【まとめ】｜いまいちど.ログ
カスタマイズの必要性 僕がブログにカスタマイズを施す理由は見た目！見た目に関しては個人差があるからぶっちゃけ自己満できても他から見るとダサい可能性はある。 しかしそれはセンスの問題だw だけどせめて自分で納得できる見た目に近づけられれば、モチベをあげることにも繋がると思います。 『見た目が良い＞見た目が悪い』これは否定できません。頑張って書いた記事も見た目が悪いだけで閉じられる。これだけは回避したいですよね。 それでは当ブログで行ってきたカスタマイズをご紹介しますので、参考になれば嬉しく思います。 ちなみにはてなブログでは「Minimalism」を使用してましたが、現在はワードプレスにお引越ししてるのでご了承下さい。 はてなブログからWordPressへ移行！無料サービスを活用した手順と感想先日、約7ヶ月お世話になったはてなブログからワードプレスへ移行しました。 移行した理由としては、はて
ブログ全体カスタマイズ 参考記事まとめ - 理想のママにはほど遠い
こんにちは、もちみです。 ブログのカスタマイズはちょこちょこしているのですが、いつの間にか何をどういじったのか…になってしまっていました。 カスタマイズで参考にした記事はほぼブクマしていたので、今回大幅にいじったのをきっかけに、それらをきちんと整理しました。 履歴を残すためにもこの記事にまとめていきます。（随時追加予定） 使用したテーマ ヘッダー 画像 レスポンシブ対応 グローバルナビ サブメニューの表示 色の変更 メニューにアイコン表示 記事タイトル サイドバー フォローボタン カテゴリー メニューの追従 シェアボタン 記事装飾 太文字をマーカー風に 背景に色を付ける リンクを目立たせる 引用のスタイル変更 広告関連 アドセンス ヨメレバ・カエレバ フッタ TOPへ戻るボタン まとめ 使用したテーマ www.notitle-weblog.com 説明不要の大人気テーマ、Brooklynを
初心者必見！デザインを変更するだけでアクセス数が4倍になった話
こんばんは！ 今回は初心者でも簡単にできるブログのアクセス数アップの方法を紹介します！ ※このブログは海外旅行特化型ブログのつもりで始めたのですが、ブログを成長させる方法などのタメになりそうな話もこれからちょこちょことしていこうかな、と思います。 今回紹介する方法は『ブログのデザイン変更によるアクセス数アップ』という方法。 変更によってどう結果が出たのか、具体的にどう変更するかなどを、同じ初心者だからこそお話ししたいと思います。 ※はてなブログを使用しておりますが、WordPressの方も参考にできる内容となっています。 [toc] 具体的にどれくらい伸びた？ デザイン変更と同時にランキング登録などもしたので、 デザイン変更だけの影響がどれくらいなのかは一概には言えません。 が、 前日のアクセス数が約15に対して、翌日は約60まで伸び、約4倍もの効果がありました。 具体的に言うなら１人につ
ブログデザイン［ZENO-TEAL］カスタマイズまとめ（あいまいみーのきたろぐ版）
（2018/2/27 更新） こんにちは、あいまいみー（ @imyme_999 ）です（´-`）.｡oO みなさん、ブログカスタマイズしてますか？ 私は少し前にやっとデザインを変更しました ！！ Webデザインを勉強したことがない私でもここまで出来ました～～ ！ まだ気になるところがありますが、おいおいデザインしていく予定です。 （ちなみにタイトルも変更してます、また記事書こう。笑） また、読者さん200人突破しました～～ ｡ﾟ(ﾟ´ω`ﾟ)ﾟ｡ いつも見てくださっている方、はじめましての方、応援ありがとうございます！ 応援お待ちしております～～ ( ˘ω˘ ) はじめに 今回は冒頭でお伝えしたとおり、ブログ カスタマイズについてのお話。というより、「あいまいみーのきたろぐ」のカスタマイズメモといったところでしょうか ٩( ‘ω’ )و （カタカナと平仮名ばかり… 笑 ） Webデザ
【Webデザイン】スクール経験者のWebデザイナーが教えるおすすめの学校とその実態 - Life is colourful.
ここでは、 「Webデザイナーになるためには、Webデザインスクールに行った方がいいのか？もし行くならどこのスクールがいいのか？独学じゃダメなのか？」 こういった疑問に、スクール経験者の僕が答えてみたい。 具体的な内容は下記の通り。 おすすめのWebデザインスクール 独学とWebデザインスクールの比較 スクールのメリット、デメリット スクールの雰囲気、学べるスキル スクールでの成果物（実績） Webデザイナーになるためにすべきこと 全て、僕自身の実体験に基づいて、Webデザインスクールのリアルな実態を書いている。 僕自身は、全くの未経験で35歳からWebデザインを学び、企業のWeb担当を2年勤めた後にフリーランスのWebデザイナーになった。 数年経った今も、企業や個人事業主のWebサイトの制作・保守で生計を立てている。 Webデザイナーとして一通りの経験と実績も重ねてきたので、今からWeb
Webデザインやイラストで、色の効果的な組み合わせ方がよく分かる便利なオンラインサービス -Color Supply
デザインやイラストにおいて、色は非常に大切なツールです。 初心者だとつい多くの色を使いがちになり、失敗してしまうこともあります。 Webデザインやイラストで色を選ぶ時、効果的な色の組み合わせ方がよく分かる便利なオンラインツールを紹介します。 Color Supply Color Supplyの使い方 色の組み合わせ方 色の組み合わせが分かる無料PDF Color Supplyの使い方 色を選ぶ時には、3つのポイントを理解しておくことが重要です。 コンセプト ブランド あなた自身の好み コンセプト サイトやイラストのコンセプトを理解していないと、色を選ぶことはできません。そしてコンセプトを理解することで、色の選択の幅を狭めることができます。例えばコンセプトが「水」であるなら、レッドを使うことはないでしょう。水とレッドは異なる世界です。 色はコンセプトを支持すべきか、少なくとも対立は避けるよう
【2016年版】ウェブ制作を快適にする、知っておきたい無料オンラインツール50選
2016年にリリースされた、ウェブデザインの制作時間を節約できる無料ウェブツールやアプリをまとめてご紹介します。インストールなどする必要もなく、ブックマークしておけばいざという時にも便利です。 今回は、デザインツールを以下のカテゴリーごとに分けています。お気に入りのツールを見つけてみてはいかがでしょう。 コンテンツ目次 1. Web タイポグラフィー関連ツール 2. 配色カラー関連ツール 3. Web ベース CSS 関連ツール 4. レスポンシブ・ウェブデザイン関連ツール 5. ウェブパフォーマンス関連ツール 6. オンラインチェックリスト、ガイド、参考リファレンス 7. 画像イメージ関連ツール & 編集エディター 8. ウェブデザイナー向けお役立ちディレクトリ 8. その他ツール Web タイポグラフィー関連ツール Type Anything ウェブサイトで利用したいフォントを試すこと
「ウェブ配色ツール」で統一感を！あなたのブログカラーは何色ですか？
大分前から気付いてたんですけど…。記事書いても書かなくてもアクセス数ってあんまり変わらないんですよね。 当初、スタートの頃は「一日三記事」という謎の使命感と情弱丸出しの、「とりあえずやってみたらいいんじゃん？」でブログ続けてきたんですけど、良くも悪くもブログにどっぷりつかってきたことにより、これまでほとんど触ることのなかったインターネッツの世界に入っていきました。 そんなこんなで否応なくインプットも増えていき、諸先輩方の記事をみたり、自分で色々やってみた結果、「多更新無意味じゃね？」という結論に行きつきました。厳密にいうと多更新も決して無意味ではないと思います。ただそこには内容が必要で、コンテンツが重視されるわけです。これに関しては今更なので、ご自身で検索するなりしてもらえばいいと思いますggrks。 それはそうと、かつてのスタンスの通り、「とりあえずやってみたらいいんじゃん？」という姿勢
超厳選！Googleフォントおすすめ40選を用途別に紹介【導入方法解説付き】 - F Lab.
ユーザの閲覧環境にかかわらず同じ見た目で表示してくれて、しかも超絶カッコイイとあって、爆発的な勢いでウェブ界を席巻しつつあるGoogleフォント。 今回の記事では、そのGoogleフォントの中でも特におすすめの40フォントを雰囲気・用途別に分類し、紹介していく。 紹介の前に フォント選びの基準とコツ ロゴ用と文章用の区別 Googleフォントは重い？ 万能フォント 技術系 ロゴ用 文章用 美容・ファッション系 ロゴ用 文章用 飲食・料理系 ロゴ用 文章用 スポーツ系 ロゴ用 学問系 ロゴ用 文章用 生活系 ロゴ用 文章用 Googleフォントの導入方法解説 Googleフォントにアクセス 使用したいフォントをコレクションに追加する 選んだフォントの詳細情報を指定 WebページにGoogleフォントを導入 CSSファイルにコピペし、Googleフォントを実装！ 紹介の前に フォント選びの基準
wordpressにJSON-LDを追加するプラグイン「Star SEO」これで検索エンジンに正しく情報を伝えよう！ | シップル合同会社
今回はこのブログの公開プラグインページで公開しているプラグイン「Star SEO for blog」について説明します。このプラグインはあなたのwordpressのブログにJSON-LDというものを追加してブログに構造化今回はこのブログの公開プラグインページで公開しているプラグイン「Star SEO for blog」 について説明します。 このプラグインはあなたのwordpressのブログにJSON-LDというものを追加して ブログに構造化データマークアップを施すプラグインです。 ※ただいまブログ専用です とりあえず構造化マークアップ、JSON-LDなど聞き慣れていないかもしれない言葉も出て きているかとは思うのでまずこれらを説明致します。 Star SEO for blogをダウンロード 構造化マークアップとは？ 簡単に言うと 検索エンジンなどのロボットへ正しくコンテンツを伝
今月おすすめ記事｜Webサイトビルダーまとめや開発者に愛されるHTML無料エディタ10、最強フリーフォント101個など
Webトピックというカテゴリでの紹介となります。 海外の記事だから翻訳してうんぬんすると時間がかかるため、今月ほんと時間とれなかったため、書ききれなかった記事があります。そんな紹介しきれなかった良記事の数々が、Evernoteで爆発しそうだったのでサラッと紹介させて下さい。 記事のタイトルは和訳してますけど、中身は全部海外の記事です。 今月のおすすめトピック記事 ウェブ開発者のための最高の無料のHTMLエディタ10 エディタごとにC向けとかCSS向けとか色々あります。 最高の無料のウェブサイトビルダー14個 有名ドコロのjimdoから、日本でも最近良く見かけるウィックスまで幅広く紹介されています。 不動産業者のための10ワードプレスのテーマ 不動産系のWebサイトをサクサクっと作りたい時のテーマ。 20ベスト応答eコマースワードプレスのテーマ こちらはECサイトをWordPressで作りた
誰でもプロ並みの色調が作れる無料のカラーパレットサービス厳選8選
高機能なCMSが続々とリリースされている今、特別な技術がなくてもホームページやランディングページを作成できる環境が整ってきました。 Web制作会社やデザイナー等の専門職の方に頼らずにWebページを制作される方も増えてきていると思いますが、制作時につまづきやすいのが「配色」の選定です。 配色はページ全体の印象を決めますが、作成者のセンスに左右されるため、デザイナーのように配色の知識が無い方は何かと時間をとられてしまいます。 今回は、配色に自信の無い方でも最新のホームページのような配色ができる無料のカラーパレットをご紹介します。 あらかじめ配色が決まっているもの、自分で配色を調整できるものなど様々なパレットがあるので、目的に沿って使い分けてみましょう。 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向
WordPressのカスタムクエリを使ってテーブルを結合させたり、取得するデータを追加する方法｜今村だけがよくわかるブログ
というわけで、上の2つのテーブル「wp_posts」「location」が作成されていると仮定して、下のコードをfunctions.phpファイルに追記します。 //テーブルを結合 add_filter('posts_join', 'table_join'); function table_join($join){ global $wpdb; if ( is_category() ) { $join .= " INNER JOIN location ON $wpdb->posts.ID = location.ID "; } return $join; }コードがやっていることカテゴリーのアーカイブページを表示している場合は、「posts_join」のフックを使って$wp_queryで発行されるSQL文に「location」テーブルを内部結合して、「wp_postsテーブルのID」と「loc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPress初心者が知っておきたい22のポイント
konayuki358.com
