タグ

基本とまとめに関するkadokurararaのブックマーク (47)

  • HTML Reference

    HTML Reference is free and always will be! Please whitelist us in your ad blocker. Thank you! A free guide to HTML Learn by example: htmlreference.io is a free guide to HTML. It features all elements and attributes.

    HTML Reference
  • SEO順位に影響を与える全65項目のチェックリスト

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBマーケティングの業界に入って、強く感じることは、どの企業もSEOに関して明確な方針を持つことができていないということだ。 その一番の原因は、SEOに関する知識不足にある。 知識不足のままにSEOに取り組んでしまうと、効果のないことに莫大な時間を費やしてしまったり、SEO業者に丸投げをしてしまうことになる。 それで、結果が出ないだけであればまだ良いが、中には、手の打ちようがないぐらいにメチャクチャな状態になっている方もいる。そこで、日は、SEO順位に影響を与える全65項目のチェックリストをご紹介する。 これをもとに、あなたが行っているSEO施策を見直してみて欲しい。 SEOキーワードに関するチェックリスト■最重要 1.Titleタグ

    SEO順位に影響を与える全65項目のチェックリスト
  • ウェブデザイナーは知っておきたい、ページレイアウトの代表的な10のパターン

    実際のウェブサイトを例に、ずっと廃れないであろうページレイアウトの10のパターンとその特徴を紹介します。 10 Evergreen Website Layouts (that will never go out of style) [ad#ad-2] 下記は各ポイントを意訳したものです。 2カラム、広いヘッダ 3カラム、広いヘッダ フォーボックス 不確定なグリッド 大きいスクリーンショット シングルカラム 打ち出し画像 固定サイドバー グリッドベースのギャラリー マガジンスタイル [ad#ad-2] 2カラム、広いヘッダ これは最も普通のレイアウトと言ってもよいでしょう。広いヘッダが上部にあり、960pxを2カラムにし、一つは広く、もう一つは狭くしたものです。狭い方はサイドバーでナビゲーションなどが設置してあります。 慣習的に、ブログでは広い方の右にナビゲーションを置き、スタティックなサイ

  • 絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎

    webデザインを考える時にカラーは切っても切りはなせません。しかし、配色は苦手だけど、まぁカラーの勉強は後でいいや…センス無いしその前にやることあるし…となんとなく後回しにされがちなんじゃないかなーと思います。基を知っておくと、デザインに役立つのはもちろん、クライアントさんに提案出来たり、私生活や料理etc…様々な場面でとっても強い味方になってくれるます。ちょっとしたスキルアップをしたいと考えてるなら、まずは配色から初めてみるのが良いかもしれませんXD 色って? カラーモードRGBとCMYKとは? 色の三属性について 「色相」 「明度」 「彩度」 具体的な例と配色方法 面積比率 可読性 最後に 1.色って? まず一口に色といっても色々(シャレじゃないですw)あるのですが大きく分けて果物や印刷物など物についてる色とテレビやパソコンのモニターなど光を放っている色の2種類があります。 物体色

  • デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則

    このブログ、Webデザインレシピのデザインをリニューアルしました。 この機会にデザインを勉強したことがない人でも、楽しくデザインをすることができるかもしれない、基原則 4つをご紹介します。 この原則は「ノンデザイナーズ・デザインブック」著者 Robin Williams で詳しく解説されています。 古いですが、とっても素晴らしいで今では新装増補版となって発行されているようです。 今回、このブログ – Webデザインレシピのデザインを、ガラッと変えてみました。これを機会にちょっとデザインの基というか、デザインをするときにガイドとなる、4つの原則をおさらいしておきます。Webデザインに限らず、会社で提出する報告書や学生さんのレポート、レストランのメニューなど、ページと呼べるものには全部当てはまると思うので、Webサイトを作るとかじゃなくても、知っておいて損はないかもしれませんね。 せっ

  • 配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう!|Webpark

    自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか? 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。この記事自体単なるまとめ記事ですが、できるだけ厳選し、読んでほしい順に並べました。皆さん、あきらめずに一緒に勉強しましょう。 配色 アクセントになる色を使うのが苦手で、同色系の色ばかり使ってしまうのですが、これらを読めば恐れずに使えそう。 色彩センスのいらない配色講座 ベースカラー、メインカラー、アクセントカラーに分類してどのような色を選ぶべきか分かりやすく解説してくれています。具体例もあって分か

    配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう!|Webpark
  • WINNIPOKER : Situs Poker Online DominoQQ PKV Games Terpercaya di Indonesia

    WINNIPOKER : Situs Poker Online DominoQQ PKV Games Terpercaya di Indonesia Winnipoker merupakan situs poker online terpopuler yang menggunakan server Pkv Games dengan deposit uang asli yang mudah menang dan paling fair play. Dengan minmal deposit hanya 20 ribu saja anda sudah dapat memainkan 16 permainan Pkv Games QQ online terpopuler seperti Poker online, dominoqq, bandarq, aduq, bandar66, bandar

  • jQuery基礎文法最速マスター[to-R]

    jQuery基礎文法最速マスター はやっているようなのでまとめてみたいと思います。 jQueryの読み込み Google AJAX Libraries APIで簡単に読み込めます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> jQueryの記述場所 基的にはscript要素内の次の箇所に記述していきます。 <script type="text/javascript"> $(function(){ /*ここにjQueryを記述*/ }) </script> 上のコードは$(document).ready()のショートカットなので、次のように書いても大丈夫です。 <script type="text/javascri

    jQuery基礎文法最速マスター[to-R]
  • jQueryのフィルタを使った際の実装サンプルと基本的な機能のまとめ - かちびと.net

    jQueryのフィルターが便利なんですが、 なかなか全部把握出来ないので自分用 にまとめることにしました。マイチート みたいな記事です。フィルターはかゆい ところに手が届く便利なもので、場合 によってはコードも短く済ませること も出来るかもしれません。 というわけでフィルター一覧です。あんまり把握出来てなかったのでこの機会に全部目を通して触ってみました。機能というか、どんな感じで要素を取得出来るか、みたいな内容になります。 しっかり使いこなしてきた人間の書いてる記事じゃないので、もしかしたら解説が間違ってるかもしれません。一応公式のリファレンス見ながらやってますけどそれでも勘違いしていたらご指摘頂けると嬉しいです。 カテゴリごとにjsfiddleで全サンプルを用意してありますのでフォークしてご自身向けに変更して頂ければと思います。 Basic Filter(基フィルタ) Sample 基

    jQueryのフィルタを使った際の実装サンプルと基本的な機能のまとめ - かちびと.net
    kadokurarara
    kadokurarara 2011/11/22
    まだよくわかんないけど。
  • 新任SEO担当者に必須のチェックリスト20項目 - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ

    無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> 仕事や会社が変わったり、社内の担当が変わったり、とある日突然新しいサイトのSEOの任されることになった、という話はネット業界では良くあるでしょう。もちろん任される限りには多少のSEOの知識は持っている場合が多いでしょうが、実際にこれまで他の誰かがやっていたSEOを引き継いで行うことは意外とチャレンジングだったりもします。今回はサーチエンジンランドが、SEO仕事を引き継ぎ際に気をつけるべきポイントをチェックリストでまとめてくれました。流石に上手くまとめられたリストとなっており、これで次にSEO仕事を引き継ぐ時の不安は無し?! — SEO Japan もしあなたが、ウェブサイトの新任“SEO担当

    新任SEO担当者に必須のチェックリスト20項目 - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
  • CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました

    Webデザインをしていると、HTMLCSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。 とっても当たり前なんですけど、Web サイトは基的に HTML で書かれていて、デザインは CSS で装飾されていますよね。最近では CSS3 の登場で、簡単なアニメーションも CSS で作れるようになりました。でもクライアントワークでは、まだまだ CSS3 を使える部分が限られているし、Webデザインに少し動きなどをつけたい時などは、まだまだ jQuery を活用する事も多いです。 私は Javascript が苦手で、jQuery もどちらかというと苦

    kadokurarara
    kadokurarara 2011/10/12
    cssライクにjQueryを使っちゃおうというお話。とてもわかりやすい。
  • WEB ページを作る時に気をつけること

    こんにちは、WEB 担当の青野です。 今回は、僕がWEB ページを作成するときに気をつけていることをいくつか書こうと思います。 内容的には、HTMLCSS、クロスブラウザでの描画の違いもある程度理解した人が、次の段階として実践する内容です。 CSS のスタイルをリセットしておく まず CSS を作成する前にしておきたいことの一つが、CSS のスタイルをリセットしておくことです。 これは、ブラウザによってデフォルトのスタイル値が違うために起こる表示のズレなどを回避するために必要となってきます。 CSS リセットの方法はいくつかあり、よく分からない方は有名どころの YUIYahoo! UI Library)で公開されている CSS リセットを使うといいと思います。 CSS Reset – YUI Library http://yuilibrary.com/yui/docs/cssrese

    WEB ページを作る時に気をつけること
  • スタイルシート[CSS]/CSSの基本/ID名とクラス名 - TAG index

    見た目に関する情報を名前として使用すると、スタイルを変更した場合などに矛盾が生じてしまうことがあります。 left、right left や right などの位置を表す名前は、後で左右を入れ替えた場合などに矛盾が生じてしまいます。 red、blue ... red や blue などの色を表す名前は、後で色を変更した場合などに矛盾が生じてしまいます。 w300px、size12 ... サイズを表すような名前は、後でサイズを変更した場合などに矛盾が生じてしまいます。 見た目の情報ではなく、内容に関する情報を名前として使用するようにしましょう。

    スタイルシート[CSS]/CSSの基本/ID名とクラス名 - TAG index
  • チームでWebサイトを制作する際に気をつけたい10のマナー

    2013年9月26日 Webサイト制作, フリーランス Webサイトの制作会社で働いている人はもちろん、普段一人で活動しているフリーランサーの方も、フリーランサー同士が手を組んでWebサイト制作を行ったり、制作会社がフリーランサーに受注するなどで、複数の人でひとつのサイトを制作することもあると思います。そんな時に起こりやすいトラブルと、それを防ぐ方法を考えてみます。ちなみに今回はデザイナー目線での気づいた事です。プログラマーさん目線での気をつけたい事などあればお聞かせください :) ↑私が10年以上利用している会計ソフト! デザイン時 1. レイヤーに名前をつける 「もらったPhotoshopファイルを開いたら、どれがどのレイヤーなのかさっぱりわからない!」なんて体験、ありませんでしたか?デザインファイルを共有する場合はレイヤーの管理がとても大切です。「レイヤー0」「レイヤー1」「レイヤー

    チームでWebサイトを制作する際に気をつけたい10のマナー
  • iPhoneの使い方、設定方法、便利なTipsまとめ。 | AppBank

    このページではiPhoneの使い方を解説した記事をまとめています。 最新のiOS 7に関する使い方はこちらからどうぞ→【iOS 7まとめ】デザインや使い心地が一新されたiOS 7の使い方まとめ! 最近iPhoneを購入した方に必要であろう情報はもちろん、iPhoneを2年以上使っているという方でも、「これは知らなかった!」という情報も多く紹介しています。 4つの標準アプリ(電話、メール、Safari、iPod)の徹底解説はもちろん、他の標準アプリも詳しく解説しています。さらに、iPhoneでの文字入力の基や覚えておくと便利なTipsも多く紹介していますよ。iPhoneを使っている全ての人にチェックして欲しいですね! iPhoneをお使いのみなさんのお力になれれば、と思います。 「はじめてのiPhoneiPhone買ったら最初に知りたいこと。ボタンの名称、操作方法(用語)、電話、文字入

  • フェイスブックの登録から使い方 | facebook-japan

    Facebookの登録から使い方までを解説しています。友達や同僚、同級生、近所の人たちと交流を深めることのできるソーシャルユーティリティサイトを使いこなしましょう。フェイスブックに登録しよう facebookは世界最大のSNS(ソーシャル・ネットワーキング・サービス)です。SNSとは、人と人のつながりを促進・サポートするコミュニティー型のサービスを提供するWRBサイトのことををいいます。 友達や同僚などと交流を深めたり、新たに出会ったりすることができます。 サービスのスタート当初はアメリカのハーバード大学内限定で提供されていたのですが、瞬く間に大人気となり、全世界へと広がりました。 日でも最初は海外留学生を中心に使われていましたが、最近では国内の学生からビジネスパーソンまで幅広く利用されています。 Facebookができるまで Facebookは、ハーバード大学の学生のひとりによっ

  • CSSセレクタ20個のおさらい

    CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの1つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6~8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル

    CSSセレクタ20個のおさらい
  • 国内唯一のFacebook公認ナビゲーションサイト - Facebook navi[フェイスブックナビ]

    Facebookページの作り方 ページ作成方法から販促用のアプリを用いた応用編まで幅広いノウハウをご紹介します。 use

    国内唯一のFacebook公認ナビゲーションサイト - Facebook navi[フェイスブックナビ]
  • [徳力] ツイッターやFacebook、mixi等のソーシャルメディア活用事例を、プレゼン資料にまとめてみました。

    PDFファイルはこちらからダウンロードできます。) 昨年一年間は、長らくカンバセーショナルマーケティングの基コンセプトのプレゼンをし続けてきましたが、今年は明らかに啓蒙フェーズから実践フェーズに移りつつあるという感じがしています。 ただ、一方で、ソーシャルメディアをマスメディア同様に利用しようとして失敗しているケースも増えている印象もあります。 そこで、今回のプレゼン資料ではグランズウェルの5つの戦略に基づき、具体的に傾聴や会話、活性化をどのような目的で実施するべきかという部分を活用事例を元に深掘りしてみました。 ツイッターやFacebook、mixi等、どうしてもプラットフォームの違いに目を奪われがちですが、実際にはプラットフォームが異なっても、ソーシャルメディア活用の基パターンは実はそれほど変わらないということが感じて頂ければ幸いです。 宣伝会議さんのセミナーではすべてを解説する

    [徳力] ツイッターやFacebook、mixi等のソーシャルメディア活用事例を、プレゼン資料にまとめてみました。
  • 会社で新しくWebサービスを立ち上げる前に必ず考えないといけないこと。 │ モノづくりブログ 株式会社8bitのスタッフブログです

    株式会社8bitのスタッフブログです。こんにちは。株式会社8bitの高です。 今年は去年と違い、Webサービスを作る前にちゃんと考えてからやりましょう!というのが恥ずかしながら当社内でのスローガンのようになりつつあります。 今回はWebサービスを立ち上げる前に考えるべきことをまとめてみました。 これだけWebサービスがあふれている中で、今から画期的なサービスを作って売れるようになるのはすごく大変です。 ITで一攫千金というと、Webサービスを作ろうという発想に行きがちですが、みんなおんなじこと考えてますので一筋縄では行きません。 未だにスマッシュヒット出せていませんが、作っていくうちに考え方にも変化が出てきました。 量産することでWeb制作の受託案件を取ろうというのであれば、量産OKだと思いますが、Webサービスだけできちんと収益を取ろうと思ったら、よく考えないと、作ってみた