温泉JAPANは現在、諸般の事情により更新を停止させて頂いております。記載に不備があった場合は、お手数をおかけ致しますがお問合せよりご連絡頂けますと幸いです。
温泉JAPAN｜みんなで作る湯ったりメディア
温泉JAPANは現在、諸般の事情により更新を停止させて頂いております。記載に不備があった場合は、お手数をおかけ致しますがお問合せよりご連絡頂けますと幸いです。
Web制作者は絶対チェックしておきたい、デザインやコーディングに取り入れていきたい便利なツールのまとめ
Webサイトのデザインやコーディングは、やるべきタスクが年々増えてきました。それらの手間がかかる面倒な事が楽にできるツールやアプリも年々リリースされています。 これからのWeb制作にどんどん取り入れていきたいツールやアプリを紹介します。 Adobe Experience Design(Adobe XD) Adobe XDはWebサイトやスマホアプリのデザインやプロトタイプを作成するベクターベースのツールで、PhotoshopやIllustratorともスムーズに連携して利用することができます。 以前は「Project Comet」の名称で発表されていた新ツールが、2016年3月に「Adobe Experience Design(Adobe XD)」としてプレビュー版が公開されました。現在はOS X版のみですが、2016年後半にはWindows 10への対応も予定されています。
飲食店DXならトレタ
トレタ予約管理システム 圧倒的な使いやすさの予約・顧客管理が可能に 無料のオンライン予約ページを簡単に作成 他社サービス連携が充実（グルメサイトやPOSなど）
CSS Lint
Errors (All) | (None) Beware of broken box sizing Require properties appropriate for display Disallow duplicate properties Disallow empty rules Require use of known properties Compatibility (All) | (None) Disallow adjoining classes Disallow box-sizing Require compatible vendor prefixes Require all gradient definitions Disallow negative text-indent Require standard property with vendor prefix Requi
Typetester Compare fonts for the screen
Design Beautiful Typography One of the most popular applications for web designers is now a full-blown typography editor. Typetester classic that is known and loved by all is still online! Test and compare more than 2800 web fonts. The new Typetester is a WYSIWYG web typography editor. Create, export and share unlimited projects.
指定したウェブサイトで使われている配色・フォントを抽出してくれるサイト「Stylify Me」 | ライフハッカー・ジャパン
「Stylify Me」は指定したウェブサイトで使われている配色を抽出してくれるサイトです。ウェブサイトではさまざまな色が使われていますが、その色を抽出して一覧にしてくれます。「このサイトの配色を参考にしたいな」といったときに便利です。配色に加え、使われているフォントの種類も教えてくれますよ。 以下に使ってみた様子を載せておきます。まずStylify Meへアクセスしましょう。配色を知りたいウェブサイトのURLを入力して「Stylify Me」ボタンを押します。 するとこのように使われている配色の一覧が表示されます。ライフハッカーで使われている色は少なくシンプルですね。 さらに使われているフォントの一覧も作ってくれますよ。お気に入りのサイトの配色やフォント情報がまとめて手に入るので便利ですね。この結果をPDFで出力することも可能です。ぜひウェブサイトのデザインを考える際にご活用ください。
幅とカラム数を指定し、整数値のカラムと溝のサイズを一覧表示するグリッド生成ツール -Gridulator
Gridulator 使い方は簡単です。 「Overall Width」に幅の数値を入力します。 矢印で数値を変更することも可能です。 「# of Columns」にカラムの数を入力します。 整数値のカラムと溝が一覧表示されます。 左の「Preview」ボタンをクリックすると、どのような感じになるのか画像で表示されます（下記キャプチャ参照）。 グリッドを原寸サイズでみる場合は、「Make PNG」ボタンをクリックします。 プレビューは複数のものを同時に表示することができます。
デザインスキルを無料動画でマスター｜Schoo（スクー）デザイン学部
学部とは？ 各学部に関連するコンテンツを公式授業および公認団体放送が提供しています。 メールで最新情報をお知らせ 所属すると、学部の最新授業やカリキュラム進捗状況をお届けします。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Color Hunter
Website builder, in browser web design, CMS & hosting | Webydo
食べログ ワンコインランチ終了のお知らせ [食べログ]![食べログ ワンコインランチ終了のお知らせ [食べログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f2137e9b2515d90ab49787303169cd98bd0bd9b3/height=288;version=1;width=512/https%3A%2F%2Ftblg.k-img.com%2Fimages%2Flunch_coupon%2Fonecoin_img_ogp.jpg)
うずらインフォ トップページ
CSS Stats
MockFlow - Wireframe Tools, Prototyping Tools, UI Mockups, UX Suite, Remote designing
Online Mockup, Wireframe & UI Prototyping Tool
オンラインでグリッドレイアウトが簡単に設計できる -Plumb
TRILL [トリル] ｜国内最大級のライフスタイル情報メディア![TRILL [トリル] ｜国内最大級のライフスタイル情報メディア](https://cdn-ak-scissors.b.st-hatena.com/image/square/af41e1b1228520ae9ec2b85f6d29b9d6ec6549aa/height=288;version=1;width=512/https%3A%2F%2Fassets.trilltrill.jp%2Fassets%2Fgraph-image-04127829beb059a688465b449960320307f6ca79c92a318b98051422a52620fb.jpg)
いま、見ておきたいウェブサイト 記事一覧 | gihyo.jp
Goodpatch グッドパッチ｜デザインの力を証明する
Web Developer Checklist: Website Launch Checklist | Toptal®
