タグ

WEB制作に関するyananakiのブックマーク (243)

  • ブログアフィリエイトで稼ぐのに役立った「最強ツール」27選【保存版】

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

    ブログアフィリエイトで稼ぐのに役立った「最強ツール」27選【保存版】
    yananaki
    yananaki 2010/09/15
    「ホームページ制作者が知っておくべき恐ろしく便利な62のサービス+α」 SEO系は使った事のあるものが多いかな。チートシートは結構重宝してます。他にCSS・ワードプレス、お役立ちツール、テンプレ、アドオン等。
  • ProCSSor - Advanced CSS Prettifier

    First Place For The Best Virginia Events! When it comes to events there is no where better to get your updated info. You will see a list of the current and upcoming events below. From county fair to music festivals to petting zoos, there is an amazing list of events for all ages around Virginia.' Focusing on amazing fun for the entire family! The County Fair features great events and games for all

    yananaki
    yananaki 2010/09/14
    「ProCSSor:CSSをすっきりキレイにしてくれるツール」 DWのソースフォーマットがあれば使う機会は少なそうだけど、他の作業者からもらったCSSが読みにくくて、かつ自分で整形するしかないような時には便利かも。
  • 永久保存版!?携帯コーディング、これだけ読めばすぐできる! | KAYAC

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

  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • 【HTMLタグの簡単検索】TAG index - ホームページ作成情報

    リファレンスについて HTML リファレンス HTML Living Standardに対応したリファレンスです。 HTMLタグ リファレンス HTML4の時代に作成したリファレンスです。古いWebページを更新する際などに参考にしてください。 CSS リファレンス CSS2の時代に作成したリファレンスです。

    【HTMLタグの簡単検索】TAG index - ホームページ作成情報
  • 初めてブログを訪問したときに「これがあると嬉しいな」と思う10の要素 - 山田井ユウキ - builder by ZDNet Japan

    builder読者の皆さん、こんにちは。 金曜日担当の山田井ユウキです。 普段からブログを色々と渡り歩いているのですが、そんな中で「初めてブログを訪問したときにこれがあると嬉しいな」と思う要素を今回まとめてみようかなと思います。全部で10個あります。 1.過去に人気のあった記事の一覧 個人的に一番ほしいのがこれ。 過去の人気記事をサイドバーやヘッダーに出しておいてくれると、初めてブログを訪問したときに何を読めばいいのかわかりやすいので助かります。 これがないとそのときの最新記事を読むしかないのですが、それでブログの印象が決まるのが不意だという場合もあるでしょうし。 何でも初見が重要ですので、まず一番美味しいところを教えてほしいなと思います。 自分で人気記事一覧を作るのが面倒なら、はてなブックマークのウィジェットを貼り付けておくと便利です。 2.ブロガーのある程度詳細なプロフィール いわゆ

  • ウェブ配色ツール Ver2.0

    的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています(ただしフォントは変更出来ません)。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ

    ウェブ配色ツール Ver2.0
    yananaki
    yananaki 2010/08/17
    使いやすそうなウェブ配色ツール。見出し画像に書かれているコメントはどれも基本なんだけど大切なことだから、いつでも意識していると良いよね。
  • Twitter / ツイートボタン

    このボタンをあなたのWEBサイトに表示すれば、ユーザーはあなたのサイトを離れることなく、あなたのWEBサイト上のコンテンツをTwitter上で共有することができます。TwitterからあなたのWEBサイトへとトラフィックを呼び込むのと同時に、戦略的なTwitterアカウントをユーザーにおすすめすることができます。 ボタンを選択してください。カスタマイズすることもできます。

    yananaki
    yananaki 2010/08/13
    twtter公式のツイートボタン。ブログを持ってる人は使ってみるといいかも。
  • Webサイト制作でよく出てくるコンテンツとそれによく使うディレクトリ・ファイル名の一覧 - btmup Blog

    Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基スタンス。 btmup Blog ディレクトリ名とかファイル名って、ちゃんとしようとすると意外に時間がかかるもの。 ページタイトルを直訳すれば良いってもんでもなく、いくつかある候補から内容に一番合った単語を見付けてこないといけない。 いちいち英語を調べるのもメンドいし、かといって「gaiyo」とかじゃ気持ち悪いし、どうしたもんかねー、とずっと思っていました。 で、今回、勢いでざっくりとまとめてみたのでついでに公開します。 当にざっくりなので抜けもあるだろうし「それくらい書かんでも分かるわボケ」なものもあるでしょうけど、まぁそれは追々。 ディレクトリ名やファイル名として使用することを前提としているので、文法とかは全く考慮してませんので悪しからず。 最近、医療・病院関係のサイトに仕事で関わることが多

    Webサイト制作でよく出てくるコンテンツとそれによく使うディレクトリ・ファイル名の一覧 - btmup Blog
    yananaki
    yananaki 2010/08/05
    Webサイト制作でよく出てくるコンテンツとそれによく使うディレクトリ・ファイル名の一覧 これ、確かに迷う。日本語をローマ字にするだけだと微妙だし、英語調べるのは面倒だし便利です!
  • Placehold.it - Quick and simple image placeholders

    One place to find your commercial real estate rentalSimplest way to search listings across the web

    Placehold.it - Quick and simple image placeholders
    yananaki
    yananaki 2010/08/04
    ダミー画像ジェネレータ これ便利かも。バナーだけ後送みたいな案件、たまにあるものね。作った方が早い時もあるけど、コーディングに集中したい人には良いのかも。
  • 使用中のおすすめWordPressプラグイン15個

    2014年9月7日 Wordpress このサイトや私のポートフォリオサイトで使用中のWordPressプラグイン一覧です。結構この手の記事を見かけることが多いので記事にしていませんでしたが、何度かリクエストを頂いたので書いてみます。有名どころを多数使用しているので、日語であまり紹介されていないプラグインのみ使用方法を紹介し、残りは参照リンクをご覧ください! ↑私が10年以上利用している会計ソフト! どのサイトでも使うプラグイン 自分のサイトでもクライアントのサイトでも、必ず使っているプラグインです。 Akismet AkismetのプラグインWebサイト

    使用中のおすすめWordPressプラグイン15個
  • 非デザイナーのためのデザイン基本テクニック その1 | 07design.blog

    デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で

  • 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

  • デザインとか加工とか出来ないからなんかいいの教えて、と言われて教えたツールいろいろ

    Webツールデザインしたい! 友人がブログを始めたのですが、 Web制作もデザインも全く経験が 無いけど、普通な感じがすごく嫌 らしく、知識が無くても加工出来る、 とか良いサイトとかソフトは無いのか、 と聞かれて教えたWebサービスや ソフトが、同じ境遇の方に役立つかも と思って記事にします。 友人がブログを始めたのですが、 Web制作もデザインも全く経験が 無いけど、普通な感じがすごく嫌 らしく、知識が無くても加工出来る、 とか良いサイトとかソフトは無いのか、 と聞かれて教えたWebサービスや ソフトが、同じ境遇の方に役立つかも と思って記事にします。 普通に写真や画像を掲載するのではなく、ちょっと個性的な感じにしたい、出来れば無料がいい、でも自分でデザイン作業は出来ないから良いサイトとか無い?とのことでした。 どうしたいのか良く分からなかったので、あんまり一貫性は無いんですが、教えたの

    デザインとか加工とか出来ないからなんかいいの教えて、と言われて教えたツールいろいろ
  • とっても使えるoverflowプロパティ。その使い方色々。

    光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ~と思ったので自分が良く使うのをまとめてみました。 あんまoverflowプロパティを使った事が無い方は、ビックリですよ! これで、ソコの可愛いアナタもoverflowプロパティの虜になる事間違い無し!!(わかんないけど サンプルとかは以下よりどうぞ。 サンプルサイトを見る サンプルをダウンロード 基的に、全てoverflow: hidden; の指定を足す事で解決したり実現出来る感じです。 01 clearfixみたいに使う まずは以前の「clearfixを使わないでやるに

    とっても使えるoverflowプロパティ。その使い方色々。
  • iPad Peek - Just another WordPress site

    A few years ago, Apple launched a series of products that is now the gold standard of tablet computers. Between the basic iPad, the iPad Mini, and the iPad Air — there’s something for everyone in their lineup. However, the iPad Pro is, by…

  • モバミル - イケてる携帯サイトデザイン

    ########## REQUIRED: INSERT DESCRIPTION ##########

  • CSS HappyLife ZERO

    CSS HappyLife ZEROは、主にCSS初心者・中級者の方を対象にしたCSSに関するアレコレがつまったサイトです。 プロパティやセレクタなどのリファレンスに加え、実践的なレイアウト講座やTips・コラムなど、それとCSS3に関してもちょこちょこ書いてます。 詳しい説明や、初めて訪れた方は「サイト説明」を読んで頂ければと思います。

  • bashalog.biz

    bashalog.biz 2023 著作権. 不許複製 プライバシーポリシー

    yananaki
    yananaki 2010/07/27
    なんか似たようなの前にもあったかなぁ?
  • 「浅漬け」と「ぬかみそ」、そして default.css : 亜細亜ノ蛾 - Weblog

    新顔・浅漬け CSS 「浅漬け CSS」という、「通」な人がニヤリと笑う CSS が提案されています。 浅漬けCSS | Blog hamashun.com 「浅漬け CSS」って何? 浅漬けCSSの定義 必要な要素へのmarginとpaddingのリセット程度を記述した、シンプルなCSSファイルやソースコードを浅漬けCSSと呼びます。 サイトによって記述する内容が変わる事もあります。 浅漬けCSS | Blog hamashun.com ということで、ブラウザによって表示が まちまちになる各要素を、あっさり目にスタイルをリセットする CSS ですね。 一昔前だと、こういったコードが多く見られました。 * { margin: 0; padding: 0; } というか、今も使われていますが、たしかデメリットが あったような──。フォームとかボタンに悪影響がある、だったかな? 情報ソースが見