HTML5 のマークアップで心掛けたい事 - HTML5 のいろいろな要素
HTML5 のマークアップで心掛けたい事を挙げてみます。 平成25年 5月16日現在、HTML5 勧告に向けて、グラフィカルなウェブブラウザの開発者は HTML5 への対応を急速に進めておりますが、そうでない環境、例えば音声出力ブラウザや CUI 環境向けテキストブラウザなどについては、殆どと言って良い程話を聞きません。 こう言った事から、HTML4/XHTML1 時代の環境でも問題なく取り扱えるようにマークアップすべきでしょう。 はじめに。 平成24年12月17日に HTML5 の勧告候補が発表され、HTML5 は勧告に向けて大きく前進しております。 特にグラフィカルなウェブブラウザの開発者は、WAHTWG に加盟していないマイクロソフト社を含めて HTML5 への対応を急速に勧めており、西暦2014年に勧告される頃には、殆どのグラフィカルなウェブブラウザが HTML5 対応になっている
[HTML5 入門]HTML5におけるブロック要素とインライン要素の考え方
http://www.hamashun.com/ で、お会いしたときにここぞとばかりに私が気にしているコーディングのしかたなどを聞いてもらったりしたのですが、いくつか気になるコメントをもらえたのでじっくり考えてみました。 今まで考えていた根拠の薄いコーディングルール 私は普段からかなり文書構造に気をつけてコーディングを行っていますが、仕様の中で理解できない部分についてはわりと独自の解釈も用いています。そのひとつに、「入れ子の同じ階層にブロック要素とインライン要素を置かない」というものがありました。 入れ子の同じ階層にブロック要素とインライン要素を置かない 具体的に説明すると、body要素等のブロック要素の直下にdiv要素等が置かれていた場合、それの外側の同じ階層状にspan要素等を置かないという事です。 <body> <div id="container"> <header id="top
![[HTML5 入門]HTML5におけるブロック要素とインライン要素の考え方](https://cdn-ak-scissors.b.st-hatena.com/image/square/913d9625c96461318e055dbb38b3d26c92683092/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2012%2F10%2Fintroduction-to-html5-150x150.png)
レスポンシブデザインの高速プロトタイピングツールAdobe Edge Reflow | DECONCEPTER
レスポンシブウェブデザインのワークフローを改善するツール 昨年Adobeが発表したEdge Tools & Servicesの中で唯一リリースされずにいたAdobe Edge Reflowが2月15日に発表された。 先行して公開されているEdge Web Fonts や Edge Inspectなどと連携しながら高速にレスポンシブデザインのモックアップ作成が可能となる。 Adobe Developers ConnectionにEdge Reflowの概要と今後の可能性について書かせていただきましたのでご覧ください。 レスポンシブWebデザイン制作におけるEdge Reflowの可能性 | ADC – Adobe Developer Connection Edge Reflowのメリット Edge Inspecetを活用してPCサイトとモバイルサイトのモックが並行して作成できるのは大きい。又
京都の和装前撮り・フォトウエディングのスタジオゼロ
10万円以内でもかなう、 理想のウェディングフォト。 追加料金のいらない撮影プランで、 お二人にとってかけがえのない写真を。 スタジオゼロのこだわり
HTML5で作られたWebサイトのまとめやフルスクリーンなwordpressのテーマ集など今日のまとめ | WDS
今日の話題・ニュース iPhone4Sがとどめ、国内携帯端末メーカーの最終章(1) | 産業・業界 | 投資・経済・ビジネスの東洋経済オンライン 通信費は意見が色々あると思いますが、端末代だけで考えるとiPhoneは安いですもんね。 箱庭ゲーム 『Minecraft – Pocket Edition』iOS版 配信開始 — Engadget Japanese 連日ゲーマーぶってますけど実はやったことないんですよね。これを機にやってみようかな。 なぜ今、ブログなのか – jkondo's blog jkondo氏が先日サービスがスタートしたはてなブログについて語る。 今日のWebデザイン 40+ Awesome Fullscreen WordPress Theme Collection – tripwire magazine フルスクリーンのWordpressテーマコレクション。 50 Cr
「Flashは死ぬのか？」 世界の問いに対するAdobeからの回答 - 週刊アスキー
Adobeがモバイル向けFlashの開発を辞めると発表し、世界中が騒然としたわけですが、その理由と誤解について、アドビ システムズの主席プロダクトマネージャーであるマイク・チェンバース氏がコメントしております。 ※この記事は、2011年11月11日にアドビ システムズ社のブログにポストされた記事を翻訳したものです。リリースより転載します。 モバイルブラウザー向けFlash Player、Flash Platform、Flashの今後について 【2011年11月17日】 私がFlashとFlashコミュニティに携わって、およそ12～3年（そのうち10年以上はマクロメディアとアドビ システムズ社）になります。この間にはさまざまな変動がありましたが、この2日間は私のキャリアの中で最も困難なものでした。この数日間のニュースにおけるいくつかの項目を明らかにし、また状況がどのように進行しているかについ
デザインの引出しを203%拡張させる神Webサイトデザインギャラリー | 秒刊SUNDAY
前回このＷＥＢサイトギャラリー特集を行った際には、フルFlash,フルスクリーンのカッコイイサイトが主流でした。当たり前のようにウインドウが最大化 し、当たり前のようにヌルヌルとＦｌａshが動く。時代は変わったもので、もはやFlashのフの字を聞くだけで『iPadじゃ見れないからねー』が付き まとう今日、ＷＥＢデザインはどのように設計したらよいのでしょうか。今回はそんなＷＥＢサイトデザインに役立つサイトをご紹介したい。 ◆Webデザインポータルサイト ■Webデザインのリンク集 Webデザインポータルサイト S5-Style スタイリッシュで非常に見安いサイト。次々に事例を見て行っても苦にならない。 ◆Webデザインリンク集・ソーシャルブックマーク ■Webデザインリンク集・ソーシャルブックマーク - 最近ページングではなくスクロールローディングに変更された。わざわざページングしなくても良
NextFTPで使うフィルタ
とりあえず画像・動画・プログラム関連とかは表示する必要なし。 *.jpg;*.jpeg;*.gif;*.png;*.bmp;*.psd;*.ai;*.swf;*.fla;*.wmv;*.mpg;*.m4v;*.flv;*.mp4;*.pdf;*.xls;*.doc;*.ppt;*.zip;*.lzh;*.log;*.json;*.dat;jcode.pl;*.pm;*.ico;*.db;*.mno;*.ds_store;*.mo;*.mif; 以下の分類はあくまで主観です。 WEBページ系 *.html;*.htm;*.shtml;*.shtm;*.dwt; 画像系 *.jpg;*.jpeg;*.gif;*.png;*.bmp;*.psd;*.ai; 動画系 *.swf;*.fla;*.wmv;*.mpg;*.m4v;*.flv;*.mp4; 文書系 *.pdf;*.xls;*.doc;*
WordPressのオリジナルテーマ作成フロー・基本マニュアル
初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基本のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基本中の基本で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに作成するWebサイトの目的と構造テーマ作成前に用意するものと環境テーマの構造を（触り程度だけでも）理解するHTMLからテー
【CSS】CSSレイアウト時のIE6対策まとめ | バシャログ。
Adobe の CS5 はなんか凄そうですね。「でもお高いんでしょ？」「ハイ、とても！」 いま会社で使っているアプリは「Macromedia」の Dreamweaver8 と Fireworks8 です。結構バリバリ制作作業していますが、別に不便に感じてないしなー、と思っている sakai です。自宅では Dreamweaver4 と Fireworks4 です。エヘン。 世間では HTML5 や CSS3 の話題も増えてきた今日この頃ですが、実務では相変わらず IE6 との格闘が続いています。 ただ、長年さんざん IE6 対策に取り組んできたこともあり、今ではそれほど IE6 を意識してコーディングすることもなくなりました。 今回は IE6 をターゲットに含めた CSS レイアウトで気をつけたい点をまとめました。 基本ですが、おさらいまで。 大前提 大前提として、IE6 は標準準拠モード
30 Free Professional and Useful UI PSD Files | Freebies
14 Comments These are awesome! You can also get some inspiration in many of these designs if you’re working on UI elements of your own. Thanks for sharing! Amazing collection! This is a great post…more ideas and choice to create a good jobs! Thanks so much! I had need that in the past! Also adding to the pile. Renegade a free blog PSD http://theodin.co.uk/blog/photoshop/renegade-free-publication-p
「焼肉 三十八」のリニューアルをしました！
2011年11月8日 Webサイト制作, Webデザイン こんにちは、ブログを書きつつちゃんとフリーランスのWebデザイナーとしてお仕事しています、Manaです。先月あたり「焼肉 三十八」様のWebサイトリニューアルのお手伝いをさせて頂いたのでそのレビューなんぞを紹介します。デザインや構成など、サイトリニューアルする上で参考になる部分があれば幸いです。 受注 福岡県でホームページ制作、広告運用等を手がけているCDP様より「焼肉 三十八」様のWebサイトリニューアルの依頼を頂きました。 簡単なリニューアル時のご要望をまとめると下記６点でした。 お知らせ欄は更新可能 WordPressで構築 写真やテキストは流用 携帯版作成（コンテンツは一緒） ブログ・口コミ掲示板は削除 IE6は非対応でOK（ありがとうございます！！！） 制作にかかわるお打ち合わせはCDP社デザイン担当の松野氏とSkypeや
風呂敷（ふろしき)専門店 京都の染工場直売 | mashu kyoto
ひょうたん 二巾 (綿) ちりめんで人気のひょうたん柄、使いやすい綿の風呂敷です。 価格 : 2,000円(税抜) うろこ 二四巾 (綿) 「楽しい事ばっかり集まってもらおう」とデザインしてみました。 価格 : 3,000円(税抜) たからづくし 二巾 (綿) どんなお祝いの場面でも華やかにしてくれます。 価格 : 2,000円(税抜) 丸取小紋 二巾 (綿) 江戸好みの幾何学的な文様を集めてデザインしました。 価格 : 2,000円(税抜) 匹田菊 二四巾 (綿) 「ずっと健康でいられますように」という願いを込めてデザインしました。 価格 : 3,000円(税抜) 花喰鳥 二四巾 (綿) 「花喰鳥」の花枝と鳥の姿を大胆に配置しデザインしました。 価格 : 3,000円(税抜) しっぽう 二巾 (綿) 「七宝」をモチーフにデザインしたmashuの「しっぽう」柄です。 価格 : 2,000円
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
More Rare
http://html5please.us/
ウェブデザインのセンスを磨こう、素敵なUIデザインのまとめ
560days.com
電話占いで使われる占術をご紹介 | 当たる電話占いおすすめランキング～口コミで評判の当たる電話占いサイト紹介～
Loading...
CSS 20 stunning examples of CSS 3D transforms