WEBデザインが独学で身につく！WEBデザイナー必見の神サイト20選
2023年2月17日 Webデザイナー1年生はもちろん、Web製作に携わるものなら絶対に知っておきたい神サイトを完全収録しました。 独学でWebデザインを勉強したい人、優秀な先駆者たちの知恵を吸収し飛躍したい人は要チェック。 WEBデザイナー必見の神サイト20コリスWebクリエイターボックスコムテブログかちびと.netバンクーバーのうぇぶ屋ホームページを作る人のネタ帳creive【クリーブ】BlackFlagDesignDevelopArchAteitexe アテークゼウェビメモWebparkNxWorldデザイナーのイラストノート株式会社LIGMdN Design InteractiveドットインストールProgateschooコリス コリス サイト制作に関する最新の情報をご紹介 サイト構築、WordPressのTipsを得られます。ただし、Webデザイナー１年制が、今からの更新情報を受
5分で分かるフラットデザイン
iOS 7やWindows 8も採用した「フラットデザイン」。実際にフラットデザインを実現するにはどうすればいいのだろうか。 1分－フラットデザインとは何なのか アップルの開発者向け年次イベント「Worldwide Developers Conference（WWDC）」が米国時間6月10日に開幕し、基調講演で同社モバイルOSの次期版「iOS 7」が発表された。見た目の印象が従来版からガラリと変わっている。これは「フラットデザイン」という手法を採用したからだ。 フラットデザインとは、簡単にいうと、グラデーションを利用しない非常にのっぺりとしたデザインのことだ。
スマホサイトに入れると使いやすくなる！おすすめjQuery4選！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも、はやちです_(:3」∠)_ スマホに使うとよりサイトが見やすくなるjQueryをまとめてみました。 アコーディオン アコーディオンみたく開閉式のメニューが実装できるjsです。 記事の多いコンテンツをまとめるのに便利ですね。 ■動きをみる HTML <dl class="acordion"> <dt class="trigger">アコーディオンメニュー<span class="open-close">open</span></dt> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキスト テキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキ
第57回 Web屋の喜び
Web業界の話を，大学でさせていただいたことがあります。20歳前後の，理系の学生達100名ほどだったでしょうか。調子に乗って，日々の様々な意味での格闘やクライアントとの葛藤など，自分では面白おかしく話したつもりでした。けれど，話し終わった後に，二人の若者に質問された時，とんでもないことをしたのかもしれないと愕然となりました。彼らの質問は，「Web業界に行きたいんですが，やっぱり，眠れませんか？」というものだったのです。 私はこの時，この業界の楽しみを，後続ランナーにきちんと話せていないことに気付かされました。私だけでなく，多くの現役が，Webの魅力だけでなく，Web屋の魅力をも伝えなければ，業界として産業として，優秀な若手を獲得できる訳がありません。 何がWebに惹き込んでくれたのか 昔話になりますが，私をWebに惹き込んでくれたのは，LaTeXでした。理系の大学で学んでいた頃，このテキス
日本企業のウェブの申し込みフォームに多くの不備――フォレスターのアナリストが指摘
インターネット上で買い物をしたり、コミュニティーに参加したりする際に、名前や住所、電話番号といった個人情報を入力するのは一般的です。日本企業のサイトの申し込みフォームには多くの不備が見られるそうですね。 ブラウン：私は日本に10年以上住んでいます。日本語での申し込みフォームの記入が不便だと感じることはありましたが、母国語でないことが理由と思っていました。日本語の能力に問題があるのかと。でも日本人の友人と話していると、彼らにとっても申し込みフォームは使いづらいときがあると聞きました。 日本語の場合、漢字や平仮名、カタカナ、アルファベットという文字の使い分けに加えて、全角と半角も選択も迫られてただでさえ複雑。ボックスを移るごとに自動的に文字の種類や全角・半角などが自動的に変わるようにデザインされているものは便利です。 他に気づいた点はありますか。 ブラウン：「戻る」「次へ」といった逆の意味を持
Yahoo!JAPANが今秋リニューアル、ただいまα版を試験運用中
ヤフーは2007年7月5日、現在アルファ版としてテスト運用している「Yahoo!JAPAN」のトップページのリニューアルについて全容を明らかにした。 トップページの変更はベータ版として2007年秋から実施し、正式版は2008年初旬から提供を開始する。ただし、2007年6月27日～7月10日までアルファ版としてテストを実施中。Yahoo!JAPANに訪れたユーザーに対してランダムに新しいトップページを表示して、アンケートを実施しているという。「同じユーザーが200回訪れて1回表示されるかされないかの割合。期間中に200万人ほどのサンプルを収集できる予定」（ヤフーのサービス統括部企画1部トップページ企画西田修一氏）。 新しいトップページは縦3段の構成で、従来740ピクセルだった横幅を950ピクセルに拡大。一番左の段には「今回の目玉であり、大きな変更点」（西田氏）でもあるYahoo!JAPANの
第28回 NPO法人やボランティア団体のホームページ事情：NBonline(日経ビジネス オンライン)
企業Webサイトとの違いは？ 先日、とある「ホームページ勉強会」に参加した。「勉強会」といっても、学術的に難しい議論をするのではなく、特定のテーマのNPO（非営利組織）法人やボランティア団体が、「わたしたちの団体のホームページを、どうしたらいいのか」を考える集まりで、もちろん、ビジネスとは無関係である。いわば「ちょっと知恵を貸して」というパターンだ。 実を言うと、この種の依頼は困ることも多い。ビジネスではないとはいえ、いろいろ聞かれれば、やはり真剣になってしまうのは仕方がない。そうなると「ホームページの位置づけ」や「発信する情報の構成」やら、NPO法人やボランティア団体にとっては「ほじくりかえす」ような領域に触れることにもなる。「誰が、いつ、どこで、（ホームページの）情報を更新するか」も議論になり、結局は「（作業の）負担が増える」ため、二の足を踏むことになる。 企業Webサイトならば、提案
サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論 [絵文録ことのは]2006/11/25
このブログの本文の横幅は、かなり狭い。それはなぜか。 結論から言えば、「ブラウザで見るときの実際の横幅」と「印刷可能な横幅」の二つの要素が大きな要因となっている。画面そのものはかなり広くても、実際に見るサイズ、そして印刷したときにはみ出ないサイズというのは案外小さい。 このことを実際の統計数値を交えて書いてみたいと思う。 ■画面の広さ 以前の旧デザインでは、横幅を指定せず、可変幅で表示していた。たとえばここなどを見てもらえばわかるが、ブラウザを小さくすればそれに応じてサイズが縮まる。したがって、どんな幅のブラウザでも（狭すぎると困るが）はみ出ることはないし、また、印刷するときにもきちんと印刷される。画面上で見るときの「横スクロール」というのは想像以上に鬱陶しい。 だから、可変幅というのは、ある意味、無難な正解といえる。 ■一行の長さは40字前後にしたい しかし、画面そのものがかなり大きくな
第22回 「サルベージ（ゼロから再構築）」と「リニューアル」の不思議な関係：NBonline(日経ビジネス オンライン)
第22回 「サルベージ（ゼロから再構築）」と「リニューアル」の不思議な関係 2006年11月24日 金曜日 帰ってきた顰蹙の魔王 気が重い「ゼロから再構築」も意義深い できれば断りたい依頼のひとつに「サルベージ」がある。といっても、おそらく一部の限られた同業社にしか伝わらないだろう。カッコをつけて「サルベージ」などと呼んでいるが、要するに、なんらかの理由で休眠状態になっているサイトやシステムを、ゼロから再構築することだ。大げさにいえば「スクラップサイト」の「再ビルド」となる。 技術やテクニックのレベルに限れば、なかには興味深いサイトやシステムも、ないわけではない。いわば、他人様がつくったサイトを後から診断するわけだから、スクリプトの流儀（？）や記述の個性らしきものもわかり、それなりに勉強になる部分も多いので、スタッフには歓迎されることもある。 ただ、この「サルベージ」は、一般的に「短納期、
我的春秋: JavaScript ソースが HTML から消える日
［2006-06-10 付記］このエントリーは、2006-01-05 時点のもので情報が古くなってます。現時点で把握している最新情報を「続 JavaScript ソースが HTML から消える日」にアップしましたので、あわせてご参照ください。 Behaviour.js ― JavaScript ソースを (X)HTML から完全分離できるライブラリ 昨日、職場の同僚の人がたまたま見つけた JavaScript ライブラリを教えていただたんですけど、これがもうびっくり！なんと、このライブラリがあれば、イベントハンドラーも含めて JavaScript ソースが (X)HTML の body 内から、ほぼ完全に分離できてしまいます！ しかも、HTML 内で JavaScript 関数を適用する場所は、なんと JavaScript ソース内に CSS セレクタを書き込むことで指定！あまり日本では取
多くのユーザーは一度に1本しかジュースを買わない ― ＠IT
ユーザビリティのヒント（1） 多くのユーザーは 一度に1本しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。（編集部） 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基本となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
