ウェブサービス
TwitterカードやOGPなど、head内のmetaに記述するコードを簡単に生成できるオンラインサービス -Hey Meta
Post on:2018年1月17日
head内のmetaに記述するTwitterカードやFacebookのOGPのコード、Googleなどの検索エンジン用のコードを確認・生成できるオンラインサービスを紹介します。 Hey Metaで生成したコード
簡単な操作がすごい！ベクターで緻密なイラストや複雑なダイアグラムを作成できるオンラインツール -Vecta
Post on:2017年7月7日
オンラインツールがどんどん便利になっています。 先日リリースされた、ベクターで緻密なイラストや複雑なダイアグラムを簡単な操作で作成できるオンラインツールを紹介します。 Vecta.io
フォントの名前が分からないGoogleフォントをデザイン面から直感的に探すことができる -better font finder
Post on:2017年5月30日
Googleフォントを探す時には通常、フォント名やセリフ・サンセリフなど分類するための用語が必要ですが、このオンラインサービスでは特に必要ありません。 フォントの見た目、デザイン面から無料で利用できるGoogleフォント […]
Photoshop無しでPSDファイルをさくっと開き、画像編集もできてしまう！オンライン無料サービス -Photopea
Post on:2016年6月22日
PhotoshopのPSDファイル、GimpのXCFファイル、JPEG, PNG, GIF, BMP, WebPなどの画像ファイルを開き、編集もできてしまう無料のオンラインサービスを紹介します。 UIは簡易版Photos […]
GoogleからWeb制作者に便利な新ツールがローンチ！サイトやブログがモバイルフレンドリーか確認できるオンラインツール
Post on:2016年5月18日
昨日、Googleから新しいツールがローンチされました。 Webサイトやブログがモバイルフレンドリーかどうか確認でき、モバイル フレンドリー未対応の時はどうすればよいのかのアドバイスも行ってくれる便利ツールです。 モバイ […]
Webサイトのその要件だと、見積額はいくらくらいが妥当か計算してくれるオンラインサービス
Post on:2015年11月9日
何ページくらいのサイトで、スマホ対応にして、検索機能・ログイン機能・パーソナライズ機能などを加えると、見積額はどのくらいだと妥当なのかを計算してくれるオンラインサービスを紹介します。 海外のツールですが、相場の違いはそん […]
厳選！オリジナルのフォントが作成できる無料オンラインサービスのまとめ -フォントの専門知識がなくても大丈夫
Post on:2015年11月6日
紙に書いた文字から、用意されているツールでお絵描き感覚で描いた文字から、パスを使って緻密にデザインした文字から、オリジナルのフォントを無料で作成できるオンラインサービスを紹介します。 フォントをつくる専門的な知識がなくて […]
地図が簡単に楽しく作成できる！世界地図をはじめ、日本を含めた各国の地図にも対応 -Pixel Map Generator
Post on:2015年9月7日
丸や四角や六角形のドットで構成された世界地図や各国の地図をブラウザ上で簡単に作成できるオンラインサービスを紹介します。 操作は簡単で、楽しく地図が作成できます。 Pixel Map Generator
これは手軽で楽しい！文字をかわいくリボン状にくるくるっと配置できるオンラインサービス -Texter
Post on:2015年8月6日
文字のサイズに強弱をつけて大声や小声のように配置したり、リボン状にくるくるっと配置したり、文字をかわいく、そして楽しく配置できる無料のオンラインサービスを紹介します。 PhotoshopやIllustratorなど、特別 […]
レスポンシブの確認が快適に！ブラウザやOSを問わず各デバイスをシミュレートしてWebページを表示できるオンラインサービス
Post on:2015年5月12日
ブラウザやOSを問わずに、デスクトップ・スマホ・タブレット・テレビなどさまざまなデバイスのスクリーンサイズをシミュレートしてWebページの表示確認ができる無料オンラインサービスを紹介します。 操作は非常に快適で、ノースト […]
sponsors
Recnet Entry
- 2025年、Web制作者がチェックしておきたいCSSの新機能のまとめ: カスタマイズ可能な新しいコンポーネント編
- Kindle本のクリスマスセールが開催！ 人気のデザイン書、タイポグラフィ、絵師さん向けのイラスト書などがお買い得です
- デザインにおいてクライアントからのヒアリングに注目した、これまでになかった実践的な解説書 -デザインはヒアリングからはじまる
- 2025年、日本語の新作フリーフォントのまとめ！ 今年も新しいフリーフォントがたくさんリリースされました
- ネタバレのテキストを非表示にする、美しいパーティクルアニメーションを備えた高速で軽量なコンポーネント -spoilerjs
- モーダルが開いている間、その下のページが連鎖してスクロールしてしまうのを回避するCSSの新しいテクニック
- 2026年のトレンドカラーはあらゆる色彩を輝かせる繊細なホワイト「クラウド ダンサー」、HTMLのコードは「#F0EEE9」
- 色の美しい世界にときめいて、色の知識も深まる、かわいくて小さな極上本 -誰も知らない色の物語
Pickup Entry
- 2025年用、日本語のフリーフォント767種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記
- 手書きの日本語フリーフォント、筆文字・毛筆の日本語フリーフォントの総まとめ
- ピクセルフォント・ビットマップ・電卓数字の日本語フリーフォント 総まとめ
- おしゃれな手書き！ 筆記体の英語フリーフォントの総まとめ
- 商用利用無料、国内のフリーイラスト素材の総まとめ
- 商用利用無料、おしゃれでシンプルなかわいい海外のフリーイラスト素材の総まとめ
- フォント名を画像から調べる、日本語・英語のフォントを検索・自動判定できる無料サービスのまとめ
- いい感じの写真画像がクレジット表記無しで無料利用できるサイトのまとめ
- 背景素材に困った時に！ダウンロードしておきたい実用度満点のフリーの背景素材のまとめ
- 2025年のトレンドカラーは温かみのある極上の茶色「モカムース（Mocha Mousse）」
- 色々な色の名前、伝統色の名前が分かるサイトのまとめ
- VS Codeのおすすめ機能拡張のまとめ、HTMLやCSSやJavaScriptなどのコードを書く時に便利
- 最近の実装に合わせたHTMLテンプレート
- 5分で完璧に分かる！CSS Gridの基本的な使い方を解説
- 独学の人にオススメ！CSS Flexboxの基礎を一通り学べるチュートリアル
- CSS Flexbox の各プロパティの使い方を詳しく解説
- CSS Flexboxの使い方・バグ情報・グリッドの実装など、有用なリソースのまとめ
- CSSの中央揃えで、最も万能で信頼できる実装テクニック
- 2025年、現在の環境に適したリセットCSSのまとめ
- 2024年版、CSSフレームワークのまとめ
- Googleのアルゴリズムにおける検索順位に影響を与える200+個の要因のまとめ
- Font Awesome アイコンの使い方と便利な機能のまとめ
- Photoshopの新機能がかなり便利！かゆいところに手が届く改善点が盛りだくさん
- Photoshopの選択範囲や切り抜きはこれが一番簡単で正確！CC 2021で進化した選択範囲とマスクの作成
- 2025年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ
- ウェブデザイナーは知っておきたい、ページレイアウトの代表的な10のパターン
- フォントやタイポグラフィの知識・テクニックを学ぶまとめ
- レスポンシブ対応のWordPressのテーマファイルのまとめ
- プロカメラマン仕様、Photoshopのトーンカーブのまとめ -簡単に写真画像の自然光とカラーを印象的に美しく仕上げる
- 写真がもっと楽しくなる！写真画像をワンランク上に仕上げるPhotoshopのアクションのまとめ
- 黄金比について詳しく解説、レイアウトや構図に効果的に取り入れるデザインテクニックのまとめ
- 黄金比をサイトのデザインに取り入れる簡単な３つの方法
- フェルメールやゴッホ、北斎など西洋・日本の名画を楽しめるサイト集
- 美しい日本語を使いたい、ワンランク上のビジネスメールの作法
- 著作権・肖像権について、写真やイラストなどの素材を安全に使うために知っておきたいこと
