「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 デザイン 追従ヘッダー実装時に使える動作・デザインパターン例 | NxWorld 追従ヘッダーも一般的になってきましたが、こうやって見るといろいろなパターンがありますね。 Adobe macOS Mojave（10.14）対応状況 | Adobe Community 現在、Creative Cloudの最新版とMojave 10.14の互換性があることを確認しております。 と書いてありますが、実際はPhotoshop CCの動作に問題が生じているようです。 また、外観をダークモードにするとLightroomがクラッシュするそうです。 macOS 10.14 MojaveへアップグレードしたMacで外観
「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 Webデザイン Adobe XD 11月アップデートリリース！デザインスペック追加で開発者への受け渡しをもっと簡単に #AdobeXD | Adobe Creative Station デザインスペックはAdobe MAXでも話題になっていましたね。かなり期待されている機能だと思います。 もっと楽するweb制作！Illustrator & Photoshop 動画解説 – のんびりデザインしているような。 Adobe MAXでの北村さんのセッションの動画や補足がまとめられています。 知財教材「デザイナーが身につけておくべき知財の基本」 | 経済産業省 特許庁 デザインと知的財産権などについてまとめられ
品質保証はDevOpsの三本柱の一つです。 システム品質にはVerification&Validationという概念があります。 Webパフォーマンスは、セキュリティ、アクセシビリティと、Webサイトの大事な三つの品質の一つで、Validationに該当します。 Webパフォーマンス計測は、DevOps ToolchainのMonitor(監視)に該当します。 Webパフォーマンスについて、幅広くネタを集めております。 ミリ秒単位のミクロな改善 秒単位のマクロな改善 HTMLコーディング CSSコーディング 各種計測手法 ハードウェア論 ソフトウェア論 設計手法論 評価手法 CDN フロントエンド最適化サービス WordPressやDrupalのようなCMS専用高速化仮想マシンのようなもの 高速VPSサービス プログラミング言語での高速化手法 Apacheやnginxの高速化手法 CMS
ユーザーの目線でWebサイトを作ることは基本中の基本ですが、グローバルサイトを担当することになったら日本の常識を捨てて現地の状況を理解する必要があります。 アプリやWebサイトをより良く、より速く、よりアクセシブルにする手助けが私の仕事です。CalibreでWebを構築したり、メンテしたりする際にぶつかる課題について、知見が集まりました。 この1年で本当に驚いたことは、一般のユーザーがどうインターネットにアクセスしているかです。Web業界に従事しているのに、ほとんど理解していませんでした。自分たちがユーザーにコンテンツを配信する方法がいかに時代遅だったのかもわかりました。 ここ数年の進歩で、コンテンツをWebからダウンロードする速度は劇的に速くなりました。しかし、「HTMLをロードし、ほかのリソースを探してそれもロードする」という基本は変化していません。 世界中の約46.1%がインターネッ
Web制作の知らない知識やテクニックを今身につけているものに加えることで、実装が難しかったものが簡単になったり、時間やコストの削減になったり、さまざまな利点があります。こういった情報はインターネットで得ることもできますが、細切れで、いざ必要な時に探すのは時間がかかります。 Webのデザイン・コーディングをはじめ、システム・ディレクション・ワークフローまで幅広く、Web制作の最新動向が把握できるオススメの本を紹介します。 本書はWeb制作に携わるすべての人にお勧めです。 デザイナーやコーダーをはじめ、ディレクターなど制作に携わるスタッフ、そしてクライアントも目を通しておきたい一冊です。 9/20に発売したばかり、店頭で見かけた人も少なくないと思います。 Webサイト、これからどうなるの? キーワードから探るWeb制作の未来像 [Amazonでみる] [楽天でみる] 著者： こもり まさあき、
Web制作で以前から気になっていたことについて、Twitter の投票機能でアンケートを取ってみました。 アンケートの実施期間は2017年1月〜8月です。 回答者の属性について Twitter のアンケート機能では「誰が回答したか」は質問者でも見ることかできません。 それぞれの質問の回答件数は100〜300件前後で、私のフォロワーの方が多いと思われます。 （ご回答いただき、ありがとうございます。） 私のフォロワーの方は東京の方が多いですが、Twitter アナリティクス によると、近畿、大阪、中部、福岡、東北など日本全国様々な地域の方がいます。 98% が日本在住の方です。 フォロワーの方の興味関心としては、モバイル、テクノロジー、Webデザイン、コンピュータープログラミングなどとなっています。 性別（推定）は 73% が男性、27% が女性となっています。 IE対応について Web制作者
ピクシブ株式会社 Advent Calendar 2016 @8日目の記事です。 こんにちは、エンジニアのdo7beです。pixivFANBOXの開発などに携わっています。 さて、今回は新規開発プロジェクトに「割れ窓理論」を導入してサービスのクオリティ向上に繋がった話をご紹介したいと思います。 割れ窓理論とは 「割れ窓理論」とは、アメリカの犯罪学者ジョージ・ケリング氏が提唱した「建物の窓ガラスが割れたまま放置されると住民もゴミを捨てるようになり、治安が悪化し、より重大な犯罪が発生してしまう」という理論です。 つまり軽犯罪を取り締まることこそが、重大な犯罪を防ぐために重要であることを指しています。 私たちのチームではこれをWebサービスの新規開発プロジェクトに取り入れています。 WEBサービスにおける割れ窓は「軽度のデザイン崩れ」や「表記ゆれ」に、重大な犯罪は「バグ」や「全体のクオリティ低下
「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 デザイン フリーランスWebデザイナーの「仕事とくらし」10年のこれまでとこれから // Speaker Deck spicagraph さんのスライドは、毎回イラストが豊富でわかりやすいですね。 「自分に合った勉強法を探す」「にんじんを探す」のは大切ですね。 Adobe MAX Japan 2016 ビデオアーカイブ Adobe MAX のセッションの一部が動画で観れるようになっています。 ボタンデザインの歴史と進化から学ぶベストプラクティス | UX MILK Webページやアプリにおけるボタンデザインの変遷がまとめられています。 デザイナーが馬鹿げたタダ働きにNOと言うべきことが分かる動画| 広
Webサイトのデザインは紙のデザインと異なり、技術的な制約が強く、特に最近は様々な環境（デバイス、ブラウザ、画面サイズ、屋内・屋外など）での閲覧に対応できることを求められます。そのため、戦略から要件、コンテンツ、機能と論理的にデザインを決めていくと、どこかで見たことあるような没個性なデザインになりやすいものです。（注：ここでいうデザインは視覚的なデザインを指します） マルチデバイス、マルチブラウザが進み、レスポンシブWebも選択肢の一つとして一般化した昨今では、Webデザインの没個性化はますます進んだ印象があります。例えば、Googleが公開しているマテリアルデザインのガイドラインを見ても、デザインのパターン化と属人性排除の思想を如実に感じることができます。また、データドリヴンなサイト改善を積極的に行っていくと、「デザインの個性」と成果に大した因果関係がないことを痛感します。 没個性なデザ
レスポンシブデザインが流行してきているとはいえ、こんなことをしているはてなブロガーさんやWebデザイナーさんは後を絶たない。 PCでいちいちブラウザの幅を変えながらデザインを確認している わざわざUserAgent Switcherでユーザーエージェントを切り替えて表示を変えている 横にiPhoneやAndroidの実機を置いて表示を確認している そもそもモバイルを意識していない(論外) そんなWebデザインにかかわるすべてのひとに紹介したいのが、「Blisk」という超絶便利なニューカマー・ブラウザだ。いままで「え？こういうブラウザっていままでなかったの？」と不思議に思ってしまうくらい、発想はシンプルだが革新的なブラウザだ。まだベータ版であることやこれまでWindowsでしか公開されていなかったので紹介するのを戸惑っていたけれど、いよいよMac版もリリースしたので、堂々紹介していきたい*1
Making the web more beautiful, fast, and open through great typography
こんにちは、ろす（@lost_and_found）です。 先日、いつも勉強させて頂いている株式会社LIGさんのサイトに載ったこんな記事が話題になりました。 感嘆符・疑問符の後に全角空白（スペース）が必要になる理由と、Webメディアの表記ルールについて | 株式会社LIG 日本語の表記ルール「！」「？」の後ろの空きをめぐって、さまざまなメディアや規格を調査・考察した素晴しい記事です。僕のような浅い人間は「ああ立派だなあ」と感心するのが精一杯のリアクションでした。 JIS X4051:2004を読んだけどわからない ところが次の記述に疑問を呈する声が聞こえてきます。 そして、JISX4051では、同様に全角スペースを、疑問符や感嘆符の後に和字間隔をあけることに用いると定めているため、“「感嘆符（！）」と「疑問符（？）」の後には全角スペースを空ける”がJIS、すなわち日本の国家標準、と言えるので
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く