Chromeの新機能「メモリ節約モード」と「省エネモード」Web制作時に認識しておくべき重要なことを解説

2022/12/12 16 users Chrome 省エネモード 解説 システムリソース 新機能

先日リリースされたChrome 108で「メモリ節約モード（Memory Saver）」と「省エネモード（Energy Saver）」が導入されました。これらは、Chromeがシステムリソースをどのように利用するかをユーザーがより詳細に制御できる機能です。 ユーザーとしてはメモリ節約モードも省エネモードも嬉しい機能ですが、Web制作者は認... 続きを読む

Web制作時にGoogleChrome拡張のAccessibility Insightsを使ってアクセシビリティの評価を行う | DevelopersIO

2021/07/28 12 users Microsoft DevelopersIO いわさ ツール

Web制作時にGoogleChrome拡張のAccessibility Insightsを使ってアクセシビリティの評価を行う いわさです。 皆様、アクセシビリティに配慮したWebサイトの設計されてますでしょうか。 Webアクセシビリティを評価するためのツールがMicrosoftから提供されていますので紹介したいと思います。 Accessibility Insightsとい... 続きを読む

Web制作にすごい役立つ！無料で使える便利なオンラインツールのまとめ -Tiny Helpers | コリス

2020/02/03 30 users アクセシビリティ CSS フォント コリス 非常

CSSやHTMLやJavaScriptをはじめ、カラーやフォントやアクセシビリティなど、Web制作時に役立つオンラインツールをまとめたTiny Helpersを紹介します。 無料で利用できるツールがまとめてあるので、非常...記事の続きを読む 続きを読む

Visual Studio Codeで見やすいテーマファイルのまとめ | コリス

2018/08/03 89 users コリス コーディング Visual St ダーク系 コード

Web制作時などのコーディングの作業が捗る、コードがはっきりと見やすくて、使いやすい Visual Studio Codeのテーマを紹介します。 ダーク系が好きな人も、ライト系が好きな人も、そしてクリーム系やMaterialカラーのテーマなど、いろいろ揃っています。 VSCodeThemes VSCodeThemes -GitHub VSCodeThemesでは、Visual St... 続きを読む

Web制作時に便利なHTML, CSS, JavaScriptのツール、文字抽出ツールなどがまとめて利用できる -Href Tools | コリス

2018/02/22 108 users コリス JSON CSV CSS HTML

HTML, CSS, JavaScriptの軽量化、画像に含まれている文字の抽出、画像をbase64データに変換、CSVとJSONを相互変換、zipファイルのオンライン解凍など、Web制作時に役立つ便利なツールがまとめら ...記事の続きを読む 続きを読む

Web制作時の概算費用と想定納品日を簡単に計算する票をつくってみた – のんびりデザインしているような。

2017/02/04 373 users

以上。 そのままです。 一応説明しましてどう言うことかというと、以下のことを解決したいとなんとなーく思ったので、じゃぁ表にしようと思ってやってみました。 「概算お願いします」と言われて毎回人日単価の説明するのがめんどくせぇ 「どのくらいの期間でできますか？」と言われて毎回工数の説明するのがめんどくせぇ 見積もった時の「納品スケジュール」に対して実際に素材が来るのが遅いことが多い みんなの話を聞いて... 続きを読む

Web制作時に備えておきたい便利なチートシートのまとめ -Bootstrap, WordPress, CSS3, Git, SublimeTextなど | コリス

2015/06/11 410 users Git SublimeText コリス デベロッパーツール

BootstrapやFoundationなど人気のフレームワーク、CSSの各フレームワークの比較、WordPressのテーマ作成やコピペで利用できるコード集、Gitのコマンドやフロー、iOS/Androidのグラフィックガイドライン、ChromeのデベロッパーツールやSublimeTextやEmmetなど、Web制作に役立つ便利なチートシートを紹介します。 紹介している主なチートシート Boots... 続きを読む

「Web制作時の考え方」に良い影響を与えるおすすめのTED動画まとめ | 株式会社LIG

2014/12/22 100 users 株式会社LIG 良い影響 考え方 おすすめ

こんにちは、デザイナーのぺちこです。 10月か11月頃から TED（Technology Entertainment Design）Talks に完全にハマっています。隣のデザイナーからは「回し者じゃないか」と言われたりします。 毎日パソコンの前に座ってインターネットをうろちょろしていても、結局は自分の知っている分野の知識を取り入れるくらいしかできないのですが、TEDを適当に漁っていると、そんな研... 続きを読む

コードが見やすく使いやすいSublime Text 2/3のテーマのまとめ | コリス

2014/09/22 314 users コリス エディタ sublime text コーディング作業

シンプルで見やすく、Web制作時などのコーディング作業が捗る使いやすいSublime Text 2や3のテーマを紹介します。使い慣れたエディタもテーマを変えると新鮮な気持ちになりますよね。 まずは、最近リリースされたSu...記事の続きを読む 続きを読む

Web制作時に備えておくと便利なチートシートのまとめ（iOS, Android, Bootstrap, WordPress, Git, Sublime Text, Emmetなどいろいろ） | コリス

2014/07/24 526 users GitHub Git iOS Emmet コリス

iOS/Androidの各デバイスやエレメントの規格、BootstrapやFoundationなど人気のフレームワーク、WordPressのテーマファイル、Git/GitHubの便利な機能、Sublime TextやEmmetの使い方をまとめたチートシートなど、フロントエンドのWeb制作者に役立つチートシートをまとめました。 Web制作時によく使うサイズとかスニペットとかショートカットとか、チート... 続きを読む

知っておいてよかった！Web制作時に効率上げる「便利」なCSSテクニック | コムテブログ

2014/07/14 553 users CSSテクニック コムテブログ マルチカラム 半透明 段組み

少し前にサイト制作でさりげなく使われているCSSテクニックをまとめましたが、今回はそれを補足する形で、これから増えそうなもの、使っていきたいものを今後忘れないようにメモしておきます。 もくじ 画像 １．ブレンドモード ２．表示範囲 ３．透過＋合成 ４．半透明 エフェクト ５．マウスオーバーアイデア一覧 ６．CSSのみでメニューアイコン 段組み ７．マルチカラム ８．段の表示順 ９．コンテンツ流し込... 続きを読む

Web制作時にSEO対策の基本として必ず抑えておきたい、HTMLの改善点を見つけるツール7選 | 東京都のWeb制作会社のブログ

2014/06/19 457 users HTML 土台 SEO SEO対策 最低限

「SEOに適したWebサイトとは、どんなWebサイトですか？」 「HTMLをチェックしたいけど、どんなツールを使えば良いですか？」 Webサイトの制作・運営を行う場合、ユーザー視点で考え、ユーザーにとって分かり易いWebサイトにするためにも、GoogleのSEO対策を考える上でも、土台となってページを構成するHTMLについて、最低限のチェックは必要です。 SEO対策の基本をしっかり抑える、HTML... 続きを読む

ブランディングとは何か。ブランディング活動の基本をWeb制作時に意識しよう。　第三弾『Webサイトを構築する上で注意すべきポイント』 / Maka-Veli .com

2012/03/19 381 users 視野 マーケティング ブランディング 前回 プロジェクト

全12カテゴリー。分野別で見る、 Webサイトを構築する上でそれぞれ注意すべきポイント Webサイトの目標＝プロジェクトの目標、ではないということ。 続：Webサイトを構築する上で注意すべきポイント に続き、第三弾です。 前回までは、業界別それぞれの注意点や、そもそもサイトを作るという事とは？などについて書いてきましたが、今回はもう少し深く、マーケティングを視野に入れて考えてみたいと思います。企業... 続きを読む

Web制作をちょっとだけ楽にするjQueryプラグイン 「laquu.js」 | webox blog

2011/09/14 286 users アコーディオン ひとまとめ target属性 ブランク 都度

知り合いが便利そうなものを作っていたのでご紹介します。 Web制作時によく使う機能をひとまとめにしたjQueryプラグインです。 読み込むjsのファイルが増えてきたり、その都度追加していくのが面倒だなと感じてきていたのでこういうのは非常に助かりますね。 Laquu.js 個人的によく使う機能 アコーディオン ドロップダウン ブランク XHTMLで非推奨とされているtarget属性の代替となる機能で... 続きを読む

Web制作に役立つ、何度お勧めしても足りないくらい素敵なツール10選 - かちびと.net

2010/07/09 1815 users net Web制作 Grid System 順不同 沢山

Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。 もっと沢山あるんですが、特に利用しているものを。制作時には毎回利用しているかもしれません。基本的に無料のものを使っています。順不同。 960 grid system グリッドシステムです。... 続きを読む

Web制作時に色（カラー選定）で困った際に役立ちそうな13のツールやサービス - かちびと.net

2009/12/07 754 users net ツール 順不同 サービス 好み

Webサイトの制作時にいつも 時間がかかるのがカラー選定 で、少し困っているのでもう少し 時間を短縮したいと思い、使って いるツールも含めていろいろご紹介。 いろいろ有りすぎるので使いやすいと思ったサービスに厳選しています。順不同。使いやすさとか好みもあると思うので参考程度に。。。ネタ帳さんのwebサイト作成時にサイトカラーを決められない人の為のwebサービスいくつかという記事も凄く参考になります... 続きを読む

WEB制作時に便利な9つのFirefox拡張機能(Add-ons) - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記

2007/02/15 512 users Add-ons DesignWalker ウェブデザイナー

Firefoxって、無料で公開されている拡張機能をインストールして自分好みに拡張できるところが便利ですよね。。 この拡張機能があるから、Firefoxを使ってるって方々も多いのでは？ 一度使い始めて、その拡張機能に慣れてしまうと、 IE開いてるのに無意識のうちにその拡張機能を使おうとしてしまう。。。 っちゅうわけで、本日はわたくしが使っている便利な拡張機能の中からWEBサイト制作時に便利やなぁ～っ... 続きを読む