タグ

チュートリアルに関するhotomaruのブックマーク (13)

  • 40分で覚える!jQuery速習講座 (1/6)

    いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは? そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目:導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー体(JavaScriptファイル)は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。

    40分で覚える!jQuery速習講座 (1/6)
  • ようこそJavaScriptの世界へ

    JavaScript格的なプログラミングの世界に触れてみよう。連載を通じて実用的なアプリケーションを作れるようになるはず!?(編集部) JavaScriptってよく聞くけど何だろう? JavaScriptは、Webブラウザ上で動かすことのできる簡単なプログラム言語です。HTMLだけでは動くWebページはできませんが、JavaScriptを使うとWebページにさまざまな動きを入れることができるようになります。 プログラム言語と聞くと、なんだか難しそうに感じてしまうかもしれませんが、心配はいりません。 講座は、HTMLは分かるけどプログラムを書いたことがないという人や、デザインは得意だけどプログラムは全然分からない! 文科系で数学は苦手! という人が理解できるような入門講座として、JavaScriptの基から進めていきます。 用意するものはメモ帳などのテキストエディタとWebブラウザだ

    ようこそJavaScriptの世界へ
  • 勝間和代のTwitter初心者のための使いこなしの10ステップ- 勝間和代公式ブログ: 私的なことがらを記録しよう!!

    今年の7月に格的にTwitterの活用を初めて以来、その可能性に注目し、いろいろな人に口頭や書籍、記事などを通してTwitterを勧めてきましたが、初心者のうちはなかなか、どうやって楽しめばいいのか、わかりにくいと思います。 実際、「Twitter始めたんですけれども、まだやり方がよくわからなくて」という相談を受けたりします。 なので、これまでもバラバラといろいろなところでコツを説明してきましたが、いま、ちょうどTwitter社の取材に向けてサンフランシスコに向かっていますので、改めてその機内の中で、Twitterの楽しみ方・使い方を10のステップに分けて、整理していきたいと思います。 これを実行すれば、まずはTwitterの操作が一通りわかって、まずは情報の受け手として、そして、一部の情報については発信者として、Twitterを楽しめる「初級者」になることを想定しています。 なお、こ

  • これ以上ないというぐらいに詳しい「動画の作り方」まとめ|blogs.com

    はてブ これ以上ないというぐらいに詳しい「動画の作り方」まとめ delicious livedoor クリップ Tumblr Instapaper メールで送信 IT・Web 2009.10.15 0 ニコニコ動画やYouTubeを中心に動画全盛期を迎えている今、見るだけでなく自分でも実際に動画を作ってみたい――そう思っている方も多いのではないかと思います。 「でもそんな知識はないし......」 「そもそもどこで作り方を学べばいいのかわからない」 そんな風に悩んでいるあなたのために、これ以上ないというぐらいに詳しい動画の作り方マニュアルが、「酔拳の王 だんげの方」でまとめられていました。 こういった実際の画面のキャプチャ画像付きで、クリックする場所の一つ一つまで丁寧に解説してくれるので、どんな初心者でも問題なく動画制作ができるようになるはず。 記事は2年前以上前のものですが、動画制作の

  • 単調なウェブサイトのデザインに手を加えてクオリティをアップするチュートリアル

    ウェブサイトのデザインに、ビジュアルエレメントを追加したり、細部をブラッシュアップしたりしてクオリティをアップするPhotoshopのチュートリアルをPsdtuts+から紹介します。

  • Macbook (with Snow Leopard) 買った後にやったことまとめ - IT戦記

    購入編 会社にて amachang「秋だけに akky ですね。Macbook が欲しくなってきました」 akky(苦笑) amachang「新しい Macbook が欲しくなってきました」 akky(苦笑) amachang「買って来まーす」 akky(苦笑) Apple Store 銀座にて amachang「Macbook Pro の 13 inch のやつください」 店員「はい。 2 種類ありますが」 amachang「高いほうのやつください」 店員「キーボードは JIS と US どちらにいたすますか」 amachang「US ください」 店員「こちらでよろしいですか?」 amachang「JIS よりキー少ないのですね」 店員「はい。英数キー、かなキーなどがありません」 amachang「えっ」 店員「えっ」 amachang「JIS ください」 店員「かしこまりました」 am

    Macbook (with Snow Leopard) 買った後にやったことまとめ - IT戦記
  • 素晴らしいjQueryチュートリアル集 – creamu

    AjaxLineで、素晴らしいjQueryチュートリアルがまとまっています。 ざっといくつかご紹介。 » Animated Menu Using jQuery jQueryを使ったアニメーションするメニュー » How to create tab with JavaScript シンプルなタブ切り替えコンテンツの作り方 » Animated Navigation with CSS & jQuery マウスオーバー時にくるっくるっと切り替わるかっこいいメニュー » 5 Sliding Content Techniques, Examples & jQuery How to’s 画像をスライドで切り替える超クールなテクニック » jQuery FAQs: Scroll To and Highlight Tutorial ページ内リンクのスクロール後、対象のコンテンツをハイライトしてくれる »

  • 非プログラマのためのプログラミング講座 - @IT

    鳥人間 郷田まり子 2009/9/10 非プログラマのためのプログラミング講座。MITが作った「Scratch」を使って、ねとらぼITちゃんに枕投げをさせるまでを解説する ITちゃんに枕投げの相手をしてもらうまで 「プログラミング」というと、皆さんはどのようなイメージをお持ちでしょうか。 便利そうだけど専門知識が必要なうえに英語だらけで、自分には無理。そう思われている方は下の図を見てください。 これはイギリスの小学生が、今回解説する「Scratch」というソフトで作った、立派な「目覚ましプログラム」です。 この短いプログラムには、どのプログラムにも共通する基礎が詰まっているのですが、全く予備知識のない方でも、これがどのような機能を持つか大体見当がつくと思います。 プログラムの基礎を理解し、コンピュータをより自由に操れるようになるということは、すべての人にとってとても大きな力となります。絵

  • vimエディタ・スターターマニュアル #2 (モードの切替) — 名無しのvim使い

    vimエディタをはじめて扱う人が、だましだましvimエディタでの作業を開始できるようにするための、チュートリアルよりも小さな、しかし必要な情報は盛り込んだ、最小のユーザマニュアルを目指して作成したドキュメントです。 このページでは、 vimエディタのモードについて~ モードの切り替え~ ファイルを開く~ カーソルの移動~ テキストの入力~ コマンドの実行 までを扱います。 (Windows, Mac) vimエディタのモードについて vimエディタはモードと呼ばれる状態を持つエディタです。 それぞれのモードではできる事、できない事が異なるため、vimエディタでは、 ある作業Aを行うためにモードAに切り替え、 ある作業Bを行うためにモードBに切り替え、 というように、いくつかのモードを切替えながら編集作業を行います。

  • Vimエディタ基本 — 名無しのvim使い

    Vimエディタのインストール — 作者: 小見 拓 — 最終変更 2012年01月08日 15時21分 vimエディタのインストール関連の記事の一覧です。 2つのテキストファイルのdiff — 作者: 小見 拓 — 最終変更 2012年01月08日 15時21分 テキストファイルどうしの比較のテクニックを扱ったカテゴリの記事の一覧です。 Vimエディタのヘルプ機能 — 作者: 小見 拓 — 最終変更 2012年01月08日 15時22分 vimエディタのヘルプ機能関連の記事の一覧です。 ファイル操作関連 — 作者: 小見 拓 — 最終変更 2012年01月08日 15時22分 ファイルに対する編集や、操作関連の記事をまとめてあります。 Vimエディタ・スターターマニュアル — 作者: 小見 拓 — 最終変更 2012年01月08日 15時22分 vimエディタをはじめて扱う人が、だましだま

  • jQuery言語入門 : tech.kayac.com - KAYAC engineers' blog

    先月の社員PVランキングは91番目でした。agoです。 たまに他言語開発者から「JSは何となくわかるけど、jQueryが特殊すぎてよくわからない」という声を聞きます。 個人的にjQueryを使う場合、「JSの中でjQueryを使う」と言うより、「jQueryの中でJSを使う」と考えた方が理解しやすいと思うので、今日は"jQuery言語"の書き方を紹介したいと思います。 文法 Traversing methodでインデントを下げて、.end()でインデントをあげます。 (Traversing以外のmethodはインデントを維持します) そして、末尾には開始行と同じ位置に「;」を置きます。 $('body') .find('a') .filter('.permlink') .attr('href', function () { return $(this).attr('href').repla

    jQuery言語入門 : tech.kayac.com - KAYAC engineers' blog
  • 知っておきたい使えるCSSテクニック25 – creamu

    Web Developer plusで、知っておきたい使えるCSSテクニックが紹介されています。 いくつかご紹介しますね。 ・テキストハイライト時の色を変更する SafariやFirefoxでテキストを選択した時の色を変更できる。コードサンプルは以下 ::selection{ /* Safari and Opera */ background:#c3effd; color:#000; } ::-moz-selection{ /* Firefox */ background:#c3effd; color:#000; } ・プリント時にページを指定箇所で分割する 以下のクラスを指定することで印刷時のページを分割できる .page-break{ page-break-before:always; } ・テキストの代わりに画像を表示する よく見られるSEOテクニック。ユーザーには画像を見せ、検索エ

  • 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
  • 1