「ma-san web design」の管理者。東京都・千葉県(千葉市・四街道市・浦安市・佐倉市)・宮城県(仙台市)を中心に企業のWebデザイン/マーケティング/IT戦略のプランニングからWebサイト構築・運用をしています。 「Webアクセシビリティ」を中心に、「変わりゆくWebと共にサービス・サイトを改善していくこと」を重視します。 当サイトではお仕事のご相談からナレッジシェアを中心に活動していきます。
![お探しのページは見つかりませんでした - ma-san web design- 千葉県(四街道市・千葉市・佐倉市)でホームページ制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/f5244548e4256364377b368604435a4857b130b2/height=288;version=1;width=512/https%3A%2F%2Fma-san.org%2Fassets%2Fimages%2Fmain_ruri_gr.jpg)
読んで覚える、触って体験!JavaScript&CSS3~gihyo.jp×jsdo.it presents 記事一覧
※この記事はChromeで見るのがおすすめです。 こんにちは。新規開発グループ ディレクター兼マークアップエンジニアの浜です。 スマホ連載の第4回目は、HTML5とCSS3という実装寄りの内容になります。とは言っても難しいコードはあまり出てきません。「HTML5とCSS3で何ができるのか」という事をメインに、知っておくと、構成書を作る時のアイディアベースになったりデザイナー・マークアップエンジニア(コーダー)と打ち合わせをする際に話しやすくなる内容をお送りします。 記事のアウトラインは以下です。 そもそも、HTML5とCSS3ってもう使えるの? HTML5とCSS3を使うメリットは? HTML5とCSS3で何ができるの? そもそも、HTML5とCSS3ってもう使えるの? 使えます。 (※ここから先は、その根拠について説明します。必要ない方は、次の章に飛んでしまっても構いません) 現在のスマ
2011年4月| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 Google Web Fontを利用すればWebの見た目は大きく向上する。 CSS3のを集中して執筆中、CSS3は楽しいですよ。CSS3で新しく出来た@font-faceでユーザーの環境にないフォントでも表示できるようになりました。Webfontはブラウザを選ぶことなく実装できる数少ない新しい技術です。WebFontライブラリーであるTypeKitのデザインギャラリーを見ると、Webfontを利用した洗練したWebサイトを見ることができます。CSSの実装はさほど困難ではありませんが、書体のファイル形式によりブラウザ互換制がなかったりして、埋込前の作業がけっこう面倒です。 そこで、まずは、ブラウザ互換も気にすること
2011年4月| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 CSS3はいつから使えるの?利用上の注意点は何? FindMeByIP.comによるHTML5 & CSS3 Supportには主要ブラウザのバージョン別のCSS3対応状況が書かれています。残念なこととにIE6ーIE8はほどんどCSS3に対応してません。とはいえ機能すべてを使おうと思うのでなければ、CSS3は今すぐにでも使えます。少なくともWebfontsやテキストシャドーの導入ならば、非対応ブラウザは以前のままと何も変わりなく、対応ブラウザでは大きく印象が向上しますのでメリットこそありデメリットは何もありません。すでに海外ではWebfontやテキストシャドー等のCSS3の技術を使ったすぐれたデザインのサイトが出
Dreamweaver CS6 と HTML5 で始めようスマートフォン&タブレット対応 HTML5 特設サイトは、HTML5/CSS3 やモバイルデバイスの活用を検討している方に最新情報をお届けするアドビ公式サイトです。 事例から Adobe®Dreamweaver® CS6 を始めとする制作環境まで、幅広い観点から Web の新しい方向性をお伝えします。 本文へ 本サイトについて 本サイト自体が、マルチデバイス対応のレスポンシブなデザインの事例として制作されています。表示される画面の大きさに応じて、閲覧し易い様にレイアウトが変化します。詳しくは「互換化とは」をご覧ください。 jQuery Mobile を使ったスマートフォン向けの専用サイトも公開中です。
本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます!現在、長野県長野市の制作会社でWeb作成中! ツイッターはリアルタイムに情報が入ってくるので便利ですが、 少し時間がたって見逃してしまうと過去の記事がおいずらいし面倒。 そこで、私のTwitter(@yopi813)でフォローしている Web関係の方で9月中にWebに関する記事で気になったタイムラインを紹介。 @WebDesignRecipe HTML5 CSS3 チートシート: http://goo.gl/SBW9 @designaholic_cc googleが検索の新機能発表!: http://goo.gl/EqQs @naga3 jQueryの新機能知りたかったらここが一番分かりやすいです
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか: ウェブの歴史 [Page 2] よ
Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わらない1つの古文書に従えばいいので、きっと活躍できます。 しかしたまらん、流石に疲れた。 ボックスひとつができること CSSでは、文書を構成する各要素は、ボックスという矩形領域に置きかえられ、それらの持つプロパティを操作して装飾します。つまり、ボックスはページデザインを構成する最小単位と言えるわけですね。 そこで今回は、最小単位となる1つのボックスに対して、どのような装飾手法が有効かという点を、CS
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.
uuCSSBoost.js は uuAltCSS.js に名前が変更になりましたが、一部の説明が記事を書いた当時の古い名前のままになっています。最新版では、uuCSSBoost.revalidate() は廃止され uuAltCSS() を呼び出すように変更になっています。 コードの解説を追記しました。 「最新の規格を実装したブラウザが登場しても、IE6 のせいで諦めるしかないのか」 「CSS3セレクタを古いブラウザでも使いたい!」 といった現場の声にお応えして、ほぼ全てのブラウザで CSS3 セレクタを利用したページデザインが可能になるJavaScript ライブラリを作ってみました。 特徴 軽いよ いろんなブラウザで動くよ(Firefox2+, Opera9.2x+, Safari3+, IE6+, Google Chrome1+) 95%〜98%ぐらいのシェアをカバーできるんじゃない
先日、WCAN mini Markup Vol.10がありました。第10回を数える今回は「CSS3+jQueryを実際に使ってみよう!」というテーマで、WCAN x CSS Nite 2009 SPRINGでの益子さんのセッションを実践し紹介し合おうというものです。 僕が紹介したのは、CSS3のレイアウトに関する新しいプロパティ[1]。新しいプロパティを使うとこれからすごくレイアウト組が楽になるよね!ってことがいいたかったので、説明は他所に任せてサンプルを見ていただいくことでイメージしてもらう形にしています。 なお、今回のサンプルは一部のブラウザのみしか動作しません。オススメはSafariかGoogle Chromeです[2]。 可変レイアウト: 横幅指定に % 、ボーダー幅に px を指定したボックスの場合 サンプルのように、2つのボックスを左右に並べて可変のレイアウトを組みたいときを考
実践CSS3 & HTML5 with Microformats ワークショップ :: Web Directions East に行ってきたのでまとめ 実践CSS3 & HTML5 with Microformats ワークショップ :: Web Directions Eastに行ってきました。 会場は恵比寿のとある会議室で、少人数(参加者10人弱くらい)で行われました。 講師はJohn Allsoppさんで、通訳にヤスヒサさん。 色んなお手伝い(という紹介でいいんでしょうか)にOli Studholmeさんというチームでした。 ヤスヒサさんは久しぶりにお会いしましたが、髪が伸びていました(お前が言うな)。 参加者の中で知ってる人はネコゼさんだけでした。 あの人とかあの人とか来ると思ったのになあ。。 休憩時間に技術評論社でHTML5の記事を書いた村田さんと名刺交換をさせてもらったりもしまし
上記の表の「*」の部分にはプロパティ名が入ります。なぜこのようなプレフィックスが必要かというと、仕様として完全に固まっていない要素であるということ、そしてブラウザ側でバグがあるかもしれないがベータとして実装している場合がある、この2つが理由としてあげられます。 レイアウト HTML5の書き方やCSS3の書き方の説明後、レイアウトの説明が行われました。 ブラウザリセット Internet Explorerの問題がありますが、テストしきれていないベータのブラウザなどもあり、一概にデフォルトセッティングが今後も仕様が変更されない保証はありません。 このreset.cssを使用するのは非常に有効です。 カラム落ちの原因 フロートを使用してカラム落ちしてしまう原因は、各ブラウザのボックスモデルの違いによるものです。たとえば、%などで横幅の指定をしてもwidthの計算方法がブラウザごとに違います。 特
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く