タグ

webdesignに関するkiririmodeのブックマーク (7)

  • プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらおブログ(移転しました)

    サイトを構築していると、プログラマはWebデザイナーと共同作業をしなければならない。 しかし高度なRIAを実現しようとすると思っているようにWebデザイナーに素材を作成してもらうだけでもとても骨の折れる作業だ。 そこで、一層、「すべてのプログラマはWebデザイナーになればいいんじゃね?」と思った。 今回は、私の実体験に基づき、「プログラマが1ヶ月でWebデザイナーに転身する方法」というのを考えてみた。 ■ HTML,CSSを覚えよう まず、HTMLCSS。いくら私でもW3C( http://www.w3.org/ )のすべてに目を通せとは言わない。 ブラウザ間で挙動が違うのでそれぞれのタグがどのブラウザで使えるのか一覧がまず欲しい。手軽なのは詳解HTML & CSS & JavaScript辞典。このハンドブックは見やすいのでお勧め。また、よく使うタグに関してはすべて覚えよう。覚えている

    プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらおブログ(移転しました)
  • サーバーエンジニアが入れておくと便利なFirefoxアドオン7選 - Unix的なアレ

    サーバーエンジニアといえど、ページ表示のパフォーマンスチューニングなどブラウザで確認したりすることはよくあると思います。 自分自身のメモもかねて、そんな際に自分がよく使用しているアドオンを紹介したいと思います。 firebug JavascriptCSSのコーディングをやる方にはおなじみですね。firebugです。私はjavascriptのDebugだけでなく、各コンテンツの取得時間を見る際にも使用しています。 https://addons.mozilla.org/ja/firefox/addon/1843 Yslow firebugに付加機能として追加できるyslowです。これもパフォーマンスチューニングの際には効果を発揮します。 expireの期間や、gzipしているかなどからそのページのパフォーマンスのランクを表示してくれます。 https://addons.mozilla.org

    サーバーエンジニアが入れておくと便利なFirefoxアドオン7選 - Unix的なアレ
  • HTML5が持つ本当の意味 ― @IT

    2008/01/25 ウェブ関連技術の標準化団体「W3C」(World Wide Web Consortium)が「HTML5」の策定に向けて活動を格化しました。1月22日には「HTML5」の最初の草案を公開。2010年9月に正式な勧告としてリリースする予定だと発表しました。 普段からウェブ関連技術をウォッチしている方は別として、「なぜ今ごろ?」と、この突然のW3Cの動きに驚かれた方が多いのではないでしょうか。「そもそもW3Cがやる意味があるの?」という疑問の声も聞こえてきそうです。 標準化団体としてのW3Cのプレゼンスは、近年あまりに高いとは言えません。かつて1990年代後半から2000年ごろにかけて、誰もがW3Cの一挙手一投足に注目していた時期がありました。彼らの出してくる標準技術仕様こそが、インターネットを形成する共通言語だと、多くの人が信じていました。 ところが、現在広く使われて

    kiririmode
    kiririmode 2008/02/05
    KISSの法則はどこでも大事というおはなし
  • 仕事を加速する FireFox アドオン : LINE Corporation ディレクターブログ

    『livedoor グルメ』、『が好き!』 などを担当している根岸です。 みなさん、ウェブブラウザは何を使っていますか? ウェブ業界の人で、素の「Internet Explorer 6.0」だけしか使っていないという人は少ないと思います。 仕事の道具に何を選ぶか、どう使うかということは、生産性を大きく左右します。残業を減らしてしっかり休養をとるためにも、人より良い仕事をたくさんしてキャリアアップするためにも、道具選びや仕事環境の改善に気を配りたいものです。 ウェブ制作の現場で、いま一番オススメのウェブブラウザは何かといえば、『Firefox(ファイアフォックス)』です。 高速なレンダリング、タブブラウジング、ツールバーに組み込まれた検索エンジンなど、特徴はいろいろありますが、最大の魅力は、「アドオン」プログラムによって機能を拡張できることです。 「Firefox」のサイトでは、多数のアド

    仕事を加速する FireFox アドオン : LINE Corporation ディレクターブログ
  • CSSでセクシーなボタン作成:phpspot開発日誌

    How to make sexy buttons with CSS This tutorial will teach you how to create pretty looking textual buttons (with alternate pressed state) using CSS. CSSでセクシーなボタン作成。 CSSを使った次のようなボタンを作成するスタイルとちょっとしたJavaScriptコードが公開されています。 ボタンを押したときに押した感じを実現できます。 なかなかオシャレなボタンなので、サイトに置くと上品な感じに出来そうですね。

  • 透過PNG画像によるWEBデザインテクニック集:phpspot開発日誌

    Digital Web Magazine - Creative Use of PNG Transparency in Web Design The PNG image has been widely overlooked by the web design community?and mostly for good reason. Until recently, it hasn’t been possible to take full advantage of the format and have it work reliably in all browsers.透過PNG画像によるWEBデザインテクニック集が色々公開されています。 透過PNGと画像を組み合わせることで、HTMLによる画像イメージの作成が色々可能になるんですね。 WEBデザインの際に活用することで、よりスマートなデザイン

  • もうPhotoshopは要らない?ブラウザだけでできるグラフィックジェネレータ15選 | S i M P L E * S i M P L E

    そのままですが、Mashableで「Forget Photoshop: 15 Online Graphics Generators」が紹介されていました。 これはメモしておかねば。 Buttonator ボタンがいろいろ作れます。設定がいろいろあって良いですね。 RoundedCornr: Rounded Corner and Gradient Generator いわゆる角丸パーツを作れます。 Web 2.0 free buttons maker! 2.0っぽいボタンが作れます。 glassy buttons こちらもボタンジェネレータ。 Ajaxload – Ajax loading gif generator Ajaxのローディング中のパーツが作れます。 Web2.0 Logo Creator by Alex P Logo Maker : Web 2.0 Stylr 2.0っぽいロゴ

    もうPhotoshopは要らない?ブラウザだけでできるグラフィックジェネレータ15選 | S i M P L E * S i M P L E
  • 1