タグ

web制作に関するuuchanのブックマーク (98)

  • ez-HTML

    充実したカスタマイズ、正確な入力支援、XHTML形式出力も記述ができる高機能・次世代HTMLエディタ。 開発開始からの累計ダウンロード数が100万を突破しました(2022月4月5日)。 最新版(ver 7.71)をダウンロード! (2.20MB) 2005年度 VECTORベストオンラインソフトウェア賞を受賞、 2007年度 Greva!プラチナ賞を受賞しました。 Index 市販の「ウェブサイト制作ツール」(以下WYSIWYGと省略)は画像なども簡単に挿入でき、レイアウトなども簡単にできますが、その反面font要素を乱用したり何度も編集している間ゴミのようにタグが残ってしまうという問題点があります。 当ソフトウェアは主に手打ちでHTMLソースを記述する人向けのために開発されています。 また、WYSIWYGで制作したHTML文書のちょっとした編集などにも使う事ができます。 また、このHT

  • Visualize Website Structure – Sitemap

    2014年8月17日 Webサイト制作, 便利ツール Webサイト制作の準備編2:Webサイトの構成図(サイトマップ)。どのページがどこへリンクするのか、ページの重要度など、Webサイトの構成を図にまとめておくと製作途中で変更があった場合でも整理しやすくなります。Webサイトの構成図を作るときのポイントと便利なオンラインツールをまとめてみました。 ↑私が10年以上利用している会計ソフト! 実践で学ぶWebサイト制作ガイド:その2 目標:Webサイトの構成を明確にする 必要なもの:紙とペン 対象レベル:超初心者OK! 目次 誰のため?何のため?Webサイトを作り始める前に。 Webサイトの構成図を簡単に作れる便利ツール ←今ここ Webサイト設計図 – ワイヤーフレームの作り方 PhotoshopでWebサイトのデザインをしよう Photoshopでスライスし、パーツ画像を作成するコツと方法

    Visualize Website Structure – Sitemap
  • 文字化けしない中国語ホームページの作り方(文字参照を使った方法) | どんと来い、中国語

    尚、この変換ツールは中国語の漢字だけでなく、ピンイン文字や日語、またハングル文字など、あらゆる文字を立ち所にして「文字参照」に変換します。 多言語のホームページに役立ててください。日語の「髙」や「﨑」なども変換できます。(基的なabcやスペース・改行などは変換しない仕様になっています) 文字が点「・」になってしまう場合 お使いの環境によっては、・が表示されるだけで、中国語が出ない場合があるようです。 このような場合はフォントが日語になってしまっていることが原因なので、次のように書くことで文字化けせずに中国語を表示することができます。 そのままコピー&ペーストでしてHTMLファイルに貼り付けて試してみてください。 (スタイルシートでフォントを指定してあげることでも対応できます。中国語のフォントについてのページも参照してください。) <font face="MS UI Gothic">

  • 「WordPressのfunctions.phpを使って出来るカスタマイズ」をまとめたスレ・Best Collection of Code for your functions.php file

    いつかやろうと思っていたWPの functions.phpで出来ることのま とめが、海外のWP専門質問サ イトにあったのでこちらをご紹介。 個人的にもかなり役に立ちました。 Q&Aサイトは色々助かりますよね。 WordPressのテーマファイルで使えるfunctions.phpは色々とテーマの機能を拡張するのに大いに貢献してくれます。 このfunctions.phpを使って何が出来るのかは、WebデザインレシピさんのWordPressのfunctions.phpに書いておくといいかもしれないコードいろいろという記事をご覧になってみてください。 今日ご紹介するBest Collection of Code for your functions.php fileというスレッドには79個の回答があります。 WordPressの情報専門のQ&Aサイト・WordPress Answersでのスレッド

    「WordPressのfunctions.phpを使って出来るカスタマイズ」をまとめたスレ・Best Collection of Code for your functions.php file
  • ブログアフィリエイトで稼ぐのに役立った「最強ツール」27選【保存版】

    検索キーワードを調べるツールまとめ キーワードを調べる決定版「Google キーワード プランナー」 Googleが運営するキーワードツールで、おおよその月間検索数や競合性が高いかどうかを調べることができます。 キーワードリストをダウンロードしておいて、そこから作る記事を考えるのが効率的。 一定の広告料を使わないと細かな数値は分かりませんが、Googleのデータを元に記事タイトルを決められるので、使ってない人は絶対使っておきましょう。 Googleキーワードプランナー キーワードの組み合わせが分かる「ラッコキーワード」 キーワードの組み合わせを探せるアドバイスツール。 Googleのキーワードプランナーほど細かなデータは分かりませんが、シンプルで使いやすいツールです。 ラッコキーワード 検索順位を調べるツールまとめ 業者も使う順位チェックツール「GRC」 他のツールだと毎回キーワードを入力

    ブログアフィリエイトで稼ぐのに役立った「最強ツール」27選【保存版】
  • 誰でも作れる! “崩れない”HTMLメルマガ作成術(1/4)- @IT

    誰でも作れる! “崩れない”HTMLメルマガ作成術:一撃デザインの種明かし(12)(1/4 ページ) キレイなHTMLメールを作るコツ/Tips盛りだくさん! ECサイトはもちろん、企業サイトのニュースなど、いまなおプッシュ型の情報配信として支持されるメールマガジン。一時のフィードリーダーの盛り上がりもあり、以前に比べると落ち着きましたが、まだまだメールマガジンの効果は侮れません。 今回は、そんなメールマガジンの中でも、表現力豊かなHTMLメルマガの作り方について、徹底解説します! 「HTML」自体は、それほど難しくないが…… 「HTML」というマークアップ言語自体はプログラム言語に比べると手が出しやすいので、Webを仕事としていない方でも触れた経験をお持ちの方はいらっしゃるのではないでしょうか? そういう人にとっては、HTML言語自体はそれほど難しくないと思います。 しかし、そのHTML

    誰でも作れる! “崩れない”HTMLメルマガ作成術(1/4)- @IT
  • WebサイトをiPhoneで見やすくする5つの方法

    2017年6月29日 Webサイト制作, Webデザイン, 便利ツール iPhone持ってないくせにWebクリエイターボックスをiPhoneで見やすいよう改良しました。iPhoneからhttp://webcreatorbox.comにアクセスすると自動的にhttp://webcreatorbox.mobify.meにリダイレクトされます。(されてなかったら直接http://webcreatorbox.mobify.meからドウゾ…)今回は下記に説明するmobifyというサイトからiPhone用サイトを作りましたが、他にも便利な方法があったので紹介してみます。 ↑私が10年以上利用している会計ソフト! 1. CSSのみで切り替える iPhone用に作成したCSSを作り、デバイスの幅によって使用するCSSを切り替えます。 &amp;amp;amp;amp;amp;amp;lt;link rel

    WebサイトをiPhoneで見やすくする5つの方法
  • WordPressでのパス指定を絶対パスから相対パスに変更する方法

    WordPressで使用するパス指定は絶対パスのものが多いですが、これをルートからの相対パスに変更する方法を紹介します。 How to make WordPress URLs root relative [ad#ad-2] このブログではパス指定では現状困っていませんが、ポータビリティ(サイトの移転)、ダウンロードサイズ、コードの簡潔さなどを求める際には相対パスの方が有利になります。 ルートからの相対パスにするには、下記のコードをテーマファイル内の「functions.php」に記述します。 ※「functions.php」が無い場合は作成してください。 PHP URLの文字列から「http(s)」と「ドメイン」を取り除きます。 function make_href_root_relative($input) { return preg_replace('!http(s)?://' . $

  • 永久保存版!?携帯コーディング、これだけ読めばすぐできる! | KAYAC

    マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか

  • DreamweaverからCodaに変えました

    2017年6月29日 便利ツール Webサイトを制作する時のWebオーサリングツール・HTMLエディタは何を使用していますか?きっと多くの人がDreamweaverを使っていると思います。私もそうでした。が、最近私のまわりのWebデザイナーがみんなCodaというソフトを使っているのに気づき、試したところ、あまりにも使い勝手がいいので紹介します。当におすすめです! ↑私が10年以上利用している会計ソフト! Codaの特徴を簡単に 詳しい説明はリンクをクリックでジャンプします。 Mac専用 美しいビジュアル 便利なプレビュー画面 PHPJavaScriptの動作確認も 素早いタグ打ちが可能 有料 8,500円 はい、Mac専用なんです。このブログを読んでいるユーザーの70%がPC使用なのでこれを記事にするか悩みましたが、Mac愛用者さんに向けて!ちなみに私はCoda英語版をインストールして

    DreamweaverからCodaに変えました
  • http://www.designwalker.com/2010/05/css3.html

    http://www.designwalker.com/2010/05/css3.html
  • | test

    mameshibankさん 豆柴日和 amecustomさん アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開! jade-taさん 脚家によろしく。 nisishowさん リフォームで地域社会に貢献 ringo417-maさん ★ 月に負け犬 ★ cairさん 広報&IR担当のオフィシャルブログ shikamaさん 千葉の東京寄りでホームページ制作&企画・運用中! saijoさん 経営に終わりはない nina-yuanbeauteさん 芳村仁奈オフィシャルブログ「Nina's Diary」Powered by Ameba frontier-ceo-bossさん フロンティア社長 オフィシャルブログ Powered by Ameba ohtias-ceoさん ソーエネ×オーチアス社長 alfortさん 念ずれば花ひらく「会社経営」

    | test
  • nanapiの初期バージョンに検索窓がなかった理由 : けんすう日記

    はじめに 【仕事における80:20の法則】個人・企業のパフォーマンスを最大限に高める方法 | [b] bizMode|世界のデジタルトレンドを読む というブログの中で nanapiというレシピサイトがありますが、c/o時は全然機能がなく、レシピを探せませんでした。果たして、カットオーバー時点において、レシピ検索機能は備え付けておく必要があったのでしょうか?また、個人ページにも全く機能性はありませんでしたが、今はどうでしょう?十分パワーアップしています。 そこに、多くの問題が発生したでしょうか?していません。 少しの問題は発生していましたが、プロダクト価値を脅かすものではありません。 徹底的に80%にこだわり、重要なポイントは、十分に抑えられていたと思います。 こんな記事で紹介してもらったので、ちょっと書いてみます。記事内では、最初は検索結果に対しての工数をさかずにあとで回した、というニュア

  • 全モバイルサイト閲覧ページ「All Preview」|モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト

    モバイルデザインアーカイブでは現在まで1,000サイト以上のモバイルデザインを掲載しています。 モバイルデザイナーにとって探しやすいようにサイドナビゲーションから各ジャンル別のケータイサイトを閲覧することが可能です。 すでに抱えている携帯サイト制作案件があれば該当するサイトジャンルが明確なため、すぐにそのジャンルのすぐれたケータイサイトを見ることは役立ちます。 ただ、モバイルデザインアーカイブのようなデザインサイト集は、空いた時間に眺めているだけで、クリエイティビティを刺激してくれるものです。 そこで、モバイルデザインアーカイブでは、そうしたモバイルデザイナーの方向けのページとして、全てのケータイサイトを閲覧していただけるページをご用意しました。 全モバイルサイト一覧

  • もう使えない・古いSEOの知識 2010 (前編) ::SEM R (#SEMR)

    もう使えない・古いSEOの知識 2010 (前編) かつては真実だったけれども、今は違うSEO知識まとめ 第1回。 公開日時:2010年04月05日 15:12 先日の最新ではないSEOに関連して、今度は、もう古いSEOの話。はてなに投稿された質問について。SEOについて考えて見ましょう。 SEO対策について質問です。SEOをやっている人などから以下の項目のようなことを聞くのですが、ソース(出所)を見たことがありません。以下のどれかについて可能な限り信頼できるソースか、または納得できる根拠をお教えいただけますでしょうか。 ●.htaccessでURLを書き換えた(スラッシュ終わりなどにした)方がいい ●拡張子はphp(動的なもの)などよりhtml(htm)の方がいい ●ドメインは「wwwあり」の方がいい ●サブドメインよりディレクトリ分けの方がいい ●h1を入れるならbody直下が一番いい

    もう使えない・古いSEOの知識 2010 (前編) ::SEM R (#SEMR)
  • CSSビギナーに気をつけてほしい5つのポイント | コリス

    スタイルシートは、複数の人間が携わる場合は当然のことながら、自分一人の場合でも長期にわたり携わることがあるので、分かりやすくクリーンなものにしておきたいものです。 スタイルシートを適切に使用し、そして管理しやすくする5つのポイントをSoh Tanakaから紹介します。 CSS Beginners Do's and Dont's Part 2 下記は各ポイントを意訳したものです。 1. classとidは適切に使用する ビギナーは新しいclassをどんどん作成してしまう傾向があります。冗長なものや不必要なclassやidはCSS来の目的からはずれるものです。 CSSの美しさはデザインをマークアップから切り離すことにあり、それを許すということです。またclassやidを最小限にすることで負荷を減らすことにも繋がります。 Bad p要素それぞれに全て個別のclassを使用しています。 <tex

  • 有料ソフトとデザイン作業を無力化させる30のブックマークまとめ*ホームページを作る人のネタ帳

    有料ソフトとデザイン作業を無力化させる30のブックマークまとめ*ホームページを作る人のネタ帳
  • クライアントからのムチャぶり迷言集

    2013年3月23日 ネタ みなさんはクライアントのとの打ち合わせ中に「そんなむちゃな!」と思ったことはありませんか?私はあります。何度もあります。そんなクライアントからの迷言を集めたサイト: Clients From Hell(地獄からきたクライアント)と、こちらの記事を載せてみようと思います。 ↑私が10年以上利用している会計ソフト! 時間とお金に関するムチャぶり 残念ながら多くの人がWebサイトは簡単に作れると思っているのが現状です。。 「今日中に100ページくらいのWebサイトを作って貰えますか?」 「会社のコンセプトを変えようと思うんだ。Webサイトを作り直すのに2日あれば充分かな?」 「ブログとショッピングカートのついた8ページくらいのサイトを作ってください!3万円で!」 「支払うお金はないんだけど、このシルクのシャツは6000円くらいするから、ほら、持っていってください。」

    クライアントからのムチャぶり迷言集