これ知ってる？2017年話題になった最新サービスまとめ30選 - WEBハックツ
「IT技術が日々進歩している」と、近年はよく耳にしますね。 では、実際に最近リリースされた画期的なサービスや2017年話題になったインターネットサービス・アプリを、あなたはどれくらい知っていますか？ 実は、皆が知らない所で、面白いサービスや役に立つサービスが沢山ローンチされています。この記事では、2017年にローンチされた、もしくは話題になったサービスや役に立つサービスをご紹介しましょう。 新しい波をいち早く察知するための、１つの参考になれば幸いです。マーケットが拡大する前、あるいは流行に沿ってチェックできれば、オイシイ思いができるかもしれません。 1.ロケラボ 2.Cotobox（コトボックス） 3.Sarahah（サラハ） Peing（ピング） 4.SPRAY Insight 5.eiffel（エッフェル） 6.VALU（バリュー） 7.cash 8.メルカリNOW 9.ランチパスポー
Flexboxが便利すぎる！要素を自在にソートできるjQueryプラグイン作ってみた
Flexboxを使えば要素の並び替えはとても簡単。そこで、カスタムデータ属性をうまく使って、Flexboxの内容でソートできるjQueryプラグインを考えて作ってみました。 この記事では、カスタムデータ属性の値をもとに要素をソートする簡単なjQueryプラグインの作成方法を順を追って説明していきます。 どのようなプラグインかは、CodePenのデモを参照してください。 注：この記事では、jQueryプラグインの開発方法develop jQuery pluginsとflexboxの基本的な知識を持った読者を想定しています。知識が十分でない場合は、リンク先を参照してください。 アクセシビリティの問題 プラグインを作成するのに、flexboxを利用します。 デフォルトでは、flexアイテムはソースの順番に配置されていますが、orderプロパティで親要素のflexコンテナ内での順番を変更できます。
ウェブ制作の面倒をズバリ解決！オススメChrome拡張機能23個まとめ
ウェブサイトやグラフィック制作をより快適にし、生産性をアップさせてくれるChrome拡張機能をまとめてご紹介します。ウェブ制作に携わる、すべての人にオススメです。 便利なオンラインツールを一緒に活用して、自分だけの爆速Web制作スタイルを目指しませんか。 What Font ウェブサイトで使われている、フォントの種類を知りたいと思ったことはないでしょうか。これまではFirebug や Webkitなどを利用していましたが、What Font を使えば、気になる書体をマウスクリックするだけで確認できる、シンプルさが便利なツール。 Fontface Ninja Fontface Ninja は、ウェブサイトで使われているフォントをカーソルを合わせるだけで確認できるだけでなく、その場で購入までできます。ウェブデザイナーは持っておきたい拡張機能のひとつ。 Window Resizer Window
1%の需要に応えた看護師フリー写真素材サイト スキマナース
ご利用上の注意： ・ サイトの画像は全て個人・商用問わず無料で利用可能です。しかし以下の場合は利用を禁止します。 1. モデルのイメージを著しく損なうような利用 2. アダルト/法律に触れる行為など公序良俗に反する目的での利用 3. 画像の再配布・販売 4. 著作者が不適切と判断した場合 ・ 素材を利用した事によって発生したトラブルについて一切責任を負いかねます。
素人でも簡単に一流のホームページが作れる無料Webサイト作成サービス7選＋α - Life is colourful.
【2017年3月31日】 いまやホームページは誰でも、もの凄く簡単に作れる。ホームページ作成サービスがあり、無料で始められるものもある。 正直なところ、個人の商店や中小規模の企業レベルならコレで十分なケース多い。 ホームページを作るための言語（HTML）やデザインの知識も全く要らない。キーボードを叩けて、マウスをクリックできれば十分だ。 この記事では、誰でも使える便利なホームページ作成サービスを紹介する。日本語対応で無料から始められるもののみに限る。 この記事の後半では、実際に無料で簡単にホームページを作る手順を解説する。実際に無料のサービスを使ってホームページを一つ作ってみたので、興味のある人はのぞいてみてほしい。 目次 目次 ビジネス用のホームページなら少し投資を ホームページ作成サービスを利用するときの注意点 グーペ BiND クラウド BASE（ベース） Jimdo（ジンドゥー）
Web初心者がとりあえず使ってみるべき無料Webツール14選 | LISKUL
テクノロジーの進歩が激しいWeb業界。Webマーケティングツールの開発でも同様、様々な人が知恵を振り絞り、Web上での売上アップを目指したツールやサービスが今日も開発されています。 ただその一部は料金が高かったり、使い方が難しかったりと、一般の人にはなかなか手を出しづらかったりするもの。 そこで今回は、Webにほとんど触ったことがないような人でも試せる「無料」のWebツールを厳選してみました。「サイトを作る」⇒「ユーザーを集める」⇒「サイトを分析する」⇒「獲得率を高める」の時系列順にまとめてみましたので、ご自身のサイトのフェーズに合わせて参考にしてみてください。（※サービスにより無料でできることが限られているツールもあるためご注意下さい。） 紹介ツール一覧 Webサイトを作る1：本腰を入れてページを作る（Unbounce） ・テンプレートが100種類以上あって、全部カッコイイ！ ・自由度が
Webデザインが圧倒的に捗るGoogle Chromeの拡張機能12選
みなさんはChromeの拡張機能を活用していますか？ 拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChromeの拡張機能を紹介します。 1. FireShot ダウンロードURL：FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます。ランディングページなど縦長のページのスクリーンショットを撮影するときに便利です。 2. PerfectPixel by WellDoneCode ダウンロードURL：PerfectPixel by WellDoneCode ページ内に任意の画像を重ねることができる拡張機能です。画像を動かしたり、透過させたり、サイズを変更したりしてレイアウトすることができます。ボタンやロゴの配置を迷っているときにコ
非エンジニアがWebプログラミングで勉強すべき10のこと
プログラミング未経験の非エンジニアのために「Webプログラミングで勉強すべき10のこと」を紹介する記事。未経験からプログラマーに転身した現役エンジニアに話を聞いてまとめました。学ぶとWebサービスを作ることができます。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 まったくのプログラミング未経験の非エンジニアだと、「いったい何を勉強をすればいいのか」がわからないということもあるでしょう。そこで今回は、現役のエンジニアから、Webプログラミ
WEB制作時に大変重宝する無料WEBツールまとめ。 | 埼玉県熊谷市 Webデザイン・企画・制作「デザイン事務所｜エイビッツ」
WEB制作時に無料で使えて大変重宝するWEBツールをまとめてみました。 フォント、文字関連 PXtoEM.com: PX to EM conversion made simple. フォントサイズを他の単位に換算してくれる。 かなり重宝しています。 font checker（フォント・チェッカー） ブラウザでのフォントスタイルを確認するためのツール wordmark.it – helps you choose fonts! PCにインストールされているフォントのスタイルを一括確認。 文字数計算ツール テキスト文字数を計算してくれる。 ガラケーサイトなど、文字数上限を制限するような際に重宝します。 表示確認ツール Responsive Web Design Test Tool – Designmodo レスポンシブWEBデザインの表示を確認するためのシミュレーター iPhone Screen
ECサイトの競合比較調査を行う際に絶対に使いたいツール － どこまで競合サイトを丸裸にすることができるのか | EC業界ニュース・まとめ・コラム「eコマースコンバージョンラボ」
ECサイトの競合比較調査を行う際に絶対に使いたいツール － どこまで競合サイトを丸裸にすることができるのか ECサイトを運営していると、似ているショップや、ライバル店、同一商品を取り扱っているとても強大な店舗など様々な「競合」サイトが気になってくる。そして、自分が運営しているショップがどのような状態なのか、どのような改善が必要なのかを知るために競合ショップのあらゆるデータや情報は可能であれば知りたいところだ。そこで今回はECサイトの競合比較調査を行う際に絶対に使いたいツールを紹介していく。 SimilarWeb SimilarWeb（シミラーウェブ）は、URLを入力するだけでWebサイト分析や業界分析を簡単に行うことができるツールだ。 SimilarWeb株式会社は2009年3月にイスラエルのテルアビブで設立され、現在はロンドンに本社を持つ企業で、これまでに合計2500万ドルの資金調達を行
配色の参考にいい！シンプルな配色ルールで作り出された魅力的で美しいカラーパレットがいっぱい -Color Hunt
カラーのトーンをベースに、しっかりしたシンプルな配色ルールで組み合わされた美しいカラーパレットをたくさんコレクションしている「Color Hunt」を紹介します。 目的をもってカラーパレットを探してもいいし、ぼっーと眺めているだけでもよい刺激がもらえますね。
デザイナー必須？黄金比や白銀比が一瞬で計算できるアプリ「RATIO」が登場
IROHA GRAND HOTEL 【いろはグランホテル松本駅前】コラボパートナーになってホテル... 詳細を見る
Web屋が使う３４個の「シンプル・簡単・便利」なウェブツールまとめ
作成：2012/10/29 更新：2016/10/22 Tool > 低スペックPCやウィンドウ幅の狭いノートを使っている場合、ソフト立ち上げを躊躇してしまう時がありませんか？そんな人に「シンプル、軽い、簡単」のウェブ上で使えるツールをご紹介。ブラウザ内で開けるので無駄なスペースを取られません。 ※こちらの記事は2012年に書いたもので、情報が古くなっております。比較的最近のツール系のまとめは、Web制作に役立つトレンドのツール一覧と以下の２つご覧ください。（※ 2015/06/25 2015/06/28追記） Node.jsとgulpをインストールして使うまでの入門記事 これからGit を始めてみようという人のための使い方と入門フロー 特にウェブ屋さんやブロガーさん達が使っているのをピックアップ。 もちろん僕も頻繁にガシガシ使ってるので「ツール用ブックマーク」としてこのページを作りました
【無料】イメージを入力するとロゴを自動作成してくれる「Design Rails」｜男子ハック
@JUNP_Nです。ロゴを作成するのは想像以上に大変です。ざっくりとイメージだけ伝えて、デザイナーさんにお願いするというのも良いと思いますが、ざっくりとイメージだけ入力してロゴを作成してくれるWebサービスもあります。「Design Rails」はまさにそんなサービスです。 ざっくりとイメージを入力すると自動でロゴを作成してくれるWebサービスLogo Design - Design Rails 今回紹介するのは「イメージをざっくりと入力するとロゴを自動作成してくれる」というWebサービス「Design Rails」です。 「Logo Design - Design Rails」にアクセスし、まずは「SIMPLE」か「COMPLEX」かイメージを選択します。 続いて「CLASSIC」か「MODERN」かを選択。以下、このうようにイメージを選択していくことで、最終的にロゴを自動で作成してくれ
プロ御用達！WEBデザインに役立つデザインツール13選
更新日: 2017年09月26日公開日: 2015年06月10日プロ御用達！WEBデザインに役立つデザインツール13選 忙しい web デザイナーの方、web デザイン勉強中の方、CSS やプログラミングからチョット目を離してデザインツールを見直してみませんか？ 今までやっていた作業、可視化に時間のかかっていた作業を劇的に変えてくれるツールがたくさん存在します。チョット作業の手を止めて、以下のツールを覗いてみてください。きっとこれからのあなたの web デザインを快適にしてくれますよ！ WEBデザインに役立つデザインツール 13選プロ顔負けのデザインツール「webflow」 webflow 対応 / Mac、Windows 価格 / 無料 ～ $84 /月 表示言語 / English Free トライアル / 有 デザインには自信があるけれど、実はプログラミングはチョット苦手、という方に
【VIP】webディレクターだけど、初心者に役立つサイト教える てんこもり。
1: 以下、＼(^o^)／でVIPがお送りします 投稿日：2015/02/06(金) 17:42:31.05 ID:flJZIImcH 最近クソみたいなデザインとグッチャグチャのソースコード書いてる ミーハー丸出しアフィサイトが増えてきて鬱陶しいから、 これからサイト作る初心者用にサイトを紹介していく これ以上俺のウェブサーフィンライフを邪魔すんじゃねえぞ
WordPressでさまざまなタイプのかっこいいページが簡単に作成できるカスタマイズ性にも優れたテーマ -Optimizer
ランディングページ、スモールビジネス、ポートフォリオ、ギャラリーなど、企業や個人サイトを簡単に構築できる多目的用のWordPressのテーマファイルを紹介します。 「Optimizer」の名の通り、あらゆるデザインに最適化できるようカスタマイズ性に優れています。 Optimizer Optimizer -WordPressテーマディレクトリ OptimizerにはFree版とPro版があり、Free版ではいくつかの機能が利用できませんが、CC0ライセンスで個人でも商用でも無料で利用できます。 Optimizerのデモ Optimizerの特徴 Optimizerのデモ Optimizerを使うと、本当にいろいろなタイプのページやサイトが作成できます。
WordPressでかっこいいページが簡単に作成できる！レイアウトを組み合わせて直感的に作成できるテーマ -Layers
WordPressには数多くのテーマファイルがありますが、それらとは少し違ったアプローチのテーマ「Layers」を紹介します。 ページ作成にはHTML/CSSの知識は不要で、レイアウトやウィジェットを組み合わせてかっこいいページを直感的に作成できます。 Layers Layers -GitHub ライセンスはGPL 2.0 Licenseで、商用利用、修正、配布などが無料で行えます。 通常のテーマファイルはデザインが完成していて、画像やテキストを配置しますが、Layersはベースとなるレイアウトが数種類あり、そこにコンポーネントやウィジェットを自由に組み合わせてページを作成します。 ページのデザインを見ながらカスタマイズできるテーマという感じです。 組み合わせるのは簡単で、下記ページで動画で公開されています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ネットでできるプログラミング学習ツール「Progate」をやってみた : ニキビ跡
Flipsblog.jp
