Web制作の現場で使えるWebサービス13選！無料で使えるサービスを集めてみた | BUILD Journal
CSSコーディングに役立つサービスやWebサイト運用で役立つSEO関連のツールなど、Web制作の現場で使えるWebサービスを13個紹介します。ワンクリックで取得できるコードや、ドラッグ&ドロップだけで完結するものなど、直感的に作業できるサービスばかりです。あなたの現場でもぜひ利用してみてください。 Fancy Border Radius Generator CSSのborder-radius を使ってボックスや画像をユニークな形状に変化できるWebサービス。 Fancy Border Radius Generator シンプルなコードで実装可能です。 正方形の写真をCSSで変形させました 上のように正方形の写真をユニークな画像に見せることができます。 Fancy Border Radius Generator Clippy – CSS clip-path maker CSSのclip-pa
Instant chords for any song - Chordify
Guitar, ukulele, piano and mandolin. Get instant chords for any song. Search our 36 million+ songs
複雑なコードは不要！簡単に使えるHTML/CSSジェネレーター22選
今回はWeb制作で役立つHTML/CSSを生成してくれるジェネレーターを紹介します。 CSS3の登場でより高度なアニメーションや表現ができるようになりました。一方、CSS3のコードは複雑になりがちでプロパティの使い方を覚えるのも大変です。 ジェネレーターはリアルタイムでデザインを確認できたり、GUIで簡単にデザインを調整できたりします。より効率的なWeb制作を行うために、ぜひ活用してみてください。 WAIT! Animate http://waitanimate.eggbox.io/#/ CSSのループアニメーションで遅延を挿入するのは簡単ではありません。こちらのサービスでは一時停止機能をもったループアニメーションのコードを生成してくれます。いくつかの主要なアニメーションのテンプレートが提供されており、さらにカスタマイズも可能です。 Stylie http://jeremyckahn.gi
半透過マルチアイコンやファビコン(favicon.ico)作成。ギザギザの無い美しい影を持ったアイコン作成がフリーでできます。
PNG32bit(24bitアルファ付き)画像では、8ビット(256階調)の透明度が各ピクセルに割り当てられていますので、ドロップシャドウの部分も綺麗に再現されます。 GIFやPNG8ではアルファ値は1ビットですのでONまたはOFFの2階調しかありません。よって、透過を活かしたアイコンが作りにくく、どうしても汚い画像になってしまいます。 アイコンには 16x16 , 32x32 , 48x48 , 96x96 , 128x128 等の複数の画像を含めるようにしましょう。表示環境によって、より適した画像が表示されます。 ファビコンを作成の方へ： 16x16の画像を含ませて、ファイル名をfavicon.icoに変更すれば完成です(任意のファイル名でもOK)。 favicon(ファビコン)とはウェブサイトやウェブページに関連付けられたアイコンのことです。 faviconは日本では「ファビコン」と
これは使える！かわいい似顔絵・アバターが作成できるジェネレーター20選
Twitter, Facebookなどで利用できる似顔絵を作成できるジェネレーターを紹介します。 かわいい悪魔風の、おもちゃっぽいもの、動物もの、まんがやキャラクターもの、アートなもの、かなりリアルに作れるものまで、さまざまなものがあります。
CSS Sprite Generator
What are CSS Sprites CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image. This technique can
いかにもそれっぽい登録用のダミー個人情報を自動生成してくれる「Fake Name Generator」
By Joseph Holmes インターネットを利用する上ではSNSやネットショッピングなどへ、住所・氏名・年齢・生年月日・電話番号・性別・クレジットカードの番号などの個人情報をネット上に記録することがありますが、情報漏洩により流出してしまう事件もたびたび起こっています。そんな個人を特定できる情報はできるだけ登録したくないものですが、いかにもそれっぽい登録用のダミー個人情報を自動生成してくれるのが「Fake Name Generator」です。 ランダムな名前を生成する - Fake Name Generator http://ja.fakenamegenerator.com/ とりあえず偽の個人情報を作り出すには、トップページ上部の「生成」をクリック。 すると「Willis M. Smith」というアメリカ・オハイオ州在住の企業オフィスサービスのマネージャーで65歳男性の情報が表示され
Get a whole new identity at the Fake Name Generator
Username Flong1973 Password chahGi0lah Website theonlineactor.com Browser user agent Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:66.0) Gecko/20100101 Firefox/66.0 Finance MasterCard 5205 2564 3736 7071 Expires 7/2029 CVC2 346 Employment Company The White Swan Occupation Audio control engineer Physical characteristics Height 6' 2" (188 centimeters) Weight 211.9 pounds (96.3 kilograms) Blood type O+
真っ白な歯で笑顔に自信
芸能人のような白い歯を手に入れたいと思う人は多いのではないでしょうか。美しい白い歯を手に入れる方法として注目されているのが、歯のホワイトニングです。しかし、ホワイトニングと一口に言っても実はいくつか種類があり、それぞれ特徴やおこなうための費用が異なっています。 自分に合った歯を白くする方法を見つけられるよう、今回はホワイトニングの種類について紹介しましょう。 ホームホワイトニングの特徴 ホームホワイトニングは、その名の通り自宅でおこなうホワイトニングのことです。歯科医院で自分に合ったマウスピースを作ってもらい、そして専用の薬剤（ホワイトニングジェル）を使用して白い歯を目指していきます。 効果が出るまでは2週間ほどで、満足できる白さを手に入れるまでは2ヵ月ほどかかります。ホームホワイトニングをおこなう際の費用ですが、マウスピースを作成する料金と薬剤の料金を合わせて、1万5千円～3万円です。「
Unitag | Home of QR | The free QR code generator
3rd Floor, 86-90 Paul Street, EC2A 4NE, London, United Kingdom
DummyImage.com
by Russell Heimlich (@kingkool68) 600x400/000/fffSize / Background Color / Foreground Color . Format & Text DocumentationSizewidth x height Height is optional, if no height is specified the image will be a square. Example: https://dummyimage.com/300Must be the first option in the urlYou can specify one dimension and a ratio and dummyimage will calculate the right value. Example: https://dummyimage
Placehold.jp
基本 以下の形式で、指定したサイズの画像を作成することができます。 https://placehold.jp/{幅}x{高さ}.png 例) <img src="https://placehold.jp/150x50.png"> 背景・文字の色サイズを変更する https://placehold.jp/{文字色}/150x100.png https://placehold.jp/{背景色}/{文字色}/150x100.png https://placehold.jp/{文字サイズ}/{背景色}/{文字色}/150x100.png ※背景色・文字色はRGBの16進数表記 例) <img src="https://placehold.jp/24/cc9999/993333/150x100.png"> ファイルフォーマットを変更する URL末尾の拡張子で、pngとjpgの2種類が指定可能です。
Webデザイン作成に必須のツール＆効率化できるサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザインを行う上では、ツールを使うのが必須です。有名なものだとPhotoshopやIllustratorがありますが、「まずは無料で気軽にWebデザインをしてみたい」という人もいますよね。 そこで今回は、Webデザインに使える無料のツールやWebデザインを効率化できるサイトをまとめて紹介します。 今回紹介する無料のWebデザインツール・ソフト ワイヤーフレーム・モックアップ・プロトタイプ作成ツール グラフィックデザイン作成ツール（写真加工・イラスト作成） テキストエディタ（HTML・CSSのコーディング） 配色選びに使える無料オンラインサービス Webサイトが制作できるオンラインサービス （編集部注：この記事は2013年08月29日に公開された記事を再編集したものです。） ワイヤーフレーム・モックアップ・プロトタイプ作成ツール ※ワイヤーフレーム・モックアップ・プロトタイプとは？ ワイヤー
SMPRO
SMPRO user’s works #Apple #AppleWatch #AppleWatchUltra #watchOS #watchOS9 #watchOS10 #Music Apple in watchOS10 introduces a new Music player which do you prefer between watchOS 9 and watchOS 10? pic.twitter.com/OZQtiMX4kH — AR7 (@AR72014) June 11, 2023 iPhone and Android users, what is the last song you listened to? 🎧 pic.twitter.com/KrjS8epCwj — Joe (@RealJoseph123) April 20, 2023 We're thrilled
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Initializr - HTML5 project - template
Calligraphr - Create your own fonts.
これはスゴイぞ！Bootstrapのページ作成が積み木感覚で簡単にできてしまうジェネレーター -lollytin
各ソーシャルサービスのシェアボタンをJavaScript無しのシンプルなコードで生成するジェネレーター
http://yuma-z.com/blog/2014/04/ambient_sound/
TechCrunch | Startup and Technology News
