タグ

webデザインに関するTMTLのブックマーク (9)

  • Web系の人に求められていること

    サブタイトルは「私は如何にして心配するのを止めてWebを愛するようになったか」 2007年に発表したプレゼンですが、今にも通じるテーマだと思うので公開しました。 動きの速い業界ですが、抑えておくところを抑えておけば翻弄されずに前に進むことが出来るのではないかと考えています。Read less

    Web系の人に求められていること
  • テーブルを見やすく、使いやすくするためのアルティメットガイド

    ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「(エクセルでいうところの)行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1. 列を交互にスタイリング 2. 列をフルに 3. テーブルのセクション 4. ソート 5. フィルタリング 6. ページネーション 7. スクロール 8. 固定されたヘッダ 9. ヘッダのないテーブル 10. 拡張可能な列 11. 列のアクション 12. マルチプルな列のアクション はじめに テーブルは構造化されたデータをみせるものです。そして、その目的はデータを読みやすくし、走査しやすく、簡単

  • 新人に読ませたい、Flash制作で必要になってくる大事な考え方(1) | _level0 - KAYAC Front Engineer Blog

    除夜の鐘のごとく連投しています、kijimaです。そろそろきつくなってきましたが止まりません。 さて、今回は新人Flasherがまずぶち当たるであろうポイントについて、「機能を実装するための考え方」という視点でまとめてみました。 新人Flasherを育成するにあたって、なにか参考になる部分があれば幸いです。 Flashコンテンツ作成にあたり、習得しなければならない考え方、汎用的ロジックが存在することについて Flashコンテンツの特性として、デザインや演出などの見た目は違えども、多くのFlashコンテンツに共通している機能がたくさんあります。代表的なものでは、以下に挙げた機能などですね。 ・プリローダーの実装 ・ポップアップウィンドウの表示、非表示 ・スクロールバーの操作 ・フォーム送信とそのエラー処理 ・ボタン操作を一時的に全無効にさせる処理 ・ページャー機能 そして、上で挙げたような機

    新人に読ませたい、Flash制作で必要になってくる大事な考え方(1) | _level0 - KAYAC Front Engineer Blog
  • すくいぬ WEBデザイン詳しい暇な人ちょっとニートを助けて

    2024 02 ≪ 12345678910111213141516171819202122232425262728293031≫ 2024 04 1 名前:以下、名無しにかわりましてVIPがお送りします[] 投稿日:2009/11/24(火) 11:47:13.45 ID:ZAwq5sRE0 ちょっとカンプとかいうの作ったんで見て(´・.ゝ・`) 根からダメなのはわかるけど完成だけはさせたいんで アドバイスおくれ(´・.ゝ・`) 見出しの中身・・・ 3 名前:以下、名無しにかわりましてVIPがお送りします[] 投稿日:2009/11/24(火) 11:52:02.96 ID:ZAwq5sRE0 こねえ(; ・`д・´) 4 名前:以下、名無しにかわりましてVIPがお送りします[] 投稿日:2009/11/24(火) 11:53:31.47 ID:ZAwq5sRE0 ぬ・・・ そうか、甘え

  • スパムメールから収集したテキスト装飾 : mwSoft blog

    先日、我が家の捨てアドを久々に開いたら、数千件のスパムメールが溜まっていることに気づいた。 オオアリクイみたいなセンスの良いスパムがないかなぁと思って軽く見てみたが、残念ながら良質な内容は見当たらなかった。 ただ、見ていると、テキスト装飾が凝ったものが多くて感心した。 仕事でも情報をテキストで残すことがあるけど、そんな時にちょっと見やすくするのに使えるのではないかと思って収集してみた。 ============================================================ ************************************************************ ============================== ----------------------------------------------------

  • で、実際のところHTML5でどのくらいのアプリが実装できるのか実験してみた

    少し前のエントリーでも触れた事があるが、「このままHTML5が普及してくれればスマートフォン向けのアプリの大半はHTML+CSS+Javascriptだけで作れるんじゃないか」と感じ始めている私である。 もちろん、そうなるには「規格がきちんと統一される」「まともな実装をしたスマートフォンが十分に普及する」「iPhoneの一人勝ちにはならない」などの条件が満たされる必要があるため、必ずしもそうなるとは限らないが、少なくとも「そろそろキチンと勉強しておいて損はない」技術であることは確か。

    で、実際のところHTML5でどのくらいのアプリが実装できるのか実験してみた
  • タブUI詳解

    タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例をSmashing Magazineから紹介します。 Module Tabs in Web Design 以下、その意訳です。 ※原文では「タブモジュール」となっていますが、タブモジュールやタブUIと記載すると煩雑になるため、「タブ」と略します。 タブのみを指す場合は、「タブ コントロール」としています。 はじめに 1. タブの構造 2. タブはいつ使用するのか 3. タブのユーザビリティとベストプラクティス 4. タブのアクセシビリティ 5. タブの拡張 6. タブの実装集 7. タブを実装するためのチュートリアル集 8. タブを実装するスクリプト集 はじめに タブモジュールは複数のコンテンツを異なるパネルに配置したユーザインターフェースのデザインパターンです。 パネル

  • 全てのWeb開発者必見!!! いろのはなし - How We Hear

    ウェブページを華やかに演出する色。忙しいからって、あなたは適当に選んでいませんか? 「ついつい好みの色をつかってしまう」「異なるトーンが合うのかわからない試す時間もない」「他の人がいいと思うか不安」 ウンウン、わかります、わかります(笑)でも大丈夫♪これを読めば、今日からあなたも自信を持って色を説明できるようになりますヨ♪♪ grafoo:blog - いろのはなし(PDF/FWD勉強会vol.1資料公開)

  • Webデザイナ向けFirefoxエクステンション19 | エンタープライズ | マイコミジャーナル

    SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Sean P Aune氏がSitePointにおいて19 Firefox Add-ons For Designersのタイトルのもと、Webデザイナ向けのFirefoxエクステンションを紹介している。Webデザインの作業をおこなうにあたり、複数のプログラムを起動して使うのではなく、1つのプログラムで複数の処理を簡単に行いたいという趣旨の内容になっている。紹介されているエクステンションは次のとおり。 カラーツール ColorSuckr (画像から代表的な色を12色取り出して、そのデータからカラースキーマを作成する) ColorZilla (ページのみならずブラウザの任意のポイントのカラーをピックアップするツール。任意の2点間の距離も測定できる) F

  • 1