タグ

基本に関するkadokurararaのブックマーク (135)

  • wpblog.biz

  • 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

    Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデート] よくアクセスいただくのでハブ的な役割くらいは果たそうと思います。 jquery / jQueryの家です。 jQuer

    「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね - かちびと.net
  • 俺の CSS リセット: 2011 冬

    年末だからというわけでもないのですが、いつものサイト作りに使う CSS リセットについて見直してみました。今までもちょっとずつ手を入れてはいたのですが、今回はかなり大きく修正しています。というのも、Nicolas Gallagher と Jonathan Neal の両氏による normalize.css を知り、大きく影響を受けたからです。 Normalize.css は「新手の CSS リセット」ではありません。CSS を「リセット」するのではなく「ノーマライズ」する、という新しい考え方です。CSS リセットとノーマライズはどちらも、ブラウザ間で CSS の実装に差異があることを前提にそれらを吸収しようとする、という同じ目的を持っています。ただ、リセットはすべてをまっさらな「さら地」にしようとするのに対し、ノーマライズは使える部分は残しつつ手を入れる必要のある部分だけを整える、という違

    俺の CSS リセット: 2011 冬
  • jQueryのフィルタを使った際の実装サンプルと基本的な機能のまとめ - かちびと.net

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

    jQueryのフィルタを使った際の実装サンプルと基本的な機能のまとめ - かちびと.net
    kadokurarara
    kadokurarara 2011/11/22
    まだよくわかんないけど。
  • WordPressのオリジナルテーマ作成フロー・基本マニュアル

    初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基中の基で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次 目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに 作成するWebサイトの目的と構造 テーマ作成前に用意するものと環境 テーマの構造を(触り程度だけでも)理解する HTM

    WordPressのオリジナルテーマ作成フロー・基本マニュアル
    kadokurarara
    kadokurarara 2011/11/10
    phpのローカル環境を整えなきゃなあ。
  • 文字を円形に沿って書く of Fireworksの効率的な使い方

    引用素材:Fotolia(シルバーソファ女性 © naka #20449035) BiND for WebLiFEというホームページ作成ソフトの使い方をまとめてます。 デザイン性に優れているのが売り! 基的な活用方法は、Fireworks8、CS3、CS4とも同じみたいです。 Fireworks4の情報が載っているホームページも参考にして勉強しました。 テキスト文字を円に沿うように丸めて書いてみたい。 Fireworksを開きます。 新規作成で適当にファイルを作成しました ベクターのテキストツールを活用してテキスト文字を記入しました。 同じファイルに図形を書きましょう。今回は楕円ツールで正円を作成してみました。 テキストと円の両方のレイヤーを選択します。 ツールバーのテキスト→パス上に結合をクリックしましょう 円形に文字を書くことができました。

  • サイト制作のベースとして使いやすい、シンプルでカスタマイズしやすいWordPressテーマ

    min. A free Wordpress mi... / Imbalance Free WordPress... / Theophilus他...全12件

    サイト制作のベースとして使いやすい、シンプルでカスタマイズしやすいWordPressテーマ
  • 新任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 ページを作る時に気をつけること
  • デザインの基礎力をワンランクアップしたい私(Webデザイナー)の注意書き

    Webデザインは、紙の上のデザインと違うところも多いと思います。でも同じデザインですから、歴史ある DTP デザインから学ぶことはいっぱいあります。デザインの基礎の基礎、レイアウトについて、デザインするときに気をつけたい基礎の部分の注意書きです。 毎日インターネットを見ていると、素敵なデザインの 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は、ハーバード大学の学生のひとりによっ

  • 音符の読み方  |  ト音記号 ヘ音記号って?

    そう思いますよね? でも、下の表の、音符 と 鍵盤 を見比べてみてください。 の1つだけだと、バランスが悪くなりませんか? あれ~? 1つだけだと、右半分しかカバーできない! そうなのです! ピアノの鍵盤はとても広いので、 と がセットの 楽譜 (大譜表) でないと、 全体の範囲をカバーしきれないのです。 「4/4」という分数式は?

  • WebサイトをiPhoneに対応させる -レスポンシブ・ウェブデザイン- - EC studio デザインブログ

    このところのスマートフォンの広がりにより、デザイン部でもWebサイトのスマートフォン対応の必要性をひしひしと感じています。 実際のスマートフォン対応の取り組みとしてはこれからなのですが、その時のために従来のサイトをスマートフォンに対応させる方法、特に今回は閲覧環境に応じてページレイアウトを柔軟に切り替える、レスポンシブ・デザイン レスポンシブ・ウェブデザイン(Responsive Web Design)(ご指摘ありがとうございます。)に関していまさらながら調べてみたので、大枠的なことをふわっとまとめておこうと思います。 レスポンシブ・ウェブデザインって まず「レスポンシブ・ウェブデザインとはなんぞや」と言うところですが、 Webサイトのページレイアウトを閲覧環境(パソコン、iPhoneAndroid など)に応じて動的に変更させる手法で去年あたりからよく耳にするようになりました。 ブラウ

    kadokurarara
    kadokurarara 2011/08/03
     とてもためになるです。
  • gadget-or-gimmick.com

    The domain has expired and may be available at auction. If this is your domain, you can still renew it. Register or transfer domains to Dynadot.com to save more and build your website for free! gadget-or-gimmick.com 2023 著作権. 不許複製 プライバシーポリシー

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

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

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