タグ

web制作に関するmozyのブックマーク (54)

  • Dreamweaver覚え書き

  • Webディレクションやってます blog 第7回WebSig

    先週の土曜だったのですが、mixiで所属しているWebSig24/7のイベントに行ってきました。 今回から微妙に中の人としてお手伝いをするようになったのですが、普段の仕事がバタバタでなかなかちゃんとはお手伝いが出来ていませんでした。 関係各位>申し訳ないです・・・・ 一応WebSig24/7の説明をサイトから引用・・・・ WebSig24/7とは WebSig24/7は、Webに関連するマーケットが健全に発展していく為に、Webに携わる様々な方々が幅広く一同に会し、よりオープンかつ活発に共有の課題について、協議・検討していくことを目的としたコミュニティです。2003年から有志による活動を開始し、現在はSNSを初めとするオンライン上およびオフラインでのイベント等を通じて活動しています。 今回は、ヤマハの鞍掛さんと、ANAの安西さんがスピーカーとして来ていただけ、「クライアントと制作者のHap

    mozy
    mozy 2006/05/18
    とてつもなく耳が痛い。。。ことあるごとに読み返すこと。win-win!
  • CSS Nite Vol.7: Web制作現場の対立を解消する! XHTML CSSガイドライン作り [1]

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

  • ブラウザによる見え方の違いをチェック | *LOVE IS DESIGN*

    Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc CSS をいじりだすと気になるのが、ブラウザによる見え方の違い。 このブログでは訪問者の約65%が Internet Explorer ユーザですが、最近は Firefox など Mozilla系や、Opera・Safariといったブラウザの方も増えているようです。 わたしはWinXP+スレイプニルという環境で更新作業をすることが多いのですが、はてなツールバーがスレイプニルでは使えないので、最近は Firefox をメインブラウザとして使用しています。(もうすっかりはてなっ子) CSS をいじったり記事をアップした後、スレイプニルで見た時は思ったとおりのデザインだったの

    ブラウザによる見え方の違いをチェック | *LOVE IS DESIGN*
  • Free icons

    Maxpower has a nice listng of truly free icons. The list below represents some amazing work by various artists who have made their work available to the general public. Each artist has a link to their homepage, the license of the released work, and an attached sample of what you can download by following the named link. Note that what you view doesn t represent the entire work, only a small portio

    Free icons
  • i d e a * i d e a - ローカル開発環境ができた

    ドットインストール代表のライフハックブログ

    i d e a * i d e a - ローカル開発環境ができた
    mozy
    mozy 2006/02/15
    本当この人ってすごい才能の持ち主だなあ。わかりやすくまとめる才能。
  • Realtime validation using Ajax

    Posted by masuidrive Wed, 04 Jan 2006 21:45:00 GMT Ajaxなどを駆使して、入力値を動的にチェックするライブラリ、realtime validation を公開しました。 >> http://masuidrive.jp/validation 正規表現とメッセージを指定するだけで、入力した瞬間にユーザに対してガイドメッセージを表示させる事ができ、今までの様に画面遷移後にエラーが出て、ユーザがエラー位置を把握しづらいと言う事がありません。 これで、あなたのサイトも一気にWeb2.0! なのに使い方は超簡単。 prototype.js とvalidate.js を自分のHTMLに読み込んで、下記の様に正規表現で表示するメッセージを指定するだけ。 Validator.register({ "#mail" : { "/^([^@\\s]+)@((?:

  • 株式会社MIXI

    Kids VALLEY参画5社のMIXI・東急・サイバーエージェント・DeNA・GMOインターネットグループが、今年も夏休み期間に小中学生向けプログラミングイベントを開催!

    株式会社MIXI
    mozy
    mozy 2006/02/02
    なんだろこの違和感。わからない。。。
  • フィアンセ戦車: 今日の巡回_理想の旦那サマ

    « 今日の報告とミニ巡回 | メイン | ぜろすりーメモ » 2005年12月19日 今日の巡回[日記] ようやくミーアフィギュアの発送メールが届いたよー。うわーい。 遅いよ……(涙 『ネギまで遊ぶ!エーミッタム』を買いに行きたいのですが、とらやメロンまで行く時間が取れません。誰か冬コミで売ってください(誰かって誰だ)。 時間取れるとしたら、クリスマスだなー。秋葉原の路上でマリオカート大会とかやらないかなー。 マリカー雑感。 ・ピーチ姫使ってて、キノピオに抜かされた時、あいつのけたたましい笑い声がものすごく癇に障る。下僕の分際で!! ・レインボーロードは高所恐怖症にとっては悪魔のようなコースだ。めっちゃ怖い。落ちるー! 落ちるー!! 私みたいに軽度の高所恐怖症でもこんだけ怖いんだから、重度の人なんかまともに走れないんじゃなかろうか。 ・同じ理由でサンダーカップがものっそい苦手。だって、高所

    mozy
    mozy 2005/12/27
    「続きを読む」
  • 満足せる豚。眠たげなポチ。:2005年の技術的なトレンドに乗り遅れないための5つのテーマ

    年の暮れだからこそ、今年の技術的なトレンドへ乗り遅れないように復習をしたいもの。 Web2.0が脚光を浴びた2005年。とりあえずこの5つの分野から苦手分野をきっちり潰していきたいと思います。(多分にぼくの偏見と苦手分野の重視が影響している点はご了承ください。) Ajax Ruby on Rails HTML/CSS Javascript 正規表現 ということで、おすすめの書籍やサイトを総括。 Ajax 2005年はこれしかないでしょう。も杓子もAjaxと連呼した年でした。 Ajax: Web アプリケーション開発の新しいアプローチ http://antipop.gs/docs/translations/ajax.html これがなくちゃ始まらないですから。 Ajaxの質、「非同期メッセージ型ウェブ・アプリケーション」のススメ http://satoshi.blogs.com/life

  • とほほのWWW入門

    はじめに ご使用上の注意 (1) 主な更新履歴 (25) 管理者へのメール (1) 自己紹介 (1) 基編 用語集 (82) Webページ作成入門 (7) 逆引きリファレンス (32) フォーマット HTML (402) HTML5 (7) XHTML (1) MathML (1) DTD (1) JSON (1) SVG (1) VML (1) GIF (1) CSV (1) セマンティック・ウェブ (1) CSS CSS (ABC順)(719) Bootstrap (61) Less (1) Sass (1) Tailwind CSS (1) CSSフレームワーク (1) リセットCSS (1) プログラミング言語 JavaScript (42) TypeScript (1) Java (26) Perl (6) PHP (14) Ruby (11) Python (14) Go言語

  • 何もしないプログラム

    第1項:C言語の構造 第2項:関数の作り方 第3項:main関数は特別 第4項:プログラムを動作させる [1]C言語の構造 これから、C言語による初めてのプログラムを作ります。 しかし、始めから色々な機能を持つプログラムを作成することは不可能なので、 まずは、何の機能もない、何もしないプログラムを作ることから始めます。 ところで、C言語のプログラムを作るのに、どんな知識が必要でしょうか? 何を作るにせよ、その構造を知らないと作ることは出来ないでしょう。 棚を作るには棚の構造を知っている必要がありますが、これはC言語でも同様なのです。 では、C言語の構造とは、一体どのような構造なのでしょうか? 機械を作るときは、様々な部品を組み合わせて作ります。 同じように、プログラミングでも部品を組み合わせます。この部品のことを関数と呼びます。 つまり、C言語のプログラムは、関数が集

  • Colorize Black and White Photos - Recolored

    A software tool for colorization of black and white photos, replacing colors in color photos, and applying other effects to digital images. Colorize your old Family Photos Recolored makes it easy for anyone to add color to black and white photos. There is no need to struggle with layers or complicated settings — everything is accomplished with a few brush strokes. The software performs the otherw

  • Online CSS Optimizer / Optimiser

    Your Andy's account is now active and you're logged in. All available coupons will be applied automatically in your shopping cart! Your Andy's account is now active and you're logged in. All available coupons will be applied automatically in your shopping cart! Every once in a while, we at Andy's peer outside the industry and share a glimpse of things we find interesting. That's what you'll find b

  • HTMLの基本構造 - 仕様書に見るHTML(1)

    3.3 属性リスト宣言と実体宣言 また、DTDでは要素タイプがどんな属性を持つのかも定義します。属性は、<!ATTLIST で始まる宣言文で、属性名、属性値のタイプ、省略時の扱いについて定義します。 さらにDTDでは、さまざまな名前や値の別名を定義しておき、個々の宣言ではこの別名を使うのが普通です。この別名の定義を実体宣言といい、<!ENTITY で始まる宣言で定義しています。 仕様書の3.3ではこれらについても詳しく説明されています。それほど複雑ではないので、できればひととおり目を通して、DTDの読み方を身につけておきましょう。 4 HTML文書の構造 では、HTML4の仕様書のさまざまな要素タイプの定義の中から、注目しておきたい部分を拾い読みしていきます。HTMLを書くときに、「ここはどうなっているんだろう」と疑問に思うような点の多くは、実は仕様書できちんと解説されているものなのです。

  • セキュリティレベルの高いサイトを構築する 22 カ条 :: Drk7jp:

    最近、何処の会社でもセキュリティに関してうるさく言われているかと思います。自分としても今まで気を遣ってきていたつもりではあります。しかしながら、 なぜSSL利用をケチるのか:IT Pro SSLを入力画面から使用しないのはそろそろ「脆弱性」と判断してしまってよいころかも 安全なWebサイト設計の注意点 を読んでみて、お恥ずかしい限りですが勘違いしていた部分もありました。実際、Amazon とか Yahoo! のログイン画面を見ても、デフォルトが http によるアクセスになっていたりして、メジャーどころでも最新の注意が払われている訳ではないのだなぁ〜と思ったり・・・。当は全ページ SSL が理想とは知りつつも、SSL の処理負荷の高さ故に、ついついケチったページ遷移にしまうからなのでしょう。。。自分含めて。 自分への情報もかねて、上記ページに記載されている、31箇条の鉄則と最近の事情を加

  • どのような勉強をすればプログラミングができるようになるのですか

    「どのような勉強をすればプログラミングができるようになるのですか」という質問をいただいたので、お返事します。 この質問を聞いたときにすぐに思いついた答えは、 その答えは『どのような勉強をすれば文章が書けるようになりますか』という質問への答えに似ているでしょう というものでした。その心は、 プログラミングが「できない→できる」へデジタル的に変化するのではない。しだいにできるようになっていく。 という意味です。 …という前置きはさておき、これまでにも私はあなたのような方から同様の質問を受けてきました(きっと今後も受けるでしょう)。以下の文章群の中に「あなたへのヒント」が含まれていると良いのですが…。もしも以下の文章でピンと来ないときにはまたお尋ねいただければありがたいです。 どのようにしたらプログラムを1から書けるようになるのでしょうか 結城さん自身はどういう参考書でJavaを学んだのですか

    どのような勉強をすればプログラミングができるようになるのですか
  • 最速インターフェース研究会 :: 全てのWeb開発者必見:fluxiom

    fluxiomである。 http://www.fluxiom.com/ fluxiomはRuby on Railsで作られた、ソーシャルとタギングを備えたオンラインファイラーというようなものらしい。まだサービス開始していないが、デモムービーが公開されている。 fluxiomを開発している会社はscript.aculo.usの開発元ということであるので、 当然「Rails + prototype.js + script.aculo.us」で作られている、ということになるのだろう。 と思ってみたら、開発者のBlogに追記されていた。「Ruby on Railsで作られていて、Flashは一切使っていない」ということである。 http://mir.aculo.us/articles/2005/11/24/fluxiom script.aculo.usは「web2.0 JavaScript」だそう

  • 窓の杜 - 【NEWS】見た目を変えずにGIF画像のファイルサイズを減量できる「GIFeq」

    見た目を変えずにGIF画像のファイルサイズを減量できるソフト「GIFeq」v1.21が、13日に公開された。Windows 98/Me/NT 4.0/2000/XP以降に対応するフリーソフトで、現在作者のホームページからダウンロードできる。なお、動作にはVB 6ランタイムが必要。 「GIFeq」は、静止画GIFやアニメーションGIFのファイルサイズを減量できるソフト。画像へ埋め込まれたコメントの削除やインターレース表示用データの削除、アニメーションの差分最適化などによりファイルサイズを減らす仕組み。複数GIF画像のファイルサイズをまとめて減量できて便利。 画面左側のフォルダツリーでフォルダを1つ選択すると、そのフォルダにあるGIF画像が画面右側に一覧表示されるので、減量したくない画像があればチェックボックスをOFFにして対象から外そう。あとは、[Optimize!]ボタンを押せばGIF画像

  • シナジーマジやばい

    昨日、iMac 用に HHKP 白買ったつってたら、そのエントリで晒したリアルデスクトップ画像を見た typo さんが、「Synergy 使えばいいじゃん」とひとこと。その Synergy ってのは、複数のマシン間でキーボードとマウスを共有するためのソフトだということなのだけど、過去に使っていた CPU 切換機のことが頭にあったので「ハードウェア無しでそんなことできるのか??」と思ったのですが、各マシンにインストールされたクライアントと、サーバとで通信することにより、キーボードとマウスを共有しちゃうってな仕組みらしいです。かっけー。主な特徴としては、 特別なハードウェアいらない 共有するマシンの OS は、WindowsMac や各種 UNIX ぽい系、なんでもオケ 複数マシン間でクリップボードも共有できる スクリーンセーバが同期 ってな感じで、まさにキタコレ!さっそく Synerg

    シナジーマジやばい
    mozy
    mozy 2005/11/21
    えーっこれってこれって。。。ネトゲで2accしやすそ(え