Web制作者が備えておきたい最新版チートシートのまとめ | コリス

2018/11/07 586 users コリス WEB制作者 まとめ

あれはどうだったかな？ という時にすぐ分かる、Web制作の実装や勉強に役立つチートシートを紹介します。 iPhone 8やXsのスクリーンサイズはいくつだったかな？ CSS FlexboxやGridの挙動がまとめて知りた...記事の続きを読む 続きを読む

Web制作者は使わないと損！Chrome 59でアップデートされたデベロッパーツールの便利な新機能 | コリス

2017/06/07 619 users デベロッパーツール コリス キャプチャ リソース CSS

What's New In DevTools (Chrome 59) Chrome 59 - What's New in DevTools -YouTube ページの軽量化: 未使用のCSSとJavaScriptを見つける フルサイズのスクリーンショットをキャプチャ リソースのロードをブロック 非同期コードの検証 コマンドメニューの統一 ページの軽量化: 未使用のCSSとJavaScriptを見つ... 続きを読む

Web制作者が備えておきたい最新版チートシートのまとめ、CSS3 Flexbox, CSSアニメーション, jQuery3, ES6, Bootstrap4など | コリス

2016/11/15 556 users コリス Flexbox セレクタ コーディング CSS

CSS3のFlexboxをはじめ、CSSアニメーション、CSSのセレクタ、jQuery3, ES6, Bootstrap4など、フロントエンドのマークアップやコーディングに役立つチートシートを紹介します。 ブックマークし ...記事の続きを読む 続きを読む

それなりに使える、Web制作者がお世話になる便利ツール | コムテブログ

2016/01/04 581 users コムテブログ 便利ツール WEB制作者 お世話

毎回使うわけではないけれど、いざとなったら意外と役に立つもの。今回はディレクターからコーダーまで「それなり」に使えそうなツールをまとめました。作業労力を軽減してくれる系です。 便利なツール ロゴの特許、商標の検索 キーワードを入力すると登録番号・出願・商標・出願人・登録日の他、ロゴイメージなどを見ることができるサービス、特許情報プラットフォーム。ロゴを作成し商標登録後はここでチェックしておきたいで... 続きを読む

1ページで完結、Web制作者が助かるチートシート・資料・PDFまとめ | コムテブログ

2015/08/10 941 users チートシート 完結 ワンクリック コムテブログ テンプレート

ページを移動せずにテンプレートや仕様書を確認したい。今回はPCの横に貼ったり印刷したり、ワンクリックで見れるように、1ページで完結している資料をまとめました。Web制作をする上で便利なチートシートや資料・仕様書まとめです。 もくじ WordPress版 受託用マニュアル １．ヒアリングシート ２．WP版ホームページ制作の流れ ３．WordPress管理マニュアル ４．WP版品質チェックシート ５．... 続きを読む

Web制作者はブックマークしておくと便利！HTMLやCSSやOGPやTwitterカードなどのコードを生成できるオンラインサービス | コリス

2015/07/01 587 users OGP コリス metaタグ シャドウ CSS

CSSの面倒なコード、アニメーションやグラデーションやシャドウなど、表示結果を見ながらコードを生成でき、HTML5のよく使うスニペットや新要素、MetaタグやOGPやTwitterカードなどのコードを簡単に生成できるオン...記事の続きを読む 続きを読む

Web制作者はおさらいしたい！CSSの勉強になる実用的な基本テクニックまとめ | コムテブログ

2015/03/22 615 users CSS コムテブログ 勉強 WEB制作者

実務で意外と使う基本的なものやトリッキーな小技。少ない記述で済むCSSテクニックなどをまとめました。今回はWeb制作に関わるなら、必ずおさえておきたいものや今後使っていきたいテクニック中心です。 もくじ 画像 １．画像の下にできる隙間をなくす ２．画像の下にテキストが回り込まないようにする ３．floatを使わずに横並び ４．デバイスによって、画像を変更する ５．画像の上に文字を配置 ６．鏡像 マ... 続きを読む

意外となかった！Web制作者が助かるヒアリングシートや問い合わせ返信に使えるテンプレート | コムテブログ

2015/01/04 515 users テンプレート ヒアリングシート コムテブログ WEB制作者

遠方のお客様からのサイト制作依頼、メール問い合わせがあった時に、どんな内容を返信すればよくて、どんなことを聞いておけば概算見積もり（初期費用・ランニング費用）を作りやすくなるのか。ヒアリング時も、ある程度聞き出したい。 ネットや本でも意外と「具体的な例」がないなぁと思い、今回はコーポレートサイトやECサイト制作依頼があった時に、メール返信や、最低限クライアントに聞いておきたいことや尋ね方をまとめま... 続きを読む

Web制作者は要ブックマーク！制作時にいろいろと役立つ便利サイトのまとめ | コリス

2014/09/12 511 users Bootstrap コリス Foundation ライセンス

Web制作時に、あれ？なんだっけな？って時に役立つ便利サイトを紹介します。 HTML5やCSS3の各ブラウザのバージョンごとのサポート状況、スクリーンサイズやデバイスごとのMedia Queriesの書き方、Bootstrap, Foundationなど各フレームワークの対応ブラウザやライセンス、ブラウザの各バージョンごとのCSS Hackなど、いざという時に役立つサイトばかりです。 Can I ... 続きを読む

Web制作者が捗る！知識が増える2014年トレンドまとめ | コムテブログ

2014/06/09 825 users コムテブログ 知識 WEB制作者

トレンド感のある動きや、洗練された見え方を実現するために、知っておきたいことや方法など。Web制作の現場で知っておくべきことをまとめました。全部取り入れるのは無理ですが、押さえておくことで今以上に見栄えのするサイトを作れると思います。ここ最近のトレンドをおさらいしたいときに。 もくじ ファーストビューで使いたいエフェクト １．ロングシャドウ ２．ポリゴン ３．ラージフォトスタイル ４．ブラーエフェ... 続きを読む

Web制作者がマジで学べる国内ブログ厳選10個【制作+SEO対策編】 | 株式会社LIG

2014/05/26 815 users 株式会社LIG マジ WEB制作者

制作系 以下7ブログが、デザイン、コーディング、CMSなど制作系の内容になります。 NxWorld http://www.nxworld.net/ どの記事もシンプルかつ丁寧な説明で非常にわかりやすいです。特にWordPressカスタマイズ系の記事が多く、「これ、まさに知りたかった！」っていうのが見つかることが多く、何度も助けられました。他にもデザイン素材、Webサービス紹介などなど、役に立つ情報... 続きを読む

いま一度知っておきたい！レスポンシブなサイトを制作するときに意識したい基本項目7つ

2014/03/12 668 users 一度 タブレットユーザー のび太 レスポンシブデザイン

どうも〜こんにちはぁ！　最近レスポンシブなサイトを作ることが多いライターの、のび太です。 モバイル、タブレットユーザーが最近どんどん増えてきているので、Web制作者にとってレスポンシブなサイトが作れるってことが必須になるんじゃないかなぁ〜って感じますね。 レスポンシブデザインを制作するときに意識しなきゃいけないことはいろいろありますが、今回は「これはぜったいに知っておきたいよね！」って感じた基本的... 続きを読む

Web制作者や、Web業界新入社員のためのベストエントリ48個 2013総まとめ*ホームページを作る人のネタ帳

2013/12/28 820 users ネタ帳 新米デザイナー ホームページ WEB制作者 エントリー

Web制作者や、Web業界新入社員のためのベストエントリ48個 2013総まとめ 2013/12/28 ツイート スポンサーリンク というわけで、今年も色々と読んでおくべきエントリーをまとめておきます。 デザイン WEBデザインが短期間に上達した方法 | FEVDES BLOG 『これは、自分が新米デザイナーだった頃にやっていた、デザインの上達方法です。上手くデザインができない！上手くなるにはどう... 続きを読む

ここ最近読んで勉強になったWeb制作関連のスライド10選（2013年6月～7月） - W3Q - Web制作者のお悩み解決サイト

2013/08/05 533 users スライド10選 勉強 Web制作関連 W3Q WEB制作者

ここ最近読んで勉強になったWeb制作関連のスライド10選（2013年6月～7月） ハートに響くUIを生み出すためのデザインプロセス / 体験から発想する意思決定・行動デザイン（UXD）... / つくらない ものづくり ~明日からできるリーンス...他...全10件 続きを読む

制作案件に使えば注目度アップ！CSS3を使った驚きのアニメーション表現 - W3Q - Web制作者のお悩み解決サイト

2013/07/12 614 users アニメーション表現 制作案件 CSS3 W3Q WEB制作者

制作案件に使えば注目度アップ！CSS3を使った驚きのアニメーション表現 一般的なサイト制作案件では、過度なアニメーション... / CSS3を使ったアニメーション表現 / Simple Icon Hover Effect...他...全10件 続きを読む

Web制作者が読んでおきたい、最近公開されたおすすめのスライドまとめ11個 - W3Q

2012/06/14 550 users W3Q WEB制作者 スライド おすすめ ノウハウ・Tips

[ノウハウ・Tips] Web制作者が読んでおきたい、最近公開されたおすすめのスライド 続きを読む

GW中にまとめて読みたい、Web制作者におすすめのスライドまとめ8つ - W3Q

2012/04/28 604 users GW中 W3Q WEB制作者 スライドまとめ8つ スライド

[ノウハウ・Tips] GW中にまとめて読みたい、Web制作者におすすめのスライド 続きを読む

WEB制作者になりたいと言う人が見ると良さ気な、様々なことを学べるサイト15選！ | バンクーバーのWEB屋

2012/03/14 508 users バンクーバー しつ 北米 野郎 Ｗｅｂ屋

しつもーん。『北米でWEB制作者になりたいです！専門学校に通うお金とか無いんですが、何か良さ気なサイトとかあったら教えてください！』 「なめんなよこの野郎。そんな都合の良いサイトあるわけ…ｺﾞｺﾞｺﾞｺﾞｺﾞ」とかっこよく拒絶するのは簡単なんですが、思えば今や通信学習やらオンラインコースやらと結構色々あるんですね。それどころか、「あぁ、もし僕が今からWEB制作学びますって時に、このサイト見てたらな... 続きを読む

Google Analyticsのカスタムレポートを使い倒す為の第一歩！時間／日付／曜日、各時間軸のカスタムレポートを作ってみる！ | バンクーバーのWEB屋

2012/02/29 871 users カスタムレポート バンクーバー 指標 曜日 日付

Google Analyticsのカスタムレポート、活用していますか？ 僕はGoogle Analyticsのカスタムレポートについては、その人のノウハウが詰まってることが多いので、できるだけ話題振って、面白そうなカスタムレポート作ってたら作り方教えてもらうことは多かったりします。 中には、思いもつかない解析方法を使って、独自の指標を持ってる人もいるので、結構一介のWEB制作者として気になっちゃう... 続きを読む

2011年Web制作者の人気を集めたWebデザインTop50（国内編）まとめ51個 - W3Q

2011/12/08 791 users W3Q 国内編 人気 ソーシャルブックマークサービス

Webデザイン専用のソーシャルブックマークサービス「straightline bookmark」から、2011年にWeb制作者の人気を集めたWebサイトTop50をご紹介いたします。 続きを読む

今年(2011年)参考になったWeb制作者向けのスライドのまとめ - かちびと. net

2011/11/28 683 users スライド PHP 復習 net 誤解

Web制作者というか、フロントエンド中心です。 WebデザインとかHTML5とかJavaScriptなどの スライドと、PHPなどが少し。タイトルで誤解 したらすみません。そろそろ年末年始の勉強 用に情報をまとめておきたいと思います。勉強 になるブログ記事！みたいなのはほっといても 誰かがまとめるんじゃないかな。 というわけで完全に自分用なのでいつも通り内容は偏ってます。一気にまとめて復習・・・出... 続きを読む

W3Q - Web制作者のためのQ&Aとキュレーションサービス

2011/10/23 859 users 問題解決プラットフォーム Ｑ＆Ａ形式 Web制作 対象 すべて

W3Qは、Web制作にかかわるすべての人を対象とした、Q&A形式で情報をまとめる問題解決プラットフォームです。 続きを読む

Web制作者は知っておきたいwebサイトのレイアウト7選 | Design Spice

2011/08/31 1751 users Design Spice Webサイト WEB制作者

レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。 レスポンシブwebデザイン エラスティックレイアウト リキッドレイアウト フレキシブルレイアウト 固定幅レイアウト グリッドレイアウト 可変グリッドレイアウト レスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを... 続きを読む

ASCII.jp：ここが変わった！HTML5マークアップ入門｜浜 俊太朗のHTML5マークアップ移行ガイド

2011/08/01 693 users 無印良品 ローソン 実務 俊太朗 移行

ローソン、無印良品、テレビ朝日など、国内でもHTML5で企業サイトを制作する事例が増えてきました。今すぐではないにせよ、「次のリニューアルはHTML5で制作したい」と考えるWeb制作者も少なくないでしょう。本連載では、「XHTML 1.0/HTML 4.01からの移行」をテーマに、HTML5マークアップの基本から実務で使用するポイントまで、ライブドアのマークアップエンジニア　浜 俊太朗さんが解説し... 続きを読む

WEB制作者なら必ず知っておきたいWEBツール21選｜designaholic -Creative Column-

2011/03/23 2399 users designaholic Creative Column

便利なジェネレータやチェックツールなどWEBサイトを制作する際に重宝するいろいろなWEBツールを工程別にご紹介します。 デザイン   Stripe Generator 背景画像に利用できる様々なストライプ画像を生成できます。 続きを読む