Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!
Written by Cody Lindley Sponsored by Frontend Masters, advancing your skills with in-depth, modern front-end engineering courses Download: PDF | epub Overview: This is a guide that everyone can use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2019. It is s
ARIA in HTML
ARIA in HTML W3C Recommendation 07 May 2024 More details about this document This version: https://www.w3.org/TR/2024/REC-html-aria-20240507/ Latest published version: https://www.w3.org/TR/html-aria/ Latest editor's draft:https://w3c.github.io/html-aria/ History: https://www.w3.org/standards/history/html-aria/ Commit history Implementation report: https://w3c.github.io/html-aria/results/implement
僕を独学だけでWebデザイナーにしてくれたおすすめ本１５選
photo credit: susivinh via photopin cc Webデザイナーといってもいろんな人がいると思います。制作会社で経験を積んだ人、美術大学を出てグラフィックデザイナー兼Webもやってますという人。そして僕のように独学でこの業界に入った人。 僕は主に本を読んで勉強しました。もちろん最初からうまくいくことはなく、苦労しながらデザインやコーディングのスキルを身につけたのですが、１つ言えることがあります。 それは「独学でもWebデザイナーになれる！」ということです。 一昔前なら独学で学べるほど本の種類も充実しておらず、独学で勉強するのは難しかったでしょう。しかし最近は海外の翻訳本も含めて非常に役に立つ本が数多く出版されています。 この記事では独学でWebデザイナーを目指している方にとくにオススメできる本を厳選して紹介します。 独学でWebデザイナーになるための本 デザイ
2016年 独りで新規WEBサービスを開発・運用した際の知見 - Qiita
私が新規WEBサービス立ち上げ時に取り組んだ内容についてWEBエンジニア向けにまとめた記事です。 例えばNginxの設定でHTTPヘッダーが正しく設定されているかを確認できるGoogleDevelopers PageSpeed Insights を知っていると大変有利です。もちろんPageSpeed Insightsを知らなくてもWEBサービスを公開・運用可能ですがユーザに意図せず不利益を与えていたり、知らず知らずのうちにモバイルフレンドリーでないとGoogleから検索ペナルティを加えられている可能性があります。この記事は独りで新規WEBサービスを立ち上げた際のノウハウと取り組んだ内容について記述しています。 1. 概要（5行くらいで） スマホ対応は必須。トラフィックの50%はスマホから発生する。 速度は武器！速いサイトはそれだけで価値がある。 SEOの内部対策は内部リンク整備とPageS
ここ半年で話題になったデザインに関する知見が広がる5つの記事 | creive【クリーブ】
直近半年で話題になった、デザインに関する知見が広がる記事を5つほどご紹介します。 「デザイン」といっても、様々な方向性の記事をとりあげていますので、興味のある分野があればぜひチェックしてみてください。 Webと紙の印刷物 Web制作の仕事をしている人に向けて、印刷に関する基礎知識と、その時に気をつけておくべき注意点が紹介されている記事です。 「Web」と「印刷物」の大きな違いをサイズ、レイアウトの可変性、データの拡張性、オペレーションの多様性（Webではクリックですが紙では触るなど）の4つを中心にとりあげて説明しています。 Web制作をしている人が、突如印刷物の制作を頼まれた時なんかにも、Webと紙の違いを理解して説明できると慌てずにものごとをスムーズにすすめることができると思います。 → WEBも紙も！ハイブリッドなクリエイターになるために ―印刷加工の基礎知識― デザイン思考の成功例
ワイヤーフレームコミュニケーション研究会
直前の告知になってしまい申し訳ありませんが、9月29日21時より @threepennie さん「Websig 24/7サイトマップ＋ワイコミ研」ということでUStreamを行ないます。 サイトマップとワイヤーフレームの標準ガイドラインを考える会のキックオフ番組となります。 詳細はこちら http://ow.ly/2Js6t 配信は、 http://ow.ly/2Js6u にて行なわれますのでお楽しみに！ ハッシュタグは#websigです。 第2回ワイヤーフレームコミュニケーション研究会が開催される2週間ほど前にTwitter上で、デザイナーの松原慶太さんとやりとりで、ワイヤーフレームのパーツをマグネット化できたらいいよねみたいな話し合いが行なわれました。 ホワイトボードとかに貼ったりしてアナログな状態でいろいろなブレストをやるためのアイテムという雰囲気です。 松原慶太さんは、標準Webデ
「クラウドデザインパターン」をAmazonが公開。システム冗長化、突発的トラフィック対応、動的コンテンツ処理など45種類
Amazonクラウドを使ったシステム設計の際に直面する典型的な問題に対して、解決策を分かりやすく分類、解説した「AWSクラウドデザインパターン」（略称CDP）が公開されました。Facebookページも開設されています。 作成したのはAmazonのスタッフやサードパーティのエンジニアら。 CDPのWebサイトはWikiで作られているため、誰でも新たなデザインパターンなどを追加可能。現在45種類のパターンが登録されており「あと3つ加えると“CDP48”と言えるようになるので、ぜひ追加してください」（玉川氏。JAWS Summit 2012でCDPの公開について説明した際に）と、呼びかけています。 45種類のパターンが9のカテゴリに分類 それぞれのパターンには、名前、解決したい課題、クラウドでの解決方法、実装方法、解説図、メリットと注意点、関連パターン情報などが含まれています。 例えば、サーバの
たった一人でwebサービスを作るための、６つの技術と４つの知識
ふとワクワクするようなアイディアが浮かんだ時、もし自分でwebサービスを作れたらなーって思う方も多いんじゃないでしょーか。 実際、twitterやfacebookを徘徊してても、結構頻繁に「webサービス作ってみたい☆」みたいな投稿をみかけますが、中には「何から手を付け始めれば良いか分からない！」的な迷える子羊達もちらほら。 そんなワケで、ささやかながら今まで当ブログでもいくつかの自作webサービスを公開してきて、企画からデザイン・コーディング・プログラミング・宣伝に至るまで、若輩ながら全て一人で担ってきた私の知見をご紹介したいと思います。 だいじょーぶ、やりゃーできる！ webサービスを作るための技術と知識 技術に関する最大のポイントは「全てを知る必要はあるが、全てに精通する必要は無い」、つまり「広く浅く」で良いというコト。 その中でどこかに自分の強みが持てると尚良しですが、手始めであれ
非公開サイト
サイトの構築。作品の販売。ブログの投稿。この他にもさまざまな機能があります。 ログイン サイトをはじめよう 非公開サイト このサイトは現在プライベート設定になっています。
【２０１１年】【Webエンジニア向け】はてブ数ランキング厳選超人気記事総覧 / Devslog
2011年も残すところあと少しになりました。2011年にはてなブックマークをたくさん集めた記事の中から、Webデベロッパー向けに限定して厳選してお届けします。 ウェブデザイン入門 ウェブサイトにおける視覚面に対し、整理・再構築・意匠等を施す。グラフィックデザイン的な要素を多く含む一方で、インタラクティブな要素を持つウェブの性格上、情報デザインあるいは工業デザイン的なスキルも求められる。ウェブサイト全体の情報設計、見た目を中心とするグラフィックデザインやGUIの設計、ウェブアプリケーションのUI設計構築など多岐に渡る。 Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 WEBデザイナーを目指す人へお勧めしたい記事・サイトまとめ – YATのBlog デザイナーからデザインの基礎や原則を学べるエントリーまとめ（webデザイナ向け）*ホームページを
0からWebサイトを作るためのWebデザインに関する記事まとめ - ネットサービス研究室
Webデザインの基本 http://webdesignrecipes.com/4-factor-of-designing/ http://webdesignrecipes.com/web-design-beginner-learning-dtp-design/ http://07design.net/blog/?p=237 http://07design.net/blog/?p=338 効果的なミニマルデザインと退屈なデザインの境界線 | Webクリエイターボックス ホワイトスペースを使ったウェブデザインの考え方 - バニデザノート ずっと使えるデザインテクニック。すっきり美しく見せる『余白』と『文字』の使い方。 (フェンリル | デベロッパーズブログ) 上記の7サイトは文字や画像の配置やレイアウトなどWebデザインの基本的なことが書かれた記事です。どの記事も気合を入れて書かれたものが多い
古参ウェブ屋が最新のサイト立ち上げ運用マニュアルを本気になって作ってみた
HOME / ウェブサイトのコツ / いまさら聞けない！ホームページの立ち上げから運用体制構築 Date: 2011/11/25 | | Tags: ホームページ, 立ち上げ, 運用体制, 構築 いまさら聞けない！ホームページの立ち上げから運用体制構築 自社ウェブの立ち上げから運用体制の構築まで、ウェブ担当者は何を考えないとならないのか？ 本日、静岡商工会議所主催の静岡清水産業情報プラザ創立10周年記念セミナーでお話しした内容です。 いまさら聞けない！ホームページの立ち上げから運用体制構築">いまさら聞けない！ホームページの立ち上げから運用体制構築 小規模ウェブから大規模ウェブまで通用する、「担当者が何を考えるべきか？」という切り口の資料になっています。ウェブ担当者はなにも技術のことを勉強するのではなく、誰かを使って、場合によっては外注して、やらなくてはならないことを実現すればいいわけです
デザインの引出しを203%拡張させる神Webサイトデザインギャラリー | 秒刊SUNDAY
前回このＷＥＢサイトギャラリー特集を行った際には、フルFlash,フルスクリーンのカッコイイサイトが主流でした。当たり前のようにウインドウが最大化 し、当たり前のようにヌルヌルとＦｌａshが動く。時代は変わったもので、もはやFlashのフの字を聞くだけで『iPadじゃ見れないからねー』が付き まとう今日、ＷＥＢデザインはどのように設計したらよいのでしょうか。今回はそんなＷＥＢサイトデザインに役立つサイトをご紹介したい。 ◆Webデザインポータルサイト ■Webデザインのリンク集 Webデザインポータルサイト S5-Style スタイリッシュで非常に見安いサイト。次々に事例を見て行っても苦にならない。 ◆Webデザインリンク集・ソーシャルブックマーク ■Webデザインリンク集・ソーシャルブックマーク - 最近ページングではなくスクロールローディングに変更された。わざわざページングしなくても良
デザイナーからデザインの基礎や原則を学べるエントリーまとめ（webデザイナ向け）
webデザインの入門書を買おうか迷っている方。 もしもそんな方がいたら、ネット上にはここを押さえておこうよと、webデザイナーが直接良質な記事を仕上げてくれていますのでそちらを是非一度参考にしてみて欲しいなと思いまとめて見ました。 また、その記事で、もっともぐっときた台詞もチョイスすてみました。 どんな想いで記事を書かれているかというのも大事かなと。 こちらもあわせてどうぞ。 Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 とりあえず時間のない人はこの3つだけでも食べて デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則 最初、デザイナーは型破りであるというイメージを抱く人も多いのですが、実際の現場では、様々な原則の上にあるルールにのっとり、そのルールを崩す「理由」があります。 例えばそれがセンスと呼ばれること
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2017年9月に読んだWeb・デザイン関連の本
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Garrett『ウェブ戦略としての「ユーザーエクスぺリエンス」―5つの段階で考えるユーザー中心デザイン』 - はてなダイアリー
パスワード認証
IBM Developer
WordPressでここまでできる！WordPressで作ったとは思えないWebサイトまとめ12個 - W3Q
