タグ オンラインツール
新着順 10 users 50 users 100 users 500 users 1000 usersHTML5でコーディングするときに役立つ10のオンラインツール | DesignDevelop
2011/11/06
980 users
DesignDevelop
Initializr
おなじみ
最近ではすっかりおなじみになりつつあるHTML5。ブラウザの問題もあり、まだ広くは利用されていませんが、徐々にその範囲を拡大しつつあります。今日紹介するのはHTML5でコーディングするときに役立つ10のオンラインツールをまとめたエントリー「10 online tools to simplify HTML5 coding」です。 Initializr 様々なHTML5コーディングに役立つWEBサービ... 続きを読む
フリーランスのIT技術者を支援するオンラインツール32選 - IT業界を生き抜く秘密10箇条 - ZDNet Japan
2009/06/21
910 users
フリーランス
秘密10箇条
ZDNet Japan
IT業界
雇用情勢の厳しい中、数多くのITプロフェッショナルがフリーランスという道を選んでいる。そこで、IT系のフリーランサーを支援するオンラインツールを紹介する。 昨今の厳しい経済情勢の中、数多くのITプロフェッショナルが必要に迫られて、あるいは自身の選択によって、フリーランスの道を選んでいる。そこで本記事では、そういった道を選んだ彼らを支援するオンラインツールを32個選び、紹介する。 雇用情勢の厳しい中... 続きを読む
びっくりするほど簡単！HTMLやCSSの作業なしで、Bootstrap 4のさまざまなページを作成できる無料ツール | コリス
2018/04/20
848 users
コリス
Bootstrap
積み木
CSS
HTML
さくっと短時間で、慣れれば1分！ デスクトップやスマホに対応したページを作成したい時にぴったりな無料のオンラインツールを紹介します。 HTMLやCSSの作業は一切不要で、Bootstrap 4ベースのさまざまなページをドラッグ&ドロップで積み木のように組み合わせて簡単に作成できます。 Froala Design Blocks Froala Design Blocks -GitHub Froala ... 続きを読む
デザイナーが確認しておきたい、デザインリソース完全ガイド 2016年度 - PhotoshopVIP
2016/09/15
720 users
配色
リソース
フォント
アイコン
こん
オンラインホームページ作成ツール Webydo で働いている現役デザイナー達が、普段からよく利用している、作業を楽にするオンラインツールやリソースをまとめています。 ウェブサイトでよく利用する写真の見つけ方や最適化方法から、アイコンやフォント、配色など デザイナーが一度は困ったことのある問題を解決してくれる 凄腕ツールが揃っています。現在の制作フローに活用し、より快適な作業を実現しましょう。 コン... 続きを読む
CSS3の制作をぐっと楽にする厳選20のオンラインツール | コリス
2012/07/10
718 users
コリス
セレクタ
グリッド
シャドウ
ボーダー
CSS3アニメーションをはじめ、グラデーションやシャドウやボーダー、テキストやボックスをかっこよくしたり、レスポンシブデザイン用のグリッド、セレクタの使い方など、スタイルシートの制作時に役立つオンラインツールを紹介します。 Animate.css classを付与するだけで、さまざまなCSS3アニメーションが実装できます。 初っ端からオンラインツールじゃないですが、簡単にCSS3アニメーションが利... 続きを読む
配色に自信がなくても！Webデザインが好きになる配色ツールと使い方 | Webクリエイターボックス
2010/08/17
695 users
配色
配色ツール
Webクリエイターボックス
Twitter
以前書いた記事「配色パターンからWebデザインを考える」やTwitterでつぶやいた「要ブックマーク！うっとりしてしまう100の配色パターン」を見た方から「いい配色だなーと思ってもうまく使いこなせない」という意見をいくつか頂きました。確かにすてきな配色をどうデザインに取り込んでいいのか、というのは難しいところです。今回は簡単に配色を提案してくれるオンラインツール「ウェブ配色ツール Ver2.0」を... 続きを読む
カラーツール「0to255」で色を決めてメニューを作ってみる｜Webpark
2012/11/08
677 users
配色
Webpark
知識
かなり
色選び
このブログで何回か紹介している0to255というオンラインツールですが、かなり便利だと思うので使い方を説明してみます。 色に関する知識が乏しい私ですが、0to255を使うとまとまった感じの配色になるので重宝しています。今回は0to255を使ってメニューを作る際の色選びをしてみます。 0to255の使い方 まず、0to255の使い方についてですが、下の画像のように「PICK A COLOR」をクリッ... 続きを読む
ウェブデザインに役立つ、15のオンラインツール | コリス
2008/06/19
622 users
コリス
noupe
ウェブデザイン
Tools
エントリー
noupeのエントリーから、ウェブデザインに役立ちそうなオンラインツールの紹介です。 Handy Designer's Tools "On The Fly" 続きを読む
日本の生産性が低いのは中小企業が原因？いやいや、便利なオンラインツールを使い倒そうよ - 助っ人 - 起業、独立、開業を応援するポータルサイト
2019/05/29
616 users
助っ人
勝算
エビデンス
名著
ポータルサイト
日本の生産性が低いのは中小企業が原因？いやいや、便利なオンラインツールを使い倒そうよ 2019.05.24 日本の現状を様々なエビデンスをもとに分析したデビット・アトキンソンの名著、『日本人の勝算』はもう読みましたでしょうか？ 素晴らしい本なので、ぜひ一読をおすすめします。その中に下記のような一文がありました... 続きを読む
一つのカラーから配色セオリーに基づいてカラースキームを作りだす配色設計に役立つツールのまとめ | コリス
2013/12/09
585 users
コリス
コーポレートカラー
カラースキーム
配色設計
配色
コーポレートカラーなど、一つのカラーをベースに配色セオリーからカラースキームを設計したり、同系色やグラデーションを作りだしたりできるオンラインツールを紹介します。 またカラーのストックを増やしたり、カラーをベースにしたムードボード作りに役立つツールもいくつか。 最初は、国産のツールから。 配色の見本帳 | キーカラーで選ぶ配色パターン 一つのカラーをベースに、さまざまな色の法則から配色パターンを表... 続きを読む
これは使いやすい、美しいCSS3グラデーションのボタンが簡単に作成できるオンラインツール -CssGradientButton | コリス
2012/04/24
476 users
CssGradientButton
コリス
ボタン
パネル右：グラデーションやシャドウなどの編集 作成が完了したら、コードを下部に生成されます。 生成されるコードは下記のようになっています。 <!DOCTYPE html><html><head> <style type="text/css"> .button_example{ border:solid 1px #819bcb; -webkit-border-radius: 3px;width:15... 続きを読む
HTML5/CSS3にも対応、HTML/CSS/JavaScriptを整形・チェックするオンラインツール -Dirty Markup | コリス
2012/03/20
476 users
エラー
文法上
コリス
ツール
ウェブ制作者
HTML, CSS, JavaScriptを読みやすく整形し、文法上のエラーもチェックしてくれるオンラインツールを紹介します。 Dirty Markup Dirty Markupはウェブ制作者がよく使う下記のツールをまと [...] 続きを読む
CSSで面倒なコード、HTML5の新要素やスニペット、FacebookのOGPやTwiterカードなどのコードを生成できるオンラインツール | コリス
2017/05/30
448 users
Facebook
OGP
コリス
Mic
CSS
CSSで面倒なコード、アニメーションやグラデーションやボックスシャドウなど、実装の結果を見ながら値を調整してコードを生成でき、HTML5の新要素やよく使うスニペット、FacebookのOGPやTwitterカードやmic ...記事の続きを読む 続きを読む
ウェブデザイナーの作業を助ける12のオンラインツール | コリス
2009/01/16
429 users
コリス
ウェブデザイナー
Six Revisions
作成
カラースキームの作成、フォントの作成・選択、画像編集などウェブデザイナーの作業を助ける12のオンラインツールをSix Revisionsから紹介します。 12 Useful Web Tools for Designers [...] 続きを読む
デザインで色の組み合わせを決めるのに役立つ便利なオンラインツールのまとめ | コリス
2015/03/27
428 users
コリス
COO
アクセシビリティガイドライン
グラデーション
一つのカラーを元にそれにあったカラーパレットやグラデーションを作成したり、トレンドカラーを使った配色サンプル、アクセシビリティガイドラインに沿ったカラーパレットなど、配色設計に役立つオンラインツールを紹介します。 Coo...記事の続きを読む 続きを読む
あなたのウェブページが機能しているか7つの面からチェックできるオンラインツール -Spur | コリス
2011/09/11
424 users
SPUR
コリス
ウェブページ
エフェクト
URL
Spurの使い方 入力フォームにチェックしたウェブページのURLを入力して、「Spur it on」ボタンをクリックします。 画像でチェックしたい場合は、「Spur it on」ボタンの下にある「Upload an image」をクリックします。 クリックすると、ウェブページに7種類のエフェクトを与え、そのままでは気がつきにくい面からさまざまなポイントを確認することができます。 以下、その7種類の... 続きを読む
ブックマークしておくと便利！ 背景、テクスチャ、パターン、シェイプ、グラデーションなどを生成するSVGツールのまとめ
2022/08/10
412 users
テクスチャ
シェイプ
グラデーション
アイソメトリック
背景
WebサイトやスマホアプリのUIデザイン、イラストなどにもぴったりな背景、テクスチャ、パターン、シェイプ、グラデーション、装飾グラフィック、カラーパレットなどのSVGを生成するオンラインツールを紹介します。 ネオンカラーや美しいグラデーションをはじめ、アイソメトリックやスパイラルなどの幾何学形状、波線や等... 続きを読む
スタイルシート関連の便利なオンラインツールのまとめ | コリス
Archive by month 2011年10月 (29) 2011年9月 (52) 2011年8月 (46) 2011年7月 (42) 2011年6月 (51) 2011年5月 (46) 2011年4月 (45) 2011年3月 (33) 2011年2月 (43) 2011年1月 (40) 2010年12月 (48) 2010年11月 (52) 2010年10月 (54) 2010年9月 (4... 続きを読む
デザイン的に合う色の組み合わせを指定されたカラーをベースに生成する無料ツール -Color Designer | コリス
2019/05/27
400 users
コリス
補色
Color Designer
組み合わせ
ベース
色の組み合わせに悩んだ時、指定されたカラーをベースにその色の明るい色合いと暗い色合いをはじめ、補色、類似色、分裂補色、3色配色、4色配色など、色の組み合わせを簡単に自動で生成できるオンラインツールを紹介します。 カラーの...記事の続きを読む 続きを読む
Webサイトのワイヤーフレームを作成するときに役立つツール・素材まとめ - W3Q - Web制作者のお悩み解決サイト
2013/06/28
388 users
ワイヤーフレーム
W3Q
作業
作成
WEB制作者
Webサイトのワイヤーフレームを作成するときに役立つツール・素材まとめ ワイヤーフレームの作成は骨の折れる作業ですが、事... / オンラインツール / Mockup Designer他...全28件 続きを読む
[CSS]コピペで簡単にCSS3アニメーションを実装できるライブラリ・ツールのまとめ | コリス
2012/11/21
375 users
コリス
トゥイーン
CSS
イージング
コピペ
CSS3アニメーションで、背景を変えたり、ボタンをバウンドさせたり、画像をフェードやフリップで表示したりなどをコピペで実装できるライブラリ、緩急をともなったイージングやトゥイーンの微調整を設定できるオンラインツールをまとめて紹介します。 animatable CSS3アニメーションの基本から、かっこいい応用までコピペで簡単に実装できます。 詳細：CSS3アニメーションの基本的な実装例のまとめ An... 続きを読む
JavaScriptの開発をより簡単にしてくれる便利すぎるオンラインツール8 | yugurido
2013/02/20
374 users
ツール
ステップアップ
日本国内
JavaScript
開発
JavaScriptの開発を簡単にしてくれるオンラインツールがcatswhocode.comさんの「Super useful online tools to make JavaScript development easier」で紹介されていたので、今後のステップアップに活用したいので、メモしておきます。 ここで紹介されているツールについて、 すでに日本国内で解説してくださっている すばらしい方々... 続きを読む
最近話題になったイケてるWebサービス・アプリ12選（2015年11月編） | creive【クリーブ】
2015/12/06
351 users
BrandColors
UIPALETTE
クリープ
配色
12月になりましたので、11月中に話題になった12個のWebサービス・アプリをご紹介します。 UIPalette 「UIPALETTE」は、配色を考えるときに使えるオンラインツールです。 サイトの左側にあるメニューのうちの「BrandColors」をクリックすれば、海外の企業のイメージカラーがわかり、「FlatColors」や「MaterialDesignColors」をクリックすれば、フラットデ... 続きを読む
Bootstrapのカスタマイズが簡単にできてしまうオンラインツール -Bootstrap Live Customizer | コリス
2014/06/10
350 users
コリス
Bootstrap
リアルタイム
パネル
カスタマイズ
Bootstrapの実際のページ表示を確認しながら、リアルタイムに簡単にカスタマイズできるオンラインツールを紹介します。 カスタマイズにはスタイルシートの知識はあまり必要なく、直感的にできます。もちろん知識がある人はより高度なカスタマイズが可能です。 Bootstrap Live Customizer 使い方は非常に簡単。 左のパネルをスクロールし、Bootstrapのカスタマイズしたい箇所を表示... 続きを読む
ブロガーなら知っておきたい優良Webサービス・ツールTOP16
2015/04/30
335 users
ブロガー
敷居
なか
ブロガー向け
位置
よく知られているものから日本ではめったに紹介されないものまで、ブロガー向けのWebサービスやオンラインツールを16こ紹介します。インターネットの中でものすごく大きな位置を占めるようになったブログ。現存するトップサイトのなかには、ブログに端を発したものも少なくありません。 ブログがここまで人気となった理由のひとつに「敷居の低さ」が挙げられます。つま […]ブロガーなら知っておきたい優良Webサービス... 続きを読む