ペライチだけでなんでもできる 誰でも簡単に売上アップを 目指せるホームページ スマホ対応の本格ホームページがあっという間に。知識がなくても簡単な操作で作成が可能。不安な方へのサポートも充実。フォーム、決済、予約、メルマガ等、ビジネスに必要な機能が低価格でオールインワン
無料ホームページ制作・作成なら作り方かんたんなペライチ
ペライチだけでなんでもできる 誰でも簡単に売上アップを 目指せるホームページ スマホ対応の本格ホームページがあっという間に。知識がなくても簡単な操作で作成が可能。不安な方へのサポートも充実。フォーム、決済、予約、メルマガ等、ビジネスに必要な機能が低価格でオールインワン
Google Maps API Styled Map Wizard
Navigate to the map region you wish to use to preview your style. Jump to a particular location using the Enter a location field in the top right. Select a type of feature to style in the Selectors panel. If you only wish to style the Geometry or Labels for the selected feature type, select the required Element Type. Select the combination of Stylers to apply to the selected feature type. Once you
カラーコード変換ツール | Hex、RGB、HSV、CMYK、XYZ、LAB、HSLに対応
カラーコード変換ツールについて使い方基本的に、気になったところをクリックすれば、その色の色コードを調べることができます。Hex(16進数)からRGB(10進数)に変換したい場合は、Hexに直接カラーコードを入力するか、画面上部のカラーピッカーで色を選択して下さい。例えば、RGB(10進数)からHex(16進数)に変換したい場合は、R、G、B、それぞれに10進数でRGB値を入力して下さい。色コードをコピーしたくなったら、画面上部のナビバーの、コードの部分をクリックして下さい。補色と反転色補色は、色相環上の正反対に位置する色です。メインカラーに対するアクセントカラーの候補となります。反転色は、カラースケール上のRGB値を反転させた色です。こちらもメインカラーに対するアクセントカラーの候補となります。HSVとHSL色空間HSV、HSL値におけるSは「彩度」です。この値を減らすと、薄くなり、背景色
Chromatic Vision Simulator
About "Chromatic Vision Simulator - Web Edition" This software is a color vision experience tool for color normal individuals that can simulate three most common deficient types of congenital color vision, i.e. Protanopia, Deuteranopia and Tritanopia. Although this is a web-application coded with HTML5 + Javascript and is based on the "Chromatic Vision Simulator" smart-phone edition, it works with
Web初心者がとりあえず使ってみるべき無料Webツール14選 | LISKUL
テクノロジーの進歩が激しいWeb業界。Webマーケティングツールの開発でも同様、様々な人が知恵を振り絞り、Web上での売上アップを目指したツールやサービスが今日も開発されています。 ただその一部は料金が高かったり、使い方が難しかったりと、一般の人にはなかなか手を出しづらかったりするもの。 そこで今回は、Webにほとんど触ったことがないような人でも試せる「無料」のWebツールを厳選してみました。「サイトを作る」⇒「ユーザーを集める」⇒「サイトを分析する」⇒「獲得率を高める」の時系列順にまとめてみましたので、ご自身のサイトのフェーズに合わせて参考にしてみてください。（※サービスにより無料でできることが限られているツールもあるためご注意下さい。） 紹介ツール一覧 Webサイトを作る1：本腰を入れてページを作る（Unbounce） ・テンプレートが100種類以上あって、全部カッコイイ！ ・自由度が
Webサイトのプロトタイプ制作に使える無料オンラインツール
2016年3月19日 Webサイト制作, 便利ツール Webサイトを制作する際に大切なものの多くは、制作開始する前の段階にあります。サイトの設計・計画がうまくいっていないサイトは、制作開始後、様々なトラブルに見舞われることでしょう…。ということで今回はモックアップ・プロトタイプと呼ばれる設計画面を作成できるオンラインツールをいくつか紹介します。サイトの大まかな動きをチーム内でシェアしたり、フィードバックしあったりと、便利に使えるものばかりです！ ↑私が10年以上利用している会計ソフト！ 2016年3月16日 追記：Adobeがリリースしたプロトタイピングツールも試してみました！→ Adobe Experience Design（XD）を使ってアプリのプロトタイプを作ってみた ViewFlux ViewFluxはデザイン画像のシェアやフィードバックが簡単に行えるツール。必要なページのデザイン
リニューアルしたからって良くなるわけじゃない
先週のMOVIDA SCHOOLはネコメシのディレクター兼UXデザイナーの山本郁也さんでした。 山本さんは個人でZaim、クラウドワークス、Lang-8、ソーシャルランチ、gifteeなどのスタートアップのUXのサポートを行なっている他、人間中心設計推進機構やヒューマンインターフェース学会でアカデミックな活動も行っています。 （スタートアップとのかかわりについてはMOVIDA SCHOOLでの講義の次の日にこんな想いをエントリしていました。） 山本さんにはユーザー視点でのUXデザインについて話していただきました。 Fact or Truth?マーケティングの世界で古くからある言葉に「顧客はドリルが欲しいわけではなく、ドリルであけることのできる穴が欲しいのだ」というものがある。 実際には人それぞれ、その時々で変わると思う。 ひょっとしたら、ドリルを持っていたいだけの人がいるかも知れないし、た
WebデザイナーもGit使うといいよって話 | Cherry Pie Web
※この記事では「Webデザイナー」は、「ノンプログラマ」の意味で使っています。 psd、ai などの材料データの管理ではなく、サーバーにアップするファイルの管理の話です。 サルでもわかるといわれても、やっぱりわからない・・・ Web制作をやっている人は、少なからずバージョン管理システムの話を聞いたことがあると思います。 特にGit（ギット）っていうのは、内容まで知らなくても名前くらいは聞いたことがありますよね。 で、ネット上ではバージョン管理システムのメリットに関するブログ記事なんかもたくさんあって、変更履歴をたどれるとか、複数人で同じファイルを修正したりといった時のトラブルに対応できるとか、なんか便利そうだなーとは思っていたわけですが、ずーっと導入は見送ってきました。 その理由は・・・ 「Git入門」とか書いてある記事を読んでも導入方法が書いてあるだけで、実際に使うシチュエーションが思い
HTML5のCanvasを使ったパターン背景を簡単に作成出来るWebサービス・Patternizer - かちびと.net
珍しいなぁと思ったのでメモがてらご紹介です。 HTML5のCanvasを使用してパターン背景を 生成出来る、というWebサービス。線を描いて 数枚重ね、パターンのような背景を作成する ことが出来ます。まだ実用段階とは行きません けど。 簡単にHTML5製の背景を作成出来るジェネレーターです。Canvasは非プログラマーにとっては若干ハードルが高い印象ですので、この手のジェネレーターで使い方を覚えていくのもいいかもしれません。 こんな感じ。線の太さ、角度などを調整し、複数の線の連続を重ねてパターンを生成します。 使い方はこんな感じ。直感で分かるんじゃないですかね。 使い方 まず、patternizer.jsというスクリプトを読み込みます。 <script src="js/patternizer.js"></script> で、マークアップ <canvas id="bgCanvas"></ca
Web屋の私がブックマークしているサイト65 | Webクリエイターボックス
2017年7月14日 便利ツール 久しぶりに自分がブックマークしているサイトを整理してみました。昔から変わらず愛し続けているWebサービスやチュートリアルサイトなど多数あったので一挙にご紹介します！有名どころからあまり知られていないけど便利なサイトまで、多数あるので時間のある時にじっくり見てみてください！ ↑私が10年以上利用している会計ソフト！ ブックマークしているサイト 目次 Webサービス デザイン関連 画像関連 CSS jQuery WordPress フォント スマートフォン 配色関連 HTML5 メルマガ Webサービス 1. Sendoid Sendoidは会員登録不要のファイル送信サービス。ファイルをアップロード後にURLが生成されます。パスワード設定可。 2. HTMLエンコードフォーム HTMLエンコードフォームは特殊記号などをエンコード・デコードしてくれるWebサービ
オンラインでHTMLを編集、リアルタイムにプレビューできる「HTML Instant」
Dreamweaverなどの専用ソフトがあれば事足りますが、そういった環境がない場合に、HTMLソースの出来栄えを確認したいことだってありますよね。 今回はそんなとき、オンラインでHTML編集でき、かつリアルタイムにプレビューできるエディタをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! リアルタイムにプレビューできるオンラインHTMLエディタ「HTML Instant」 「HTML Instant 」は、HTMLタグを記述すると、その場でリアルタイムにプレビューを表示するオンラインHTMLエディタ。 リッチテキストエディタにもなっているので、タイピングすることなくHTMLタグを挿入したり、画像を掲載（URL指定）することもできます。 リアルタイムにHTMLソースをプレビュー ↑画
CSS3で画像のドロップシャドウを簡単に作成できる「CSS3 Drop Shadow Generator」
画像にドロップシャドウを付けるには、Photoshopなどの画像編集ソフトで画像にエフェクトをかける必要がありますが、そのようなことをしなくても、CSSを使ってドロップシャドウの効果をつけることもできるようになりました。 ただ、できるとは言っても、自分のやりたいように０からその効果をつけるのは、なかなか至難の業。そこで今回は、ドロップシャドウを付けるCSSを簡単に生成してくれるサービスをご紹介します。 CSS3のドロップシャドウをカンタンに作れるジェネレータ 「Css3 drop shadow generator」は、スライダでドロップシャドウの効果を調整するだけで、HTMLタグとCSSを生成してくれるサービス。 影の付け方も全部で８種類と豊富で、この記事の冒頭にある画像のようなエフェクトを簡単にかけられるようになっています。 ドロップシャドウを簡単に設定
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Snazzy Maps - Free Styles for Google Maps
http://code.prostaff1.com/sample/10_google-map/styledmaps/
Responsive Web Design Test Tool - Designmodo
TechCrunch | Startup and Technology News
IDEA * IDEA
CSS3.0 Maker | CSS3.0 Generator | CSS 3.0 Generator | css3 generator