タグ

WEB制作に関するmasaya-chonanのブックマーク (54)

  • IBM Developer

    IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

    IBM Developer
  • 僕がWebディレクターの肩書がついてから勉強した15のこと

  • ウェブ制作関連のチートシートをまとめたポータルサイト -Quickly Code

    HTML5/CSS3/jQueryをはじめ、サーバーやプログラミング、デザインなどウェブ制作関連のチートシートをまとめているサイトを紹介します。下記はチートシートを分類しているタグの一部です。 Quickly Code タグ一覧 各ジャンルのチートシートは数もそろっており、それぞれ簡単な説明とダウンロード先のリンクが掲載されています。 その中から下記にいくつか紹介します。

  • DummyImage.com

    by Russell Heimlich (@kingkool68) 600x400/000/fffSize / Background Color / Foreground Color . Format & Text DocumentationSizewidth x height Height is optional, if no height is specified the image will be a square. Example: https://dummyimage.com/300Must be the first option in the urlYou can specify one dimension and a ratio and dummyimage will calculate the right value. Example: https://dummyimage

    DummyImage.com
    masaya-chonan
    masaya-chonan 2010/07/13
    ダミー画像を作る時に便利
  • Support Details | Tech Support Management

    Welcome To SupportDetails.com SupportDetails.com has everything you need to know to keep tech support people happy: which computer you are using (PC or Mac), which operating system (Windows or OS X), which web browser (eg, Firefox, Chrome, Safari, Edge), your IP address and more system information. Customize Your Report Simply send a properly formatted URL with recipient, sender, or both to have t

    masaya-chonan
    masaya-chonan 2010/07/13
    お客さんにブラウザ環境を教えてもらう時に便利
  • 10 Free Tools for Maintaining Your WordPress Website

  • 時間の節約になるWeb制作関連ツール 12+1

    2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう!今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ!」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト! Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな

    時間の節約になるWeb制作関連ツール 12+1
  • 道具箱の整理

    はじめに この記事は、mymy-mycompany分室の2005年10月に1ヶ月をかけて書いたものです。ブログだと後から参照するのが大変なので、ここにまとめておきます。また、ブログでは時間の都合で書けなかった話も追加していく予定です。 私の道具箱 ここ1ヶ月ほど、私的Webサイトプロジェクトなるものに参加しています。オープンソース方式ではなくて伽藍方式。以前、オープンソースのカンファレンスに出たときに、そこで発表していた学生が、ちらと「実はオープンソースよりも伽藍のほうがクオリティが高いものができると思っているんだよね~」と話していたのが、非常~に気になってはいるのですが、そのあたりは、各自のモチベーションと時間の取り方の違いでしょうね。オープンソースでもコミットする人数(アクティブな人)が限られていれば伽藍に近くなるし、伽藍にしてもうまくいかないプロジェクトごまんとあるわけなので。 で、

  • 10 Free Tools to Load/Stress Test Your Web Applications

    Wikipedia defines Load and Stress Testing as “Load testing is the process of putting demand on a system or device and measuring its response. Stress testing refers to tests that determine the robustness of software by testing beyond the limits of normal operation”. Due to budget constraints, my clients usually ask for some free tools to load/stress test their application, before going live. Here a

    masaya-chonan
    masaya-chonan 2010/07/11
    負荷試験ツール
  • t32k.com - このウェブサイトは販売用です! - t32k リソースおよび情報

    このウェブサイトは販売用です! t32k.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、t32k.comが全てとなります。あなたがお探しの内容が見つかることを願っています!

  • Web制作に役立つ、何度お勧めしても足りないくらい素敵なツール10選

    Webサービス使えるツール10選 Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。 Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。 もっと沢山あるんですが、特に利用しているものを。制作時には毎回利用しているかもしれません。基的に無料のものを使っています。順不同。 960 grid system グリッドシステムです。ブックマークレットも含め、色々手軽なのが嬉しい。何よりグリッドレイアウトはお客さん受け良い傾向にある気がします。 960 grid system Fire

    Web制作に役立つ、何度お勧めしても足りないくらい素敵なツール10選
  • Firebugの使い方 | THE HAM MEDIA

    Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会(SaCSS)にて発覚!使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ!」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない!という人も勉強会の時に多かったように、実際にも多いはず! Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ!と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認

    Firebugの使い方 | THE HAM MEDIA
  • Seleniumを使ったリアルタイムのデザイン確認·Cqstyle MOONGIFT

    CqstyleはWindows用のオープンソース・ソフトウェア。Webサイトのデザインでターゲットブラウザになることが多いのはIE、そしてFirefoxだろう。さらにSafariやGoogle Chromeも考えるべきだが、シェアを考慮するとこの二つがまず大事になる。 IEとFirefox向けのデザインを同時に確認 各ブラウザによってレンダリング結果が多少異なるため、その調整作業が必要になる。だがFirefox向けに徹底的に調整した後、IEで確認したら思い切りずれていたなんてこともある。そんな悲惨な結果を避けるために使ってみたいのがCqstyleだ。 Cqstyleはいくつかのパターンがあるが、まずWindows向けのプログラムが基になる。CqstyleがSeleniumサーバとなり、IEとFirefoxを立ち上げる。さらにデフォルトブラウザ向けにCSS編集ウィンドウが開くので、そのテキ

    Seleniumを使ったリアルタイムのデザイン確認·Cqstyle MOONGIFT
  • ワンパターンなウェブデザインから抜け出すための10のヒント

    10 Great Tips to Boost Creativity [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに ウェブサイトをデザインするとき、ワンパターンに陥ってしまうことは簡単です。デザイナーは自分が何が得意であるか知っており、それを強みにして常用してしまう傾向があります。しかしながら、通常とは異なる視点をとることで、創造的なアプローチを新しい限界へとおし上げることができます。 創造力をアップさせることはウェブデザインの現在のトレンドを学び、何がそれを成功させたかを理解し、そしてあなた自身のユニークなスタイルを使ってそれらのテクニックを実行することから始めます。 あなたの創造力をあふれ出るようにするために、ここに考慮に入れるべき10のヒントがあります。 1. カラーを考えてみる サイトをゼロから作成する時や修正する時、コンセプトを強くするためにカラーの知識を深め

    masaya-chonan
    masaya-chonan 2010/06/29
    自分の強みと弱みを意識。継続的なコンセプト見直しは持続可能なWEB制作に必須。
  • JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]

    代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧

    JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]
  • 第9回 Webマスターと社内の関係 - MdN Design Interactive

    WEBディレクションの極意 文=島元大輔 大阪Web制作会社でWebディレクターとして活躍後、(株)キノトロープに入社。数多くの企業Webサイト構築プロジェクトにかかわる。その後、 (株)ライブドアに入社、現在は(株)セシールに在籍。著書として「だから、Webディレクターはやめられない」(ソシム刊)。 url.blog-project.cecile.co.jp/ 第9回 Webマスターと社内の関係 企業のWebサイトを構築するとき、制作から運用までさまざまな人物がかかわる。その中で、企業側のネット担当者をWebマスターという。ここではWebマスターの立場からWebディレクションに焦点を当てて、Webプロジェクトをスムーズに進めるための方法論を解説していこう。制作会社という受注側の立場も経験し、現在はWebマスターという立場で業務を行っている筆者ならではの見解を述べていく。 ■Webマスタ

  • リニューアルには気遣いと愛着を - livedoor ディレクター Blog(ブログ)

    6月9日というロックな日にブログを書くというめぐり合わせをうれしく思うモバイル班のロックマンです。 livedoorに入社して10ヶ月ほど経ったのですが、振り返ってみるといろんなコンテンツのリニューアルばかりやっていたことに気付き、今回はその私の考える「リニューアル」について書いてみることにします。 なぜリニューアルするのか これはサイトによっていろいろ変わってくるのかも知れませんが、私がこれまでやってきたサイトリニューアルは、「これからこのコンテンツの停滞したPVやUUを伸ばすぞ!」という掛け声のもと、その第1番目の施策として「ユーザビリティの向上」を目的として行うリニューアルです。 その中身は (1) デザイン・見た目のリニューアル (2) 機能改善(使いやすくする)とか (3) 新機能追加 とか という表と裏の総見直しといったところです。 (1)と(3)について……これは次のいつかの

    リニューアルには気遣いと愛着を - livedoor ディレクター Blog(ブログ)
  • CTOが伝授する「Webディレクターの傾向と対策」 : LINE Corporation ディレクターブログ

    こんにちは、執行役員CTOの池邉です。 今日はディレクターブログにゲスト参加という事で、「開発者から見たディレクター像」と、それぞれの傾向と対策について書いてみたいと思います。 ディレクターの役割? 弊社での一般的なWebサービスの開発/運用においては、プログラマ・デザイナー・マークアップエンジニア・ディレクターという職種が関わります。 プログラマ = システム開発する人デザイナー = デザインする人マークアップエンジニア = HTML/CSS書く人ディレクター = ???上記のように他の職種の役割が明確なのに比べて、ディレクターの担当範囲というのは非常に不明瞭です。企画職とか言われる事もありますが、プログラマの出す企画が通る場合もあるので、それだけでも無さそうです。 実は弊社においてもディレクターの担当範囲というのは、明確に定義されてないようで、プログラマ・デザイナー・マークアップエンジ

    CTOが伝授する「Webディレクターの傾向と対策」 : LINE Corporation ディレクターブログ
  • Webサイトの制作/運用の効率化を図る 「ガイドライン策定」のすすめ(後編)

    連載では、Web標準のメリットを最大限に生かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口をたらしていきたいと思います。連載第2回目となる今回のテーマは、前回に引き続き、制作/運用時の指針となる「ガイドライン策定」です。前回紹介しきれなかった「CSSガイドライン」、その他のドキュメントについて解説していきます。 はじめに 連載では、Web標準のメリットを最大限に生かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口をたらしていきたいと思います。 連載第2回目となる今回のテーマは、前回に引き続き、制作/運用時の指針となる「ガイドライン策定」です。前回紹介しきれなかった「CSSガイドライン」、その他のドキュメントについて解説していきます。 対象読者

    Webサイトの制作/運用の効率化を図る 「ガイドライン策定」のすすめ(後編)
  • Webサイトの制作/運用の効率化を図る 「ガイドライン策定」のすすめ(前編)(1/4):CodeZine

    Web標準に従うことは、SEO効果、ユーザービリティ、メンテナンス性の向上など、Webサイトの利用者と制作者の双方にさまざまなメリットをもたらします。しかし、実際にWeb標準の仕様書に従ってWebサイトを制作しようとすると、制作者の頭を悩ませる多くの問題が待っています。連載では、Web標準のメリットを最大限に生かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口をたらしていきたいと思います。 はじめに Web標準に従うことは、SEO効果、アクセシビリティ、ユーザービリティ、相互運用性、互換性、メンテナンス性の向上など、Webサイトの利用者と制作者の双方にさまざまなメリットをもたらします。しかし、実際にWeb標準の仕様書に従って「正しい(X)HTML+CSS」でWebサイトを制作しようとすると、制作者の頭を悩ませる多くの

    Webサイトの制作/運用の効率化を図る 「ガイドライン策定」のすすめ(前編)(1/4):CodeZine