タグ

ブックマーク / gihyo.jp (15)

  • 第1回 jQueryにふれる | gihyo.jp

    はじめに ここ数年、JavaScriptライブラリを使ってサイトを製作するという機会がどんどん増えてきました。今まででであれば、JavaScriptのライブラリを使う・使わないに関わらず、その製作の多くはプログラマーの方が行っていたと思います。しかし近年、そのJavaScriptライブラリも種類が増えてきて、プログラミングの知識がなくても簡単に導入できるようなライブラリも出てきました。そのため、それらの使い手はプログラマーからWebデザイナーやマークアップエンジニア側へとシフトしつつしている部分もあります。 そんな数多くあるJavaScriptライブラリの中でも、Webデザイナーなどのプログラミング知識がない人でも比較的導入のしやすいのが『jQuery』です。このjQueryの魅力は、その使いやすさとプラグインの豊富さにあり、プラグインだけでも、すでに使ったことがあるという方も多いと思いま

    第1回 jQueryにふれる | gihyo.jp
  • 第1回 text-shadow実践テクニック | gihyo.jp

    CSS3はブラウザの進化とともに昨今では様々なブログや技術系のメディアなどで取り上げられるようになってきました。 今回は、CSS3なのですがCSS2.1でもあったtext-shadowプロパティについてフォーカスします。 すでにプロパティの名前から何ができるかは予想がつきます。ただ、"そろそろ何ができるか"ではなく、"どのように使うか"という実践の部分に注目して紹介していきます。 text-shadowプロパティの記述方法 まずは、基text-shadowプロパティの記述方法ですが、以下の形式で値を指定します。 セレクタ { text-shadow: ぼかし色 X方向への距離 Y方向への距離 ぼかしの距離 } ぼかし色 ぼかし色はRGB、色名にて指定が可能。#000はRGBの黒だが、blackでも指定することが可能。ぼかしの色は、text-shadowプロパティの値として一番最初に記述

    第1回 text-shadow実践テクニック | gihyo.jp
  • いま、見ておきたいウェブサイト 記事一覧 | gihyo.jp

    第178回画期的な動画生成AIの「Sora」「Veo」の登場を導いた新技術と⁠⁠、これから私たちが向き合うべき生成AIの課題 Lançamento 2024-05-22 第177回Adobe Fireflyは⁠⁠、生成AIの問題点と普及の課題を克服できるか Lançamento 2023-12-05

    いま、見ておきたいウェブサイト 記事一覧 | gihyo.jp
  • 実践Web Standards Designのススメ 記事一覧 | gihyo.jp

    運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。

    実践Web Standards Designのススメ 記事一覧 | gihyo.jp
  • 第5回 横並びメニューの区切り線をCSSで表現しよう:実践Web Standards Designのススメ|gihyo.jp … 技術評論社

    はじめまして、福島英児と申します。『⁠実践Web Standards Design』刊行に合わせた著者3人による短期集中リレー連載ということで、この第5回を担当させていただくことになりました。 『実践Web Standards Design』の刊行にあたり、可能であれば追加したかったTipsがあったのですが、結局そのまま載せなかったネタを今回ご紹介したいと思います。 良く見かける横並びメニュー ウェブサイトのヘッダ部分やフッタ部分で、横並びになっている縦線で区切られたナビゲーションメニューを見かけることがあるかと思います。 今ご覧頂いているこのgihyo.jpのヘッダ部分にも、画像を使った横並びのナビゲーションが配置されているのが分かります。 図1 画像を使った横並びのナビゲーション(gihyo.jp) gihyo.jpでは画像を使っていますが、画像を使わずにテキストのみでマークアップした

    第5回 横並びメニューの区切り線をCSSで表現しよう:実践Web Standards Designのススメ|gihyo.jp … 技術評論社
  • ギークじゃなくても楽しめる! 新はてなブックマーク:第1回 トップページに注目─強化された検索とカテゴ

    月間300万のユニークユーザを誇り、国内最大のソーシャルブックマークサービスである株式会社はてなはてなブックマーク。2005年2月にベータ版を公開したこのサービスが、11月25日にリニューアルされました。 新しいはてなブックマークのリリースに先立ち、今月4日に行われたリニューアル発表会の席上、はてなCTO(最高技術責任者)の伊藤直也氏は 「来年夏までに月間ユニークユーザを現在の倍の600万にする」 と抱負を語り、そのために利用者の拡大と一般層への訴求に力を入れるとも述べていました。 そうした目標に向かって、新しいはてなブックマークがどのようにリニューアルされたのか実際に見ていきます。 大幅に強化された検索機能と、カテゴリー分け機能 リニューアルされデザインを一新したはてなブックマークで、まず目を引くのがトップページ上部に配置された、検索フォームとカテゴリーのタブです。 図1 新はてなブッ

    ギークじゃなくても楽しめる! 新はてなブックマーク:第1回 トップページに注目─強化された検索とカテゴ
  • プログラマのためのFlash遊び方

    今回からは、実践的なFlash作りを始めていきます。ActionScriptで簡単な図形描画をしながらActionScript 3.0の感覚をつかんでいきましょう。 最初は地味なサンプルと退屈な文法の解説が続きますが、後編では次のようなWeb 2.0 風バッジをActionScriptだけで描画します。がんばってついてきてください。 サンプルコードをコンパイルしよう 円や四角を描画するだけの簡単なサンプルを用意しました。味気ないサンプルですが、ActionScript 3.0の基がたっぷり詰まっています。 package{ ------(1) import flash.display.Sprite; ------(2) public class DrawTest1 extends Sprite { ------(3) public function DrawTest1() { -----

    プログラマのためのFlash遊び方
  • 第1回 scriptaculous.js | gihyo.jp

    はじめに script.aculo.usは、Web 2.0なサイトを簡単に作れるJavaScriptライブラリです。 Thomas Fuchs氏を中心に、2005年にMITライセンスで公開されてから、現在にいたるまで、活発な開発が続けられています。 AppleやGucciといった、テクノロジとデザインに敏感な企業のWebサイトに導入された実績があります。 script.aculo.usというと、Web2.0なデザインを簡単に実現できるライブラリとして、派手なエフェクトにばかり注目が集まりますが、Ajaxを使った入力補完やドラッグアンドドロップなど、ユーザビリティの向上に大きな威力を発揮する点も見逃せません。 prototype.jsに大きく依存しているのも特徴のひとつです。 この連載では、script.aculo.usを読み解き、これらの機能が、いったいどんなコードで実現されているのかを解

    第1回 scriptaculous.js | gihyo.jp
  • CakePHPで高速Webアプリ開発:第1回 CakePHPを使いたくなる5つの特徴|gihyo.jp … 技術評論社

    CakePHPとは CakePHPはオープンソースで開発されたPHP用のフレームワークです。Ruby on Railsの影響を強く受けており、Webアプリケーションを高速に開発するための仕掛けが随所に盛り込まれています。 PHP開発者の方で、Railsで開発してみたいけどRubyの経験がないのでなかなか行動に移せない方などはとくにCakePHPを試してみてほしいと思います。Railsの考え方を肌で理解しつつ、PHPでWebアプリケーションを高速開発するための選択肢を手に入れることになるでしょう。 CakePHP 家サイト(英語)(左図⁠)⁠。 フォーラム - CakePHP Users in Japan(右図) そのほか、CakePHP プログラマーズ リファレンスガイドも参考になる CakePHPを使いたくなる5つの特徴 まずは皆さんにCakePHPに興味を持っていただくため、フレーム

    CakePHPで高速Webアプリ開発:第1回 CakePHPを使いたくなる5つの特徴|gihyo.jp … 技術評論社
  • 連載:先取り! Twitter使いへの道 AtoZ|gihyo.jp … 技術評論社

    第8回最終回特別企画!アンケート結果発表!~Twitterの「今」を探る~ ふじかわまゆこ(ふうり) 2007-12-28

    連載:先取り! Twitter使いへの道 AtoZ|gihyo.jp … 技術評論社
  • 連載:独学で極める “Webデザイン”の技と心|gihyo.jp … 技術評論社

    運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。

    連載:独学で極める “Webデザイン”の技と心|gihyo.jp … 技術評論社
  • 第1回 Twitterキホンのキホン|gihyo.jp

    皆さん、こんにちは! ふじかわと申します。 新しいものにはすぐ飛びついて試してみる性分で、新しいWebサービスの話を聞くととりあえず登録しまくる日々です。今回は、そんな中でも近年まれに見る盛り上がりを見せるWebサービスTwitter」をご紹介したいと思います。 Twitterってなに? 図1 Twitterのトップページ。世界中のユーザーの今の状況が見られる 2006年からスタートした、海外Webサービスです(図1、http://twitter.com/⁠)⁠。 しくみはとてもシンプル。「⁠What are you doing?」(⁠今何してる?)というたった1つの問いにひたすら答え続けるだけ。その答えが、自分とつながっている友人たちや、(⁠設定によっては)Twitterを利用している全ユーザに発信されます。 基的には発信することがメインなのに、そこから新たなつながりや交流が生まれ

    第1回 Twitterキホンのキホン|gihyo.jp
  • #1 (株)はてな 近藤淳也・令子 » 小飼弾・直美(前編)|gihyo.jp

    連載第2回目は、なんと夫婦同士の対談です。お相手は、はてなダイアリーやはてなブックマークをはじめ、エンジニアのみなさんにも人気のサービスを次々とリリースしている(⁠株⁠)はてなの代表取締役社長 近藤淳也さんと、その奥様であり、はてなで広報、総務、経理などのお仕事をされている令子さん。それを迎え撃つのは、小飼弾さんとその奥様、直美さんです。いったい、どんなGeek話が飛び出すのでしょうか?(文中、敬称略⁠)⁠ なお、この対談の模様は、近藤淳也さんの日記でも、podcastで音声が公開されています。 編集部注) 対談は2006年5月に行われたものです。 撮影:武田康宏 夫婦でも情報共有 弾:淳也さんは社内の情報共有を強く意識されていますが、夫婦間の情報共有はどうですか? 令子:彼は、夫婦のことは夫婦でちゃんと情報共有しようっていうスタンスだったんですけれど、私は個人は個人なんだから、知らない

    #1 (株)はてな 近藤淳也・令子 » 小飼弾・直美(前編)|gihyo.jp
  • 配色事典

    INDEX リンク先は、各テーマ(Color Image)ごとの「配色(3色組合せ)」一覧です。 01 さわやかな・清潔な(Clear) 02 女らしい・フェミニンな(Elegant) 03 楽しい・にぎやかな(Casual) 04 和風・日的な・伝統的な(Classic) 05 異国風・エスニック(Ethnic) 06 真面目な・堅実な(Formal) 07 くつろぎ・のどかな(Natural) 08 幽玄な・神秘的な(Mysterious) 09 元気な・活動的な(Sporty) 10 かわいらしい・子どもっぽい(Pretty) 11 都会的・シャープな(Urban

  • 続・配色事典

    INDEX リンク先は、各テーマ(色系統)別の「配色(組合せ)」一覧です。 01 Red(赤系) 02 Yellow(黄系) 03 Green(緑系) 04 Cyan(シアン系) 05 Blue(青系) 06 Magenta(マゼンタ系) このページは「Web Site Design」 Vol.2特集「Webセーフカラー配色事典 パート2」に連動しています。詳しくはそちらをご覧ください。

  • 1