[B! web制作] mitttsのブックマーク

mittts id:mittts

web制作に関するmitttsのブックマーク (435)

デザイナーがバナー制作でお小遣い稼ぎをするための全知識 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ソウルドアウト株式会社のなごです。 Web制作で収入を得たい・増やしたい人にとって、バナー制作は空いた時間でサクッとできるのでおすすめです。昨今は、クラウドソーシングによってバナー制作を外注する企業が増えてきているので、そこまで高度な技術がなくとも、5,000円～50,000円のスポット収入が得られます。今回は、バナー制作によって、簡単にお小遣い稼ぎをするために必要な知識をすべてまとめました。社会人や学生、主婦の方など、空いた時間にお小遣い稼ぎをしたい人にも、Webデザイナーとして独り立ちするために実績を積みたい人にもおすすめです。﹁成果が出る﹂バナーを作るには？バナー広告の制作には、デザインスキルだけでなくWebマーケティングやコピーライティングのスキルも重要です。とくに副業や就転職を見据えてプロレベルのスキルを身に着けたい……という方は、Webの知識を総合的に学べる
mittts 2015/05/21
バナー

デザイン

まとめ

web制作

仕事

副業
リンク
非エンジニアのためのこれだけは押さえておきたいWEBサービスの基礎技術
本スライドはTECH::CAMP主催で2015年4月11日、4月19日に200名以上を動員して開催された「非エンジニアカンファレンス」の勉強会資料です。 ※本資料は説明のため簡易に表現している箇所があります。 TECH::CAMP: https://tech-camp.in/
mittts 2015/05/07
webサービス

Web制作

基礎
リンク
ウェブサービス開発の現場におけるデザイナー不要論と5〜10年後の生存戦略 - 情報建築家石橋秀仁
本稿では、まず﹁ウェブサービス開発の現場で、ウェブデザイナーの仕事はエンジニアに奪われつつある﹂という脅威を語る。次に、生存戦略を考えるヒントとして﹁分かりやすい生存戦略﹂を2つ提示する。﹁アートディレクター﹂と﹁フルスタックウェブデザイナー﹂という2つの生存戦略だ。なお、﹁仕事を奪われていくプロセス﹂と﹁生存戦略を遂行するプロセス﹂について、5〜10年程度のタイムスパンをイメージしている。ウェブデザイナーの仕事がエンジニアによって奪われつつあるウェブサービス開発の現場では、ウェブデザイナーの仕事がエンジニア／プログラマーによって少しずつ奪われつつある。とくに小さな組織や新規事業の現場では。象徴的なのは﹁Bootstrapがあればデザイナー不要だよね﹂論。﹁もはや社員としてデザイナーを雇う必要はなくて、必要な時にランサーズで発注すればいいよね﹂﹁スタイルシートいじったり画像パーツ作
mittts 2014/08/26
デザイン

web制作

仕事
リンク
これはスゴイぞ！Bootstrapのページ作成が積み木感覚で簡単にできてしまうジェネレーター -lollytin
HTMLやCSSの知識は不要！積み木感覚でレイアウトを組み立てるだけで、簡単にBootstrapのページ作成ができてしまうウェブサービスを紹介します。ほんの数分で、今時のかっこいいページが本当に簡単にできちゃいます！
mittts 2014/07/08
bootstrap

簡単

html

レイアウト

フォーム

web制作

webデザイン
リンク
Photoshopで写真を手書きの鉛筆画風に加工する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。絵を描くのが趣味です。最近は絵を書く時間が全く持てなくて困っています……。どうにか早く描けないものかと悩んだ末、表題の通り、﹁写真から絵を作ってしまおう﹂という結論に至ったわけです。折角だし、絵が描けなくて困っている方たちにも役に立つテクニックなのではないかということで、やり方をさくっと説明してみたいと思います。︻こちらもおすすめ︼ ☞ Photoshopで初めて写真加工をするときに知っておくべき基本手順まとめ素材写真を用意する鉛筆画らしく見せるためには、まず写真を切り抜いておきましょう。アウトラインを抽出次に、以下のステップを踏んで、アウトラインの抽出を行います。 cmd + Jでレイヤーを複製します。 cmd + Iで反転させます。 Shift + Alt + D　で　描画モードを﹁覆い焼き﹂にします。﹁色相・彩度﹂の調整レイヤーを
mittts 2013/09/03
よい

写真

テクスチャ

デザイン

時間

背景

Web制作
リンク
Webデザイナー検索・登録／フリーランスWebデザイナーHP集
北海道 (7) 青森 (4) 秋田 (3) 岩手 (1) 山形 (5) 宮城 (4) 福島 (5) 茨城 (1) 群馬 (4) 栃木 (2) 埼玉 (8) 東京 (52) 千葉 (10) 神奈川 (27) 山梨 (3) 長野 (3) 静岡 (6) 新潟 (1) 富山 (3) 石川 (5) 福井 (4) 愛知 (9) 岐阜 (5) 三重 (4) 滋賀 (4) 京都 (12) 大阪 (25) 奈良 (2) 和歌山 (3) 兵庫 (14) 徳島 (3) 香川 (2) 愛媛 (7) 高知 (1) 岡山 (3) 広島 (4) 鳥取 (1) 島根 (1) 山口 (2) 福岡 (21) 長崎 (5) 佐賀 (1) 大分 (2) 熊本 (2) 宮崎 (1) 鹿児島 (3) 沖縄 (5) 海外 (1)
mittts 2013/05/09
まとめ

デザイン

web制作

webデザイン
リンク
ホームページビルダーを無料でお探しなら＞ホームページ作成ツール19個
1500以上の会社、お店が利用中の月額無料HP制作サービス﹁HPの制作を安心して任せられる業者が見つからない＞＜﹂そんなふうに頭を悩ますアナタ。以下の﹁ウェブさえパック﹂はもうチェック済みですか？HPを作るのに必要なものがパッケージになってるお得なサービスです。料金と事例を見てみる︻発表︼最新のHP作成方法はこちらへホームページビルダーを無料でお探しのあなた。ホームページビルダーといえば、これ↓ ﹁ジャストシステムのホームページビルダー﹂なら、こちらですぐにダウンロードできます。しかし、焦らずちょっと待ってください。 web制作歴14年目の僕は、ジャストシステムのホームページビルダーをおすすめしません。なぜなら、このJustSystemホームページビルダーには以下のようなデメリットがあるからです。ダウンロードしてからインストールするのが面倒レンタルサーバーも必要。そ
mittts 2013/05/09
ツール

無料

ブラウザ

Web制作

webデザイン

webサービス
リンク
もうCSS3で悩まないチートシート/リファレンス系サイトまとめ
先日書いたCSS小ネタまとめのようにCSS3も使えば使うほど味が出て、応用次第で色んなことできて楽しいですよね。私も大好きです、CSS3。IE非対応云々のためハックがどーこーとかめんどくさいことはありますけど。というわけでここらで初心者からパワーユーザーまでぜひおさえておきたいチートシートページやリファレンスサイトをまとめておきますので参考にどうぞ。 CSS3の困った/アレが知りたい、はここで調べよう筆者選で7つほど。他にもいろいろあるんですが、読みやすいのメインに挙げてみました。 1.E BISUCOM TECH LAB : CSS3プロパティ＆ブラウザ対応一覧恐ろしくまとまり過ぎているページ。もともと書籍の巻末付録だったものをWebで公開しているらしいです。各プロパティの対応ブラウザが一目でわかるのがありがたい。ベンダープレフィックスの要・不要とかまで書いてます。時々更新されて
mittts 2013/03/05
css3

まとめ

WEBデザイン

web制作

チートシート
リンク
簡単に今すぐできる！WEB制作を「はじめて」する人が分かるまとめ
作成‥2013/03/4 更新‥2014/11/01 Web制作 > もし﹁全部﹂自分でやることになっても一人でサクッと作れるようになりたい今回はWeb制作や、ツール・ソフトの使い方が﹁簡単﹂に分かる、デザインが良い﹁マニュアル的﹂なサイトを抜粋しまとめました。エンジニア速報は Twitter の@commteで配信しています。もくじ1．Photoshop (フォトショップ) ２．Illustrator (イラストレーター) ３．Dreamweaver (ドリームウィーバー) ４．iPhone アプリ5．Kindle 出版6．WordPress7．スマートフォンサイト8．アフィリエイト9．アクセスアップ / ブログ10．ライティング11．SEO12．プログラミング13．html / CSS14．Google Analytics １５．レスポンシブ Photos
mittts 2013/03/05
まとめ

web制作

webデザイン
リンク
デザイン時に注意したい角丸の使いかた - Design Color
もくじ大きな角丸はあまり使わないほうがいい理由要素によって角丸の大きさを使い分ける理由大きめの角丸でもおかしくない場合は？角丸の大きさを後から調整するPhotoshopプラグインはじめになんとなくで使っていたけど、一度ちゃんと考えてみよう！と思わせてくれたきっかけは、こちらのスライドでした。今回は、こちらのスライドの角丸についての部分に沿って考えていこうと思います。少ない手間と知識でそれなりに見せる、ズルいデザインテクニック大きな角丸はあまり使わないほうがいい理由﹁ズルいデザイン﹂のスライドでは、﹁角丸は5〜6pxくらいが最も無難でキレイ﹂とのこと。また、下記のようにも言われています。﹁R半径が大きい角丸は、野暮ったいデザインになりやすいので、あまり使わないほうがよいです﹂引用元‥少ない手間と知識でそれなりに見せる、ズルいデザインテクニックたしかに、私も以前に、デ
mittts 2013/02/12
デザイン

web制作

角丸
リンク
知らないといつまでたってもHTMLとCSSが理解できない暗黙の仕様4つ
調べる。備忘録としてwebやデザインについて調べたり新しく知ったことなどを書き残していくカテゴリです。
mittts 2013/01/23
html

web制作

文字

設定

css
リンク
色選びでもう迷わない！配色の定石パターン | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
最近、チャリを手に入れた。しかも、新品のやつだ。前にかごもついてて、後ろに荷台もついてる！さらに鍵もついてる至れり尽くせりな優れものだが、どういうわけかチリンチリンがついてないんだ！なんでついてないんだチリンチリン！必要だろチリンチリン！人ごみとかこう、かきわけ、あ、どうも、僕です。今日は色選びで迷わないための配色の定石パターンについて書こうと思うよ！その前に色の表現方法の基礎知識についてちょっと勉強しようね！色の表現方法色とは、可視光線の波長の違いによって、人間の目に存在する細胞が反応し、脳に伝わって認知する現象のことを言うわけですが、まあ、そんなめんどいことはおいといて、色とは﹁赤﹂とか﹁青﹂とか﹁緑﹂とかそういうもののことをいうわけですな。ちなみに色を識別する細胞は目の中心部分に集中してて、視野の外周部分の色って実は実際には見えてなくて、脳が視界を認知する際に補
mittts 2013/01/15
配色

パターン

Web制作

簡単
リンク
このWEBサービスやアプリ達に感謝しなければ年を越せない！僕が今年使い倒した2012年のベストを全部ご紹介！ | バンクーバーのうぇぶ屋
mittts 2012/12/20
まとめ

web

お役立ち

web制作

webサービス
リンク
HTMLコードを解析して問題箇所と理由を知らせてくれるブックマークレット・HTML_CodeSniffer
HTMLの構文チェックをその場でできるブックマークレットです。問題箇所の数や、問題箇所もおしえてくれます。割と便利そうだったのでご紹介してみます。 HTMLのlintです。ブックマークレットを起動させてその場で解析、問題箇所も教えてくれます。 OSSとしてGithubでも公開されてますので日本語に直しての利用も出来ますね。 ↑ 起動させるとすぐに解析してくれます。 ↑ 表示されたボックス下部のView Reportに進むと個別箇所が一覧で表示され、それぞれの問題箇所を上図のようにアイコンで教えてくれます。 errorとwarningの表示/非表示のスイッチも出来ます。なかなか便利ですね。 HTML_CodeSniffer
mittts 2012/12/14
web制作

html5

jquery

html
リンク
ウェブデザインのセンスを磨く！ 2012年下半期洗練されたディテールのUIデザインのまとめ
2012年下半期、チェックしておきたいUIデザインをdribbbleから紹介します。 PSDやPNGファイルをダウンロードできるので、勉強にもなりますよ。下の方は、さまざまなエレメントが揃ったUIKitです。
mittts 2012/12/13
まとめ

デザイン

webデザイン

web制作

デザイン参考
リンク
第II領域投資の時間の重要性
ShareWis is an online learning platform with Snack Courses and Pro Courses. You can get smarter a bit just in 90 seconds with the Snack Courses and improve your skills with the Pro Courses created by professional instructors.
mittts 2012/12/12
これ見たい

wordpress

ブログ

簡単

まとめ

web制作

チュートリアル

Webサイト
リンク
html5-memo.com
mittts 2012/12/11
web制作

webデザイン

スライドショー

jquery

html

画像
リンク
BootstrapのCSSを簡単にいい感じにカスタマイズできる厳選サービス２＋１つ紹介 | DevelopersIO
Bootstrapいいよね Bootstrapです。大人気の見た目系フレームワークですね。いろんなサイトで見かけます。自分もそうなのですが、エンジニアでコードは書くけどデザインの事はよく知らない。だけど﹁使いやすくて、いい感じにしたい﹂という欲求を満たしてくれてます。ただ、デフォルトは見やすいんだけど、ちょっとカスタマイズしたいなとか、色指定があった場合など困りますね。例えばありそうなのが﹁コンテンツ管理画面を作りたい、デザインは特にこだわらない、けど使いやすいのがいいな。﹂とかさらに﹁イメージカラーが青だからそれベースで﹂とか。そんなあなたにぴったりな厳選ツールを紹介しちゃいまっくすぅ〜！ Lavish 〜画像から配色を生成してくれます〜このサービスは画像を解析してBootstrapの配色を捻り出します。何処かの企業向けに作る場合に企業のロゴなどから配色してみるといい感じにな
mittts 2012/12/06
bootstrap

配色

web制作

デザイン

Webデザイン
リンク
Photoshopでウェブページのインターフェイスを作成するチュートリアルのまとめ
ブログやポートフォリオ、Eコマース、コーポレートサイトなどに、レトロ風、スタイリッシュ、クリーン、スリーク、背景に写真、イラストを使うなど、ウェブページのユーザーインターフェイスをPhotoshopで作成するチュートリアルを紹介します。
mittts 2012/12/04
レイアウト

背景

web制作

デザイン

webデザイン

チュートリアル

PhotoShop
リンク
html5-memo.com
mittts 2012/11/29
分かりやすい

wordpress

web制作

webデザイン

基本

簡単
リンク
1 2 3 4 5 6 7 8 9 10 次のページ