Webデザイン

Webデザイン

HTML・CSSのコードをコピペできるライブラリ集

2023/5/13  

HTML・CSSのコードをコピペできる便利なサイトを集めました。 動きの勉強にもなると思います。 CSS Stock https://pote-chil.com/html-maker/   ...

Webデザイン

画質の低い粗い画像をキレイに拡大するツール「Image Upscaler」

2022/7/27  

画質の低い画像をサイトにドラッグして放り込むと、AIが解析して倍のサイズでシャープに変換してくれます。 有料プランだとサイズを4倍まで拡大できますが、無料でも十分です。 サービスは下記サイトです。 h ...

Webデザイン

「Cleanup.pictures」を使って画像の不要な部分を消してみる

2021/11/8  

オンライン上で画像加工ができる「Cleanup.pictures」を紹介します。 このツールは、画像上でドラッグするだけでその部分を消してくれますが、自動的に周りに合わせて補正してくれます。 早速使っ ...

Webデザイン

商用利用無料・クレジット表記不要のイラスト素材サイト

2020/10/13    

Web制作において、商用利用無料でクレジット表記も不要の素材はありがたいですよね。 画像素材は紹介されている記事も多いですが、今回はイラスト素材を配布しているサイトをご紹介します。 いずれも商用利用無 ...

Webデザイン

無料のホームページ制作ツール「Wix」を使ってみました

2020/8/23    ,

はじめに、この記事は2020年8月時点の内容となりますので、利用する時期によっては仕様など変わっている可能性があります。 また、この記事は「Wix」のザックリしたイメージを掴んでもらえればと思っていま ...

Webデザイン

よく利用しているジェネレーターなどをご紹介

2020/7/24    

web系の仕事で、便利なジェネレーターやツールなどをご紹介します。 サイト名クリックで公式サイトに別ウィンドウで表示します。   coolors 「coolors」は配色ツールです。1つ色を ...

Webデザイン

UIデザインの参考サイト

2019/7/2    

「UIデザイン」というのをよく聞くようになったかと思います。 そんな「UIデザイン」の参考になるページを紹介します。 細かい事ですが、実施するかしないかによって、使いやすさが変わると思います。 テキス ...

Webデザイン

Googleウェブサイトビルダーでページを作ってみました

2017/6/27    

無料で簡単にWebページが作れるということで試してみました。 ページ制作は下記から入ります。 https://www.google.co.jp/business/how-it-works/websit ...

Webデザイン

明日から「IE9」と「IE10」を切り捨てよう

2017/4/10    ,

2017年4月11日に、マイクロソフトが「Windows Vista」のサポートを終了します。 「Vista」のサポートが終了すると、今後は「Windows7」以降となり、IEも「IE11」だけサポー ...

Webデザイン

簡単に色々な機能を実装できる「StackPile」

2016/10/18    

Webサービス「StackPile」をご紹介します。 ユーザー登録後に、コードを1行貼り付けるだけで、ホームページに色々な機能が実装できます。 機能解除も1クリックで簡単です。 詳細や実装方法など、下 ...

no image

Webデザイン

「Photoshop CS6」と「Fireworks CS6」のスライス設定

2014/11/20    , ,

デザイン制作後にパーツをスライスして書き出す際のファイル名の設定方法です。 書き出す前に設定しておくと、ファイル名を変更する手間が省けます。 ◆Photoshopの場合 ファイル ⇒ Web用に保存を ...

no image

Webデザイン

【Photoshop】コンテンツに応じた移動ツールで物体を移動する

2013/10/13    ,

以前紹介した「一瞬で背景を消す」と「パッチツールで物体を消す」で紹介した内容に続き、今回もPhotoshop CS6の機能にある「コンテンツに応じた移動ツール」を使用して、物体を移動する方法を紹介しま ...

no image

Webデザイン

【Photoshop】パッチツールで物体を消す

2013/8/23    ,

前回の「一瞬で背景を消す」で紹介した内容に続き、今回はPhotoshop CS6の機能にある「パッチツール」を使用して、物体を消す方法を紹介します。 やり方は以下の手順ですが、「パッチツール」選択後に ...

no image

Webデザイン

1ページのウェブサイトを作りませんか?

1ページのホームページを作ります。 詳細内容およびサンプルページをご覧ください。 サンプルページはこちら このサンプルページのように、1ページ内に会社や店舗情報、写真アルバムなど掲載できます。 様々な ...

no image

Webデザイン

【Photoshop】 CS6で新しくなった切り抜きツール

2013/3/30    ,

CS6では、切り抜きと傾き(角度補正)を同時に行う事ができます。 以下動画の説明です。

no image

Webデザイン

商品やサービスの価値を伝える画像選び

2013/3/12    

Webにおいて画像は重要な役割を持っています。 「百聞は一見に如かず」とあるように、テキストで長々と説明するより画像1枚見せた方がイメージが伝わりやすいですが、その際、出来るだけ利用シーンが想像できる ...

no image

Webデザイン

【Photoshop】一瞬で背景を消す

2013/1/14    ,

「Photoshop CS6」で、背景を一瞬で消す機能がある。 今まではスタンプツールやブラシツールなどで地道に作業していただけに、実際にやってみると結構驚きだ。 やり方は下記になります。 1、「選択 ...

no image

Webデザイン

リコメンド機能

2012/11/12    

購入や閲覧履歴からユーザの好みを分析し、関連した情報や商品を表示する機能のこと。 これが結構重要で、このリコメンド機能から購入に繋がるケースも多くあります。 カラーミーショップなどのショッピングカート ...

no image

Webデザイン

人物のフリー写真素材サイト

2012/9/16    ,

風景や食物の写真素材は多くありますが、人物となるとなかなか良い素材が見つからないのが現状です。 このサイトは、人物写真を無料で使用でき、商用利用もOKとなっています。 モデルピース 人物写真素材をお探 ...

no image

Webデザイン

スマートフォンサイトのテンプレート販売・制作

Web担当屋のスマホサイトがありますが、この形式をテンプレートとして販売、制作いたします。 テンプレートを利用することで、格安で提供することが出来ます。 お客様より画像素材やテキスト原稿をいただき、こ ...

© 2024 Web担当屋 ブログ