保存版！デザインツールの総まとめ -200種類以上の定番ツールから最近リリースされた注目のツールまで
Webサイト、スマホアプリの制作・開発に携わるすべての人に役立つ、200種類以上の有料・無料のデザインツールを紹介します。 定番ツールから最近リリースされた注目のツールまで、便利なツールが揃っています。 Awesome Design Tools -GitHub 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 アクセシビリティのツール アニメーションのツール AR（拡張現実）のツール コラボレーションのツール カラーピッカーのツール デザインのフィードバックツール デザインのハンドオフツール デザインパターンとインスピレーションのツール デザインシステムのツール デザインをコードにするツール エクスペリエンスのモニタリングツール フォントのツール スクリーンショットのツール アイコンのツール イラストのツール 情報アーキテクチャの
Home | web.dev
Stay organized with collections Save and categorize content based on your preferences. We want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users. This site is our home for content to help you on that journey, written by members of the Chrome team, and external experts.
.htaccess ファイルを簡単作成「.htaccess Editor」
リダイレクト Fromにサイトパスを入力、ToにURLを入力 301 Moved Permanently 恒久的に移動 From: To: From: To: From: To: 302 Moved Temporarily 一時的に移動 From: To: From: To: From: To:
休日に一気にマスター！Webデザイン・Webアプリケーションを学びたい人のためのUdemyオススメ講座9選
WebデザインやWebアプリケーションについて学ぶとき、10年前の主流は「書籍で学ぶ」か「スクールに通うか」のどちらかだったでしょう。しかし今では、空き時間にスマホがあれば簡単に学ぶことができます。 65,000以上のさまざまなジャンルのオンラインコースを無料から受講できる「Udemy」というプラットフォームがあります。。Udemyを使うことで、空き時間を有効活用しながらスキルアップを目指すことができます。 今回は、講座の中から、Webデザイン・Webアプリケーションを学びたい方のためのUdemyオススメ講座9選をご紹介していきます。初心者から中級者・上級者まで、さまざまな講座が用意されています。自分の難易度に合わせたぴったりの講座を見つけてみましょう。 Udemyとは？ Udemyは、2010年にアメリカでスタートした、動画などを活用して学習を行うことができる、オンデマンド学習プラットフ
こんな便利なのがあったとは！Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ
こんな便利なのがあったとは！Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ +400 Awesome Free Tools To Build Your Business 5つのジャンルに、Web制作やビジネスに役立つさまざまな無料ツール・無料サービス・無料素材がまとめられています。 Business -ビジネス サイト作成・ロゴ作成・請求書作成・法律文書作成・アイデアのマネジメント・かっこいいドメインなど Marketing -マーケティング ライティングツール・ブログツール・サイト分析・SEO・画像最適化・画像編集加工・マーケティング情報・ソーシャルメディア・カスタマーサービス・A/Bテストなど Design & Code -デザイン・コード デザインの無料素材・カラーや配色ツール・デザインのインスピレーション・写真素材・フォント・アイコン・コードやマ
Free Online OCR - Image to text and PDF to Doc converter
1. Upload Image Upload Image or PDF document for conversion. You can upload any type of input images or documents, such as PDF, Tiff, PNG, BMP and other. One limitation for the input document is that the file size is no more than 15 MB 2. Language and output You should select appropriated recognition language for most accuracy conversion image to text. And also, you may choose output format (MS Do
CSS スタイルシート制作を楽にする！知っておきたい便利ツール25選まとめ
海外サイト Envato Blog で公開された「25 Free Web-Based Apps & Tools For Working With CSS」の著者 Paul Andrew より許可をもらい、翻訳転載しています。 CSS スタイルシートを作成していると、時間ばかりかかる退屈な作業をこなさなければいけない時があります。 たとえば、CSSアニメーションや FlexBox レイアウトを作成、調整したり、モダンブラウザ対応の書き方を思い出したり、レスポンシブ用にemをpxへの変換や CSS ファイルの圧縮やクリーンアップ、画像をデータURIへ変換など、どれもクリエイティブとは程遠いものばかり。 今回は、作業時間を大幅に短縮し、より快適なスタイルシートの作成ができる便利なツール25個をまとめてご紹介します。 紹介するツールを活用することで、これまで時間がかかっていた頭の痛くなる作業も、ボ
Web便利ツール@ツールタロウ
Web制作やシステム開発に便利な無料ツール集。 Whois、diff、IPアドレス確認、画像リサイズ、パスワード生成、各種エンコードなどの簡単Web便利ツールが満載。 PC・スマートフォン・タブレットのブラウザで使えます。常時SSL対応です。 皆さまの「こんなツールが欲しい」等のご意見・ご要望も随時受付中です。 フィードバックボタンよりお気軽にお送りください。 また、当サイト内のページはすべてリンクフリーです。 データの取り扱いについて 当サイトは、入力された値を安全に送受信するためにSSL暗号化通信を利用しています。 当サイトで提供しているツールは、入力された値をサーバに送り、サーバで処理した結果を使用しています。 サーバ上で使用・処理した値はただちに破棄されます。 免責事項 当サイトで提供しているツールや情報は、全て無料でご利用いただけます。 ツールの調査結果や掲載の情報は、正確なもの
ページ一覧取得
対象ページ内の全リンクを取得して、サイトのページ一覧を取得します。 基点となるページ： 再帰取得レベル: 除外： PDF JPG 出力： プレーンテキスト リスト タイトル＋URL 並び替え： する しない ※再帰取得レベルを1以上に設定すると、再帰的にページ一覧を取得します（時間がかかるので、気長にお待ちください）。 ※ソースコード中のa要素のhref属性からリンク情報を取得しています。JavaScriptで開くページは取得できない場合があります。 ※100ページを超えるサイトの場合、取得できない場合がございます。また、IPアドレス制限やログインが必要なページなど非公開領域は取得できません。 （BASIC認証領域の場合は「http://ID:PW@***.com」で取得できる場合がありますが、使用は自己責任でお願いします。） お問い合わせ
【黄金比・計算サイト】 - レイアウトの小技 Ver2.0 電脳狂想曲 WEBデザインの小技
推奨ブラウザ：Firefox2.0, Internet Explorer 5.5以降 注意：比率の計算上、割り切れないので誤差が発生します。
METALLIC RATIO ／ 貴金属比 [黄金比・白銀比などを計算]
Webデザインのコーディングを効率的に進めるためのクライアントサイド用Javascriptライブラリ『klib』を公開。260種類を超える関数を収録。 『METALLIC RATIO』とは貴金属比という意味です。2つの数値の比において、美しいとされる比率というものが存在しており、特に有名なものが黄金比＝1:1.618というもので、数多くの美術品や建造物、デザイン等の構成の中にこの比率を見ることができます。 黄金比の他にも白銀比、白金比、青銅比と呼ばれるものもあり、それらを総称して『貴金属比』と呼ばれています。 上のツールは、基準となる数値をひとつ指定するだけで、黄金比や白銀比に代表される各貴金属比を簡単に算出できるWebアプリです。数値だけではなく視覚的にも比率を確認できるので、求めている比率を直感的に得ることができます。 デザイン作業などで美しい比率が必要な時にご利用ください。 【 数値
Webフォント・サービス FONTPLUS ｜ ためし書き
お使いのブラウザではご覧いただけません お手数ですが、最新の対応ブラウザ（Chrome／Edge／Firefox／Safari）にて再度ご覧ください。
様々なファビコンを一括生成
favicon.ico,apple-touch-iconなど様々なブラウザやデバイスに対応したファビコンをまとめて生成。 使い方はとってもシンプル。画像を1枚指定するだけ。面倒な設定不要。 favicon.ico、icon*.png、android-chrome*.png、apple-touch-icon*.png、site-tile*、manifest.jsonを一括生成します。 エラーログに余計な404 not foundを記録させない対策としても有効。PWAのアイコン作成にも。 <meta name="msapplication-square70x70logo" content="/site-tile-70x70.png"> <meta name="msapplication-square150x150logo" content="/site-tile-150x150.png"> <
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【忙しい人へ】好きな時間に自宅で学べる！Webデザイン制作・プログラミングのオンライン学習サイト・スクールまとめ | KERENOR { ケレンオール }
一般的なUIを組み合わせてHTMLテンプレートを作成できるソフトウェア・「Stitches」
エンコード/デコード ツール - 文字列をエンコードおよびデコード
Responsive Checker
Ultimate CSS Gradient Generator from ColorZilla
フォントサイズpx,em,%,pt
eky.hk