パフォーマンスの高みを目指せ！ CDNのエッジサーバーでSSR - CloudflareでViteを動かす手順 - ICS MEDIA

2023/07/06 7 users エッジサーバー CDN CloudFlare vite 悲願

パフォーマンスの高みを目指せ！ CDNのエッジサーバーでSSR - CloudflareでViteを動かす手順 ウェブサイトの高速化はあらゆるウェブ制作者の悲願です。1ミリ秒でも早くコンテンツを届けるために、エンジニアたちは血と汗と涙を流します。しかし、ウェブサイトの高速化は、ウェブサイトの構成要素を最適化するだけでは実... 続きを読む

ウェブ制作に関わる人に役立つウェブアクセシビリティの基本 - ICS MEDIA

2017/04/26 63 users ウェブアクセシビリティ ICS MEDIA アクセシブル

アクセシビリティという言葉を聞いたことはありますか？ 高齢者や障害者などハンディキャップを持つ人だけでなく、健常者を含めただれもがどんな環境からでもサービスを利用しやすいか、その利用のしやすさのことをアクセシビリティといいます。特に、ウェブに関するものはウェブアクセシビリティといいます。 ウェブ制作者のなかには、アクセシブルなリッチインターネットアプリケーションのための仕様である「 WAI-ARI... 続きを読む

ウェブ制作者なら意識してほしいCSS設計の基礎知識 - ICS MEDIA

2017/03/15 576 users ICS MEDIA 基礎知識

みなさんは、CSSを書くときに管理のしやすさを意識していますか？　私がCSSを書くときは、命名や構造のルールをシンプルにすることで、他のCSS編集者が理解しやすいよう心がけています。 何も意識せずにCSSを書くと、 誰も読めない、理解できない 何に使っているかわからない謎のルールセットがあるが、必要かもしれないので消せない CSSを修正したら意図していないパーツも修正の影響が出てしまった スタイル... 続きを読む

スクロールバー - Weblog - Hail2u.net

2014/07/31 9 users スクロールバー Weblog hail2u.net 仕様通り

昔はOSネイティブを尊重したスクロールバーにしろ派だった。今は描画領域がらみで色々考えたくないので、オーバーレイで独自描画されちゃえばいいのに派になってる。WindowsだとInternet Explorer 11以降(10以降かも)の自動非表示スクロールバー的なのが妥当な落とし所なのかな。かっこいいと思ってはいないんだけど。 ウェブ制作者としては、もちろんこの辺りの扱いが仕様通りに実装されてれば... 続きを読む

ウェブ制作者がチェックしておきたいアイデア満載のUIを備えたウェブデザインのまとめ -2014年上半期 | コリス

2014/06/13 336 users サムネイル ペルソナ 細部 シネマグラフ ナビゲーション

うまくトレンドを取り入れ、デザインの細部まで徹底的にこだわり、気持ちのいいインタラクションとアイデア満載のUIを備えた素晴らしいウェブサイトを紹介します。 画像の一部だけ動くシネマグラフを使ったコンテンツ、ペルソナを使ったユーザー中心のレイアウトなど、最新のトレンド情報もお見逃しなく！ VOTD.tv シンプルですっきりしたデザインだけでも素敵ですが、ロゴ、ナビゲーションやサムネイルやコンテンツな... 続きを読む

元ミニマリストでシンプルライフのウェブ制作者がパソコンを選ぶ時の基準 - はぴらき合理化幻想

2014/05/24 26 users ぴらき合理化幻想 元ミニマリスト シンプルライフ 基準 荷物

2014-05-25 元ミニマリストでシンプルライフのウェブ制作者がパソコンを選ぶ時の基準 シンプルライフ あまり荷物を増やさず、大きなものは利便性が下がってでも小さいものに買い替えているにもかかわらず、それでもパソコンは持ち続ける。その理由を書いちゃうよ。 現在使っているパソコンとスペック 今使っているPCはASUS TAICHI 21。 Amazon.co.jp： ASUS TAICHI21-... 続きを読む

知らないと損！ウェブデザインに特化したPhotoshopの効率的な89の時短テクニック -神速 Photoshop Webデザイン編 | コリス

2014/04/04 520 users コリス ウェブデザイン Photoshop 手足 テクニック

Photoshopを毎日使うウェブ制作者はぜひ目を通してほしい、Photoshopを自分の手足のように使えるようにするノウハウ、同じ結果でも遙かに時間が短縮されるテクニックが満載のオススメ本を紹介します。 同サイズの画像をスライスするのに5分かかっていたのが1分で！　10px以下の小さな文字を鮮明にするのに10分以上かかっていたのが5分でよりキレイに！　など実用的な技が満載です。 「神速 Phot... 続きを読む

Sublime Textをとことん使いこなしたい！ウェブ制作に役立つノウハウ満載のオススメ本 -Sublime Textの教科書 | コリス

2014/03/24 49 users CSS HTML 執筆陣 ノウハウ コリス

HTML, CSS, JavaScriptを今よりもっと効率良く書きたい！そんなウェブ制作に携わる人に、Sublime Textをとことん使いこなすための厳選したノウハウが身につくオススメの本を紹介します。 まだSublime Textを使ったことがない人でも、導入方法から基本設定もしっかりと網羅されているので安心の一冊です。 執筆陣は、Sublime Textを愛してやまない現役のウェブ制作者4... 続きを読む

ウェブ制作者はチェックしておきたい、面白いアイデアを使った最近のウェブサイトのまとめ | コリス

2014/03/12 407 users コリス Kenzo 題字 ウェブサイト 面白いアイデア

デザインの細かいところまでこだわりが！　こんな発想はどこから生まれるの？　そんな次のプロジェクトのヒントになるような面白いアイデア満載のウェブサイトを紹介します。 時間のある時にじっくり楽しんでください！ Kenzo -No Fish No Nothing 題字のインパクトがすごいですが、新しいタイプのスクロールエフェクトが更に強烈！　こんな使い方は初めて見ました。 Volkswagen Mexi... 続きを読む

ウェブ制作者の気になる疑問を解決へと導く、手元に置いておきたい一冊 -現場のプロが教えるWeb制作の最新常識 | コリス

2014/02/21 63 users コリス 必携 SVGアイコン レイアウト フラットデザイン

レイアウトの最近の傾向は？　フラットデザインで日本語と組み合わせる注意点は？　HTML5とXHTMLどっちがいいの？　ノーマライズCSSってどう？　SVGアイコンを使ってみたい！　CMSってWordPressでいいの？　などウェブ制作の現場で気になる疑問を解決へと導く必携の一冊を紹介します。 一つのテーマに絞った専門書もためになりますが、変化の激しいウェブ業界の流れを広い範囲で体系的に理解でき、多... 続きを読む

ベンダー拡張プリフィックスはウェブ制作者たちのためにある - Weblog - Hail2u.net

2013/11/21 14 users Weblog hail2u.net 紆余曲折 ベンダー 要件

ブラウザー開発者はベンダー拡張プリフィックスをなくす方向に動いているような気がする。短いリリース・サイクルの中で、仕様の要件を満たしているのなら外すといった地味な確認作業から開放されたいのかもしれない。そういう理由はわからなくもないが、ウェブ制作者も面倒くさくなくなるのでそれで良い、と考えていそうなことにはまったく賛成出来ない。 CSSグラデーションの実装と仕様の紆余曲折は、ウェブ制作者にベンダー... 続きを読む

ウェブ制作者のためにメンテナンスと拡張に重点をおいたフロントエンド用の軽量フレームワーク -UIkit | コリス

2013/07/29 258 users jQuery UIKit コリス ウェブページ UIエレメント

簡単に利用でき、カスタマイズも容易で、ウェブ制作者のためにメンテナンスと拡張に重点をおいたHTML, CSS, JavaScriptで作成されたフロントエンド用の軽量フレームワークを紹介します。 UIkit UIkit -GitHub UIkitは現在多くの制作者が利用しているjQuery, normalize.cssをベースに、ウェブページで利用するさまざまなUIエレメントが簡単に実装できます。... 続きを読む

WordPressでビジネス系サイトを作る具体的なノウハウを学べる本 -魅せるWordPressサイト | コリス

2013/03/28 35 users スマホサイト ワークフロー コリス ECサイト 制作

WordPressを利用して、企業サイトやショッピングサイトや飲食店サイトなどのビジネスサイトを作る具体的な制作のノウハウが学べる「魅せるWordPressサイト」を紹介します。 本の対象はウェブ制作者だけでなく、企業内のウェブ担当者にも手にして欲しい制作のワークフローなども把握できる一冊となっています。 企業サイト/スマホサイト/ECサイトを制作しながら学ぶ 魅せるWordPressサイト [a... 続きを読む

ウェブ制作者に必ず役立つ！iOS, HTML5, CSS, jQuery, WordPress, .htaccessなどのチートシートのまとめ | コリス

2012/10/14 1148 users jQuery Git iOS Sass コリス

ウェブ制作、主にフロントエンドの開発者に役立つチートシートを紹介します。 順番は、iOS, HTML5, CSS, jQuery, WordPress, .htaccess, Git です。 HTML5での美しいコードの書き方、Sass、Zen Coding、jQueryのパフォーマンス、Gitの使い方などもありますよ。 続きを読む

[CSS]ウェブデザインの可能性を広げる10のスタイルシート | コリス

2012/07/25 635 users max-width Media コリス ウェブデザイン CSS

ウェブサイトを制作する際、特にCSSの新しいテクニックにはデザインの可能性を広げるのに役立つものがたくさんあります。 すべてのウェブ制作者が知っておくべき10のスタイルシートを紹介します。 @media screen and (max-width: 960px) { } 「@media」は単に印刷用ページのためだけではありません。最近のウェブサイトで多く見かけるレスポンシブデザインや可変レイアウト... 続きを読む

永久保存版 ウェブ制作者に役立つ30+のiPadアプリ | SEO Japan

2012/07/04 163 users iPadアプリ 永久保存版 SEO Japan 30+ メモ帳

ウェブ系のカンファレンスや会議でiPadを持ち歩いている人を多く見かけるようになりましたが、「使いにくくないのかな？」「重くないのかな？」と未だに思ってしまうオールド世代な私です。今回は、そんな私の規定概念を打ち崩すような、ウェブ制作に便利なiPadアプリを30以上一挙に紹介したiPadファン涙目な記事をspyrestudiosから紹介します。メモ帳からスケッチ、モックアップに本格的なドローイング... 続きを読む

HTML5/CSS3にも対応、HTML/CSS/JavaScriptを整形・チェックするオンラインツール -Dirty Markup | コリス

2012/03/20 476 users エラー 文法上 コリス ツール CSS

HTML, CSS, JavaScriptを読みやすく整形し、文法上のエラーもチェックしてくれるオンラインツールを紹介します。 Dirty Markup Dirty Markupはウェブ制作者がよく使う下記のツールをまと [...] 続きを読む

ウェブ製作会社の「IE6/7対応は割増料金」 に対する反応とIEへの嘆き | ガジェット速報

2012/03/14 41 users 割増料金 ガジェット速報 反応 IE6 案件

Internet Explorer（IE）の自動アップグレードがついに発表された。これまでも互換性の低さからウェブ制作者の間で忌み嫌われてきただけに、歓迎する声は多い。 これに関連して多くのブックマークを集めていたのが、都内のとあるウェブ制作会社が出した「IE6、7対応費用に関しまして」という告知。IEの自動アップグレードが始まる3月中旬以降の案件について、対応ブラウザからIE 6/7を除外し、必... 続きを読む

ウェブ制作者の困ったを解決するコードが盛りだくさん、スニペットを共有するサービス -Code Pad | コリス

2012/03/06 446 users HTML WordPress ウェブ制作 コリス スニペット

ウェブ制作に役立つHTML, CSS3, jQuery, WordPressなどのちょっとしたコード（スニペット）を共有するサイト「Code Pad」を紹介します。 Code Pad Code Padでコードを保存するに [...] 続きを読む

ウェブ制作者は持っていて損はないebook『Professional Web Design, Volume 2』が期間限定で無料ダウンロードできますよ | コリス

2012/02/08 58 users ebook コリス DESIGN Volume 2 海外

海外で有名なウェブ制作系サイト『Smashing Magazine』がリリースしているebook『Professional Web Design, Volume 2』が、期間限定で無料ダウンロードできるので紹介します。 [...] 続きを読む

あのサイトの『どこが悪くて』『どこが良いのか』の診断結果１０サイト*ホームページを作る人のネタ帳

2007/08/19 250 users ネタ帳 ホームページ さいころ 短所 長所

前回、ものすごい軽い思いつきであなたのブログの長所と短所をズバリ言う、っていうYamada企画を募集したところ、全部で２８サイトが集まりました。 ご応募していただけたことに深く感謝いたします。 さて、今回はその２８サイトの中から、サイコロで決めた１０サイトorブログを診断いたしましたので、その診断結果です。 そのサイトのどこが悪くて、どこが良いのか？ これをウェブ制作者のための一つの参考となればと... 続きを読む