デザイナーが確認しておきたい、デザインリソース完全ガイド 2016年度
オンラインホームページ作成ツール Webydo で働いている現役デザイナー達が、普段からよく利用している、作業を楽にするオンラインツールやリソース75個をまとめています。 ウェブサイトでよく利用する写真の見つけ方や最適化方法から、アイコンやフォント、配色などデザイナーが一度は困ったことのある問題を解決してくれる凄腕ツールが揃っています。現在の制作フローに活用し、より快適な作業を実現しましょう。 コンテンツ目次 イメージ画像・ビデオ動画の関連ツール アイコン関連ツール 書体、フォント関連ツール 配色カラーツール モックアップ＆プロトタイプツール ウェブサイト制作ツール コラボレーション、作業効率ツール デザインコミュニティーサイト オンライン・ラーニング、スクール イメージ画像・ビデオ動画 ShowBox – ブラウザ上からスタジオ制作されたような、高品質なビデオ動画を作成できます。 Cov
Web初心者だった私がWEBデザイナーになって1年半で勉強したこと・使用しているツールまとめ
プロフィールに記しておりますとおり、私は現在デザイン会社にて働いております。 昨年の3月、5年ほどやっていた「DTP・グラフィックのデザイン・レイアウト業務」から「Web担当」に相なり、日々勉強しながら仕事に臨んでおると言う状況です。 そのちょっと前までHTMLは妖精が書いていると思っていた私にとって、あまりに勝手の違う作業内容。最初は途方に暮れておりましたが、Twitter等で知り合うことのできた先輩Webデザイナーさん達のおかげもあり、現在では自分でWordPressのテーマを作成できるまでに成長することができました。頭を叩くと「ｾﾏﾝﾃｨｯｸ!」と音が鳴るまでになりました。 そんなわけでここいらで一度、自分がDTP→WEB担当になるにあたって勉強したこととか使っているツールとかをデロッとまとめておきたいと思います。 まずは業務をする上で必要不可欠になった言語や、作業効率を上げるために
[M]フリーランスWEB屋な私のデザイン制作環境公開！WEBデザインを完成させるまでのツールまとめました | miMemo(ミメモ)
[M]フリーランスWEB屋な私のデザイン制作環境公開！WEBデザインを完成させるまでのツールまとめました こんにちは！みう(@miu0512)です。現在フリーランスの私がWEBデザインを行うのに使っているツールをまとめました。制作環境は人によって違いますので、一番大切なのは自分に合った環境を整えること！それでは大公開です。 iMacを購入するまでの間、WinとMacを交互に使っています。 家にあるデスクトップは27インチのWindows。ずっとWinだけで制作を行ってきたのですが、MacBook Airを購入してからMacに使いやすいツールが多いことを知り、今ではWinとMacを使い分けて作業をしています。iMac購入予定！ デザインは王道のこのツール！手放せません 昔は高価で手が出せなかったAdobeですが、今では毎月3,000円〜5,000円と手軽に使用できるようになりました。 Ado
![[M]フリーランスWEB屋な私のデザイン制作環境公開！WEBデザインを完成させるまでのツールまとめました | miMemo(ミメモ)](https://cdn-ak-scissors.b.st-hatena.com/image/square/25f5c1da4fd2ae3627a02ec81bd6fcf40cdcf15f/height=288;version=1;width=512/https%3A%2F%2Fweb-mimemo.com%2Fwp-content%2Fuploads%2F2013%2F11%2FNKJ56_fudetoparetto.jpg)
jQueryプラグイン「jPlayer」の使い方｜HTML5プレーヤーのWeb埋め込み｜音声・動画配信（ストリーミング）｜PHP & JavaScript Room
$('#要素ID').jPlayer({ /* イベントハンドラ */ ready: function(){ /* 再生するメディアの定義(URLは相対・絶対パスどちらでも) */ $(this).jPlayer('setMedia', { mp3: '/content/media/audio/Q701.mp3', m4a: '/content/media/audio/Q701.m4a', oga: '/content/media/audio/Q701.ogg', /* サムネイル画像 */ poster: 'http://phpjavascriptroom.com/content/media/thumb/poster1.png' }).jPlayer('play'); /* 自動再生 */ }, /* プレロード（デフォルトは'metadata'、プレロードする場合は'auto'） */
あなたのサイトでカンタンに音声を再生できる4つの埋め込みプレイヤー
ポッドキャスティング、まだまだこれからではあると思いますが、様々なサイトで配信され始めてますよね。 今回はDigital Inspirationのエントリより、カンタンにサイトへオーディオファイルを埋め込める4つのプレイヤーをご紹介。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! MP3ファイルをサイト上でカンタンに再生できる埋め込みプレイヤー いずれのプレイヤーも、ソースコード中の”「MP3ファイルのURL」”（鍵カッコまでを含む）をファイルのURLに置き換えればカンタンに設置することができます。 1. Google Reader MP3 Player これはGoogleリーダー用のMP3プレイヤーなのですが、ちょっとした裏技でサイトに埋め込めてしまうもの。音量調節が細かく効くのでユーザービリ
最近流行してるエロサイトをぼくも作ってみたよ
最近、エロサイトを作ってみた系の話題が多く飛び交っているのをみて、なにか自分でも作ってみようと思ってノリでエロサイトを作りました。この乗り遅れた感はどうにもできないですが、読んでいただけるとうれしいです（まあまあ長い）。--------------------制作したサイト--------------------TENYAWANYA ARCHIVES（てんやわんや アーカイブス）http://www.10ya18.com 自己紹介というかスペックですが、23歳ふつうの新卒ギリギリ会社員です。みなさんと同じように「エロ」が大好きなため、エロサイトを作ろうと思ったのと最近の流行に乗っとけって感じで作った、この2つが今回制作しようと思った理由です。 参考にした記事はやはり最近話題になっていたものを含め、以下になります。 ・独学のプログラムでエロ動画検索を作ってみた！http://anond.ha
Archiva
My ErgoDox! 1ヶ月ちょい前のことですが。ErgoDox users meet upというマジキチ紳士の集いに参加してきました。 ErgoDoxそのものは前からちょっと気になってた程度ですが、尊敬する握力王が推奨しているとなれば、手に入れるほかありません。 HHKBの打鍵感は大好きですが、そろそろ新しいキーボードが欲しかったというのもアリ。 やっぱ入力装置は定期的に交換して、脳に刺激を入れてやらないとネ。 その点、カスタマイズ性の高いErgoDoxは最適だと思いました。 なお、ポート株式会社ではエンジニアの福利厚生の一環として「PC周辺機器購入制度」なるものが存在しており、どんなキーボードでも経費で購入できます。デザイナ、エンジニアは常に募集中です！（宣伝おわり） ErgoDoxとは 左右分割式のキーボードです。正確にはプロジェクト名と言ったほうが良く、ErgoDoxという商品が
Sublime Text 2 のススメ
皆さんはコーディングの際、どのエディタを使っていますか？僕はもっぱら Terminal で vim ゴリゴリ派だったのですが、人によっては Emacs だったり、Mac のアプリだと Coda とか TextMate が人気でしょうか。最近だと WebStorm とか Komodo Edit 辺りも人気あると聞きます。手に馴染んだエディタがあると、なかなか変える気にならないですよね。そんな中で僕が最近本気で使い始めているのが、最近海外のフロント系エンジニアの間で人気が高まっている Sublime Text 2 というエディタです。今日はこの Sublime Text 2 ( 以下 ST2 ) を紹介してみます。 Sublime Text 2 の魅力 # 僕の場合、vim がすっかり手に馴染んでしまっていたので、乗り換える必要性を強くは感じていなかったのですが、やはりプロジェクト単位で作業す
WordPressでブログじゃないWebサイトを作るときのいろいろ（サンプル付き）
とても長い記事になってしまいましたが、WordPress を使って、コーポレートサイトのサンプルを作ってみました。WordPress はブログだけじゃなくて、色んな Webサイトが作れますよね！今回は、私が WordPress でサイトを作る時にやっていることをまとめてみました。 今までこのブログの中で、いろいろな WordPress の Tips を書いてきました。でも WordPress を使った Webサイトの作り方そのものは、今まで書いた事がありませんでした。そこで今回は、 WordPress を使ってブログじゃない Webサイトをまるごとひとつ作って、私なりの作り方をまとめてみました。 今回のサンプルサイトでは、WordPress の固定ページ機能はもちろん、カスタム投稿タイプやカスタムタクソノミー（カスタム分類）を使って作っています。 ページを表示する為に使っているテンプレート
みんなのビジネスオンライン
みんなのビジネスオンラインは中小企業、個人事業主様を対象とした無料ウェブサイト構築サービスサイトです。みんビズのとはなにか、みんビズの心得、みんビズで作られたサイトの制作事例、ヘルプ＆サポートなどを掲載しております。インターネットは、すべてのビジネスを変える力を秘めています。 ウェブサイトを活用して生まれる新しいつながりが、 あなたのビジネスを豊かに進化させるはずです。 「みんなのビジネスオンライン」とともに、 ビジネスは次のステージへ。
人気ブログも夢じゃない！ブログのノウハウが詰まりまくった記事まとめ * 男子ハック
@JUNP_Nです。男子ハックも世間的には成功しているブログと評価していただくことが増えてきました。ありがとうございます。そんな僕らがブログを始める前、始めてから参考にした先輩ブロガーさん達のノウハウがたっぷり詰まった記事をまとめて紹介します。 本気でやれば誰でも人気ブログを作れる 人気ブログは誰でも作れる。僕はそう思います。要は「やったか」「やらなかったか」ということだけ。たったそれだけのコトだと思います。少なくとも「男子ハック」を例にとれば、Web上にたくさん散らばっているノウハウを本気でやってみた結果です。 実際にWeb上に散らばっているノウハウを正確に実行してきたか？と言えば、そうではないのですが、考え方や手法など参考になることは多くあります。 そうゆう方法があるのに、知っているのにやらないのはもったいない。 今回まとめて紹介する記事は、ブログを始めたばかりの人も、ブログを長く続け
第9回 ValidなHTML、ValidなCSS | gihyo.jp
W3Cが(X)HTMLやCSSについての勧告を出していることにより、Web制作者は仕様に沿って「正しい」(X)HTMLやCSSを書くことを求められています。 Validな(X)HTMLの基準として挙げられるポイント まず、 仕様のとおりに書かれている HTMLバリデータ[1]で減点されない ことが挙げられます。 DTD（文書型定義）に沿った(X)HTMLを書けば、このようなバリデータの検証でエラーがでないようにすることが可能です。 validだと何が良いのか XHTMLをXMLアプリケーションとして考えると、パースエラーの出ることのない利用価値のある文書となる（validではないものではパースエラーが出てしまう） 正しい(X)HTML文書に対してでないと、CSSが意図した通りに機能しない 点数が満点になることによる制作者の満足感が高まる 何回かこの連載で取り上げましたが(X)HTMLは文書
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webデザインのタネ | Web制作の効率化やトレンド・ノウハウ
NoisePNG - Generate noisy PNG-images with alpha-transparency
Yahoo | Mail, Weather, Search, Politics, News, Finance, Sports & Videos
[修正版]ウェブ制作価格を相場以下で受けている企業が覚えておいて損のない5つの防衛手段*ホームページを作る人のネタ帳![[修正版]ウェブ制作価格を相場以下で受けている企業が覚えておいて損のない5つの防衛手段*ホームページを作る人のネタ帳](https://cdn-ak-scissors.b.st-hatena.com/image/square/20e60dafbd3a5e5c465259c72af3a3a5532bcbcd/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-55.fc2.com%2Fe%2F0%2F1%2Fe0166%2Fl.jpg)
クライアントに突っ込まれにくいホームページリニューアルの見積もりの仕方
W3Q - Web業界で働く方専用のQ&Aサービス - Tters
http://cuaoar.jp/
山本みわ（茨城県議会議員）オフィシャルサイト
