[go: up one dir, main page]
More Web Proxy on the site http://driver.im/

タグ

studyとwebに関するhmd703のブックマーク (25)

  • GitHub - fontplus/web-typography-glossary: Webタイポグラフィの基礎知識と実践

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - fontplus/web-typography-glossary: Webタイポグラフィの基礎知識と実践
  • 333枚のスライドで「インターネットはこれからどうなるのか」を示した貴重なレポート「Internet Trends 2019」

    ついにインターネットの使用者が世界人口の過半数を超え、モバイルに割く時間がテレビを見る時間を初めて上回り、ゲーム産業や広告産業に関わる状況も大きく変化しつつある……といった膨大な情報が詰まった年次レポート「Internet Trends 2019」が公開されました。とにかくデータが多いので、333枚のスライドから特に興味深いグラフをまとめてみました。 INTERNET TRENDS - 190611_Internet_Trends_2019.pdf (PDFファイル)https://www.bondcap.com/pdf/190611_Internet_Trends_2019.pdf 333枚のスライドにもおよぶINTERNET TRENDSの全ては以下から確認できます。 ・目次 ◆世界のインターネットユーザーの全体的なトレンド ◆時価総額で見た世界のトップ10社 ◆Eコマースの売上は鈍化

    333枚のスライドで「インターネットはこれからどうなるのか」を示した貴重なレポート「Internet Trends 2019」
  • 今なぜHTTPS化なのか?インターネットの信頼性のために、技術者が知っておきたいTLSの歴史と技術背景

    【変更履歴 2018年2月15日】当初の記事タイトルは「いまなぜHTTPS化なのか? 技術者が知っておきたいSEOよりずっと大切なこと ― TLSの歴史技術背景」でしたが、現行のものに変更しました。現在GoogleではWebサイトのHTTPS対応と検索結果の関係を強調しておらず、記事の趣旨の一つにも来は独立した問題であるSEOとHTTPS化を関連付けるという根強い誤解を解くことがありますが、当初のタイトルではかえってSEOとHTTPSを関連付けて読まれるおそれがあり、また同様の指摘もいただいたことから変更いたしました。 HTTPとHTTPSは、共にTCP通信上で動作します。したがって、いずれもTCPハンドシェイクで通信を開始します。 HTTP通信の場合には、このTCPハンドシェイク直後に、HTTPリクエストとレスポンスのやり取りが始まります。このHTTPのやり取りは平文通信であり、途

    今なぜHTTPS化なのか?インターネットの信頼性のために、技術者が知っておきたいTLSの歴史と技術背景
  • コラム|株式会社プロネクサスのweb制作部門レインボー・ジャパン

    日々サイト制作に携わっていると、「モバイルファースト」という言葉を耳にします。しかし、「モバイルファースト」の定義は非常に曖昧で、完全に理解しているか疑問に思うことがあります。今回は、改めて「モバイルファースト」について考えてみたいと思います。

    コラム|株式会社プロネクサスのweb制作部門レインボー・ジャパン
  • Typefaces are the most important thing on the web // Speaker Deck

    hmd703
    hmd703 2012/04/27
    WEBにおけるタイポグラフィの重要性について
  • レスポンシブな感じで quoted を立ち上げました | gaspanik weblog

    Responsive Web Designの話を少しずつ目にし始めたので、レスポンシブなのでも作ってみるかということで「quoted」というサイトを立ち上げました。いや、むしろ逆で引用文主体のサイトだからレスポンシブでいいよね、って感じなのですが(笑)。作ったといっても、そのほとんどで自分の力は何一つ使ってません。 ということで、今日はその舞台裏というか、コレがアレでこうなってできているよ、って話をしてみようかと思います。なにかの参考になれば幸いです。 Responsive Web Design の簡単な説明インターネットに接続できるデバイスが増えています、というか多様化しています。画面サイズや画面解像度はまちまちです。日の場合は10年ぐらい前からいわゆる携帯電話で接続できてましたが、それらもやはり同じような問題を抱えていました。そのような個別の端末に対して、画面解像度や技術仕様などをベ

    レスポンシブな感じで quoted を立ち上げました | gaspanik weblog
  • Webデザインってなんでしょうね?(笑) | gaspanik weblog

    なんかこちらの記事が燃えあがるほど人気のようです。なにやらマーケティング専門の方が Webサイトにデザインなんて関係ないぜ!すべてはプロモーションとコンテンツ次第なんだぜ! と豪語されていたことに対する反論のようですが…。 んと、人間っていうのは、自分の置かれてる立場や得意とする分野を中心として(良きものとして)考える癖がありますからね。おそらく皆さんそうではないでしょうか。自分の意見と反対のことを言われると「カチン」ときてしまう。 そこで「脊髄反射的に反応する=どうしても自分の視点からの意見だけを述べてしまう」のであまり良くありません。むかつきながら書いたメールは一晩おいて読み直しましょう、ってよく言いますね。 まぁまぁ短絡的に反論するのはあまり良くないです(笑)。 なぜWebサイトの視覚表現が必要なのか?Webデザイナーさんの中には見た目を作ることが仕事の方もいらっしゃるでしょうし、そ

    Webデザインってなんでしょうね?(笑) | gaspanik weblog
  • Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳

    Yamadaです。 かれこれWeb屋暦が14年くらいになるんですが、こうしてWebに携わっていると、3ヶ月周期で情報の入れ替えをしていかないと、正直追いつかないと感じます。そんな激流のようなWeb業界にこれから飛び込もうと言う新卒の方や、中途の方に送るバイブルとなればと思います。 というわけで改めて春ですし、これからホームページ(Webサイト)を作成してWeb屋さんになる方へ送るお勧めサイト集です。 後編はこちら Web制作を始める人の為のスキル・ワイヤーフレーム・SEO・マーケティング・Webサービスの基礎情報 忘れないで欲しい事 Web制作には、様々なスキルが求められます。 しかしその技術が、いつの間にか消えていったり、使えなくなったりしました。新しいデザイン、新しいコード、新しい言語、新しい環境、様々なものがあります。しかし、それらを追い続けていくうちに、一つ、とても大事な事を忘れて

    Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳
  • Webデザインやプログラミングなどの勉強に良さそうな国内のブログ記事やWebサイトいろいろ - かちびと.net

    いよいよ2011年がスタートしました。 今年も去年同様、勉強することが 沢山あります。まだモチベーションが そこそこあるうちに勉強になりそうな 国内の記事をリンク集にしました。 迷ったときに見てみようかなと思い ます。 より最適な方法というのはあると思いますが、まずは扉を叩かない事には何が悪いかも分かりません。ということで、内容に拘らず、否の意見をスルーしてここに色々まとめさせて頂きました。 勉強したい気持ちはあるけど出来ない理由は「何を始めればいいのか分からない」という方も、何が出来るのか、どういった勉強法で出来るようになるかが分かればやる気が起きるかも知れません。 5分で分るシリーズ 以前も流行ったんですね。Web関連以外も含めてここにまとめられています。 5分で分かる PHP を知らない人が PHP の便利さを学べる記事を書いたよ 5分でわかる Ruby を知らない人が Ruby

    Webデザインやプログラミングなどの勉強に良さそうな国内のブログ記事やWebサイトいろいろ - かちびと.net
    hmd703
    hmd703 2011/01/05
    いろんなまとめ記事
  • ウェブデザインの簡単なステップ / ウェブデザインライブラリー

    投稿日:2010年12月07日   レベル:初心者    ソフトウェア: このチュートリアルではウェブデザインの簡単なステップをご紹介します。 現在の世界はオンライン世界と言っても良いぐらいです。 そこで、そのオンライン世界とあなたとの接点となるウェブサイトは最高のデザインであるべきでしょう。 Step1 : ウェブサイトのメインテーマ Step2 : ウェブサイトの機能 Step3 : メインテーマの書き出し Step4 : 最終的な内容の下書き Step5 : スタイルの決定 Step6 : ウェブサイトの制作 Step7 : ウェブサイトの評価 これが最初のステップであり、また最も重要なステップでもあります。 これから作ろうとしているウェブサイトの目的を明確にする事が重要です。 中心となるコンセプトやテーマを決めることも大切です。 メインとなるテーマについて書き出してください。 これ

  • パフォーマンス改善やセキュリティに役立つ.htaccessの設定 | コリス

    ウェブサイトのパフォーマンスの改善やSEOセキュリティに役立つ.htaccessの設定を紹介します。 17 Useful Htaccess Tricks and Tips 備考:Apache チュートリアル: .htaccess ファイル、Apache コア機能 [ad#ad-2] .htaccessの設定:パフォーマンスやSEO関連 .htaccessの設定:セキュリティ関連 .htaccessの設定:パフォーマンスやSEO関連 .htaccessでタイムゾーンを設定 .htaccessでタイムゾーンを設定します。 例:東京 SetEnv TZ JST-9 もしくは、 SetEnv TZ Asia/Tokyo .htaccessで301リダイレクトを設定 .htaccessで301リダイレクト(永続的なリダイレクト)を設定します。 例:旧ファイル(old.html)、新ファイル(new

  • 初心者さんのためのWebサイト制作に役立つリンク集

    2017年6月29日 Webサイト制作 「Webサイト勉強するのにおすすめのサイトを教えてください!」との声が多いのですが、日のWeb関連チュートリアルサイトをあまり見たことがなかったので、今までおすすめできませんでした…。ということでちょっとググって初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。他にもおすすめサイトがあればぜひコメント欄にて教えてください! ↑私が10年以上利用している会計ソフト! Webサイトを作る流れ まずはWebサイトを作る目的を考える 誰のため?何のため?Webサイトを作り始める前に。 サイトマップと呼ばれる構成図を作成 Webサイトの構成図を簡単に作れる便利ツール ワイヤーフレーム(Webサイトのレイアウト)を作成 Webサイトの骨組み: ワイヤーフレームを素早く・

    初心者さんのためのWebサイト制作に役立つリンク集
  • CSSでマルチカラムレイアウト

    はじめに 連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していきます。 今回は、連載の総まとめとして、CSSでマルチカラムレイアウト(段組レイアウト)を実現する方法を紹介します。CSSでマルチカラムレイアウトを実現する方法はいろいろありますが、今回は、最も基的な方法として、前回の記事で解説した「floatプロパティ」および「positionプロパティ」を利用した、「フロート型」と「ポジショニング型」のレイアウトテクニックを紹介します。同時にページレイアウトで起こりがちな問題とその対処方法についても扱います。 対象読者 XHTMLCSSの基を理解している方。 Web標準サイトの実践的な作り方に興味のある方。 必要な環境 (X)HTMLCSSを記述するエディタと、それを確認するブラウザがあれば、特別な環境は

    CSSでマルチカラムレイアウト
  • MdN Design|総合情報サイト

    脱メタボなWEBサイトのススメ あれもこれも伝えたい、もっと華やかにしたい。そうしていつの間にか過剰なデザインと情報を詰め込んだサイトになっていないだろうか。余分なものが増えすぎたサイトは、さまざまな弊害を起してしまう。この特集では、サイトの余剰部分を見極め、シェイプアップさせる方法を紹介していく。

    MdN Design|総合情報サイト
  • もうWebデザインしないなんていわないよ、絶対(1)- @IT

    もうWebデザインしないなんていわないよ、絶対(1) 入社1年目、デザインしないデザイナなんて!? ワンパク 宮城秀雄、吉森大介、野村政行 2009/6/26 Webデザイナの卵が立派なWebデザイナになるまでの回顧録。ドキュメントスタイルながら、ステップごとに役立つ情報をお伝えしていく イントロダクション 朝の光を受け、白い息を吐きながらフィラデルフィア美術館前の階段を駆け上がる。彼の名はロッキー・バルボア。その顔は希望に満ちあふれ、朝日よりもまぶしい! 2002年春、学生生活を終えた僕はWeb制作会社に就職した。このとき、僕はあの階段、つまりロッキー・ステップに立ったと喜んでいた。後はこの目の前の階段を駆け上がり、高らかにガッツポーズを決める。無知で根拠なき自信に満ちあふれた陽気な僕は、あの朝日がすぐ眼の前にあるモノと信じて疑わなかった。 しかし、このとき僕は忘れていたのだ。 ロッキー

  • WEB DESIGN WORKSHOP「正しいウェブデザイン」 記事一覧 | gihyo.jp

    第19回Synchronizing with Points of Sales「実店舗との連動」 荻野英希 2009-06-12 弟18回 Usability: Matching User Needs and Business Needs「ユーザビリティ:ビジネスニーズとユーザーニーズのマッチング」 荻野英希 2009-04-20

    WEB DESIGN WORKSHOP「正しいウェブデザイン」 記事一覧 | gihyo.jp
  • script.aculo.us - web 2.0 javascript

    This is a bugfix release that bumps script.aculo.us to version 1.9.0. Most importantly, the included Prototype 1.7 provides performance and compatibility improvements with the latest browsers. One other fix is includes, that makes the script.aculo.us loader work better if you use script tags in the BODY of your page. Download at http://script.aculo.us/, or grab/fork the source at http://github.com

  • 「Ajax? 知ってますよ」と言えますか:ITpro

    新人配属や異動の季節になった。この4月,あなたがもし新しい職場に配属されて,上司から「君,Ajaxって知ってる?」と聞かれたとする。そのとき,堂々と「知ってますよ」と答えられるだろうか? このITproのサイトでは,Ajax,マッシュアップ,リッチ・クライアント,SaaSなどいわゆるWeb2.0関連の記事が一昨年ぐらいから毎日のように掲載されている。そもそもITproはこうした言葉を知っている読者を対象にしているので,ほとんどの読者は冒頭のような質問を受けても,「知ってますよ」と堂々と答えられるだろう。しかし,この春初めてITの世界に入る人の中には,「名前や概念的なことなら分かるのですが…」という人も多いのではないだろうか。 そこで今回の記者の眼では,そういう新人君にお勧めな「Ajax学習法」を考えてみた。といっても,要するに,実際に自分でちょっとしたプログラムを作って試してみるだけである

    「Ajax? 知ってますよ」と言えますか:ITpro
  • Nikon | Universcale

    UNIVERSCALE From the nanoworld to the universe - The worlds we measure using our infinite yardstick. Nikon's opto-electronics technologies let people explore realms beyond the range of the naked eye. Universcale lets you see and understand the relative size of the full range of known objects in our universe. You can see the relative sizes of objects arranged on a single scale, and grasp the sizes

    Nikon | Universcale
    hmd703
    hmd703 2007/04/04
    ほー
  • いま見ておくべきマッシュアップの最先端事例 ― @IT

    2007/03/22 マッシュアップといえば「Googleの地図が横に表示されるWebページのこと」を指すと思っている人はいないだろうか。マッシュアップという言葉は一時期ほど注目を集めなくなっているのかもしれないが、それはおそらく過小評価だ。3月21日に受賞式が行われたマッシュアップコンテストの受賞作を見ていると、マッシュアップという言葉が単なるバズワードなどではないことを改めて認識させられる。 リクルート、サン・マイクロシステムズをはじめ19の企業・団体が提供するサービスを使った開発コンテスト、「Mash up Award 2nd」は、その名称の通り、今回で2度目。応募作品数は前回の56作品に比べて108作品と倍増しており、裾野の広がりを感じさせる。応募作品は多様化しており、地図を使ったサービスの割合が下がり、独自のアイデアや斬新なインターフェイスを使ったものが増えている。 主催者の発表