ASCII.jp：40分で覚える！jQuery速習講座

2010/02/16 2413 users ASCII.jp jQuery 要点 Webデザイナー 基本

いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しま... 続きを読む

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

2011/03/23 2399 users designaholic Creative Column

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

ASCII.jp：絶対見ておきたい有名企業のスマホサイトまとめ

2011/02/21 2152 users ASCII.jp 有名企業 スマホサイト iPhone iOS

iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実... 続きを読む

国産限定・Web制作時に覚えておくと便利な14のフリーのWebサービス - かちびと.net

2009/10/05 1865 users net WEBサービス 一役 国産 純国産

最近、国産のWebサービスも かなり勢いがあるなぁと思ったので ちょっとまとめてみました。よく 紹介されるのは海外製ですが、 それに劣らないMade in Japanの Web制作者が知っておくと便利そうな フリーのWebサービスをご紹介します。 順不同です。日本語が完全に通じる海外Webサービスも今回は省いて純国産のWebサイト制作に一役買ってくれそうなWebサービスをご紹介したいと思います。出... 続きを読む

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

2011/08/31 1751 users Design Spice Webサイト

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

WEB制作者のための32個のブックマークまとめ（part2）*ホームページを作る人のネタ帳

2007/05/30 1328 users ネタ帳 part2 ブックマークまとめ ホームページ エントリ

ネタ帳は、売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタに使えるエントリを書いています。 WEBツール CSS Dock Menu マックのドックのような動きをするインターフェイスタブをあなたのページにつける事が出来るツール。動きが滑らか。 Dynamic Page Flip v2 from shift+control 本をぺらぺらとめくるようなイメージギャラリー... 続きを読む

web制作者のための2009年話題になったサービスいろいろ*ホームページを作る人のネタ帳

2010/03/17 1220 users ネタ帳 ホームページ サービス ジェネレータ ウットリ

ちょいと古めのうっとりくるサービスやエントリーを持ってきました。 なんて事はない。私がお勧めする2009年度に話題になったwebサービスや、ジェネレータを中心に、厳選してお届けいたします。 Twtiiter関連多し Twitterプロフィール検索 その名のとおりついったーのプロフィールを検索する検索エンジン。同じような趣味を持っている人を探すときなどに使われる。 ついったーの友人関係を可視化するw... 続きを読む

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

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

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

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

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

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

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

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

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

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

2014/06/09 825 users コムテブログ 知識

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

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

2013/12/28 820 users ネタ帳 新米デザイナー ホームページ FEVDES BLOG

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

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

2014/05/26 815 users 株式会社LIG マジ

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

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

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

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

WEB制作者が一度は触ってみておくべきオープンソース『Ext』*ホームページを作る人のネタ帳

2007/07/18 768 users ext Hello World ソース ネタ帳 甘い期待

（2007.7.20 記事更新） 誰かがそろそろExtについて詳しい事を書いてくれるのではとか、甘い期待をしていたけど、ぜんぜん出てこないって事は人気がないって事なんでしょうか。 でもこれ、相当すごいものだと思うんです。 例えば、このページ（hello worldをクリック）だけをとっても良い動きをしてくれるのが確認できると思います。 なので今回はJavaスプリクト＋Ajaxなオープンソース『Ex... 続きを読む

web制作者の為の2007年7月に見逃がせないベストエントリ66個ほど*ホームページを作る人のネタ帳

2007/08/16 742 users ネタ帳 ホームページ アイコンセット ロイヤリティーフリー

2007年7月に話題となったエントリーの私のブックマーク66個のまとめです。 もしかしたら見逃してしまっている記事があるかもしれませんので、興味のある方は暇なときにでもダラ見してみてください。 アイコン・ブラシ アイコンサーチエンジン フリーで使えるアイコンのサーチエンジン。 フリー・ダウンロードのためのアイコンセット ロイヤリティーフリー。 シンプルなアイコン ライセンス：CreativeCom... 続きを読む

WEB制作者とブロガーの『遊び心をくすぐる』26のブックマークまとめ*ホームページを作る人のネタ帳

2007/06/06 711 users 遊び心 エントリ CSS ブロガー ネタ帳

ネタ帳は、売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタに使えるエントリを書いています。 今回まとめた内容をあらかじめ言っておきます。 CSS JavaScript イメージギャラリー Generator Ajax です。 とりわけJavaScriptやCSSは色々なブログでも使える為、ブロガーも頑張れば導入可能なプログラム等をなるべく多めにまとめました。 これは... 続きを読む

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

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

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

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

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

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

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

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

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

WEB制作者なら最低限知っておくべき色彩心理とWEBセーフカラー、WEBセーフカラーを出力するRubyコード - プログラマーkkの勉強/成長ブログ（@モバイル広告代理店ライブレボリューション）　

2009/03/26 625 users プログラマーkk Rails Rubyコード 色彩心理 最低限

Ruby/Rails, デザイン色彩は、Webサイトがどのように際立ち、ユーザの目にとまり、ユーザーにどのような感情を芽生えさせ、ユーザがどんな動作をするかに大きな影響を与える。 適切な色彩を使うことは、売上を増大させたり、滞在時間を長くしたり、直帰率を下げることにつながる。色彩心理　色　プラスの心理的影響マイナスの心理的影響　赤情熱的　活動的　晴れやか　暖かい　元気の良い　購買欲求安っぽい　派手... 続きを読む

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

2015/03/22 615 users CSS コムテブログ 勉強

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

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

2013/07/12 614 users アニメーション表現 制作案件 CSS3 W3Q 注目度アップ

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

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

2012/04/28 604 users GW中 W3Q スライドまとめ8つ スライド おすすめ

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