プログラム組んだら負け！実はHTML/CSSだけでできること2015夏
2. 2015 Yusuke Hirao, CC BY-ND. 自己紹介 平尾優典（ひらお ゆうてん） === 株式会社ディーゼロ Webエンジニア ## コミュニティ活動 - 福岡フロントエンド友の会 Fukuoka Frontend Frogs - 福岡マークアップ勉強会 - baserCMSユーザー会 Yusuke Hirao @cloud10designs 3. 2015 Yusuke Hirao, CC BY-ND. 自己紹介 ## コミュニティ紹介 ### 福岡フロントエンド友の会 Fukuoka Frontend Frogs ### 福岡マークアップ勉強会 ### baserCMSユーザー会 「井の中の蛙」にはならないようにと集まった フロントエンドエンジニアのためのコミュニティ。 Webコーディング・アプリ開発の悩める蛙たちが その場で話題を決めて、アンカンファレンス形式で
ベンダー接頭辞は有害か | Web標準Blog | ミツエーリンクス
MozillaでHTML5パーサなどの開発に関わっているHenri Sivonenが、自身のWebサイトにベンダー接頭辞はWebにとって有害であるいう考察記事を公開しています。 Vendor Prefixes Are Hurting the Web ベンダー接頭辞はWeb開発者にも、利用者にも、そしてブラウザの競争においても有害であり、ベンダーは接頭辞つきの実装をやめるべきだという指摘を、様々な点から分析し考察しています。 利用者やブラウザの競争においても有害？ CSSのベンダー接頭辞に関する「手間」については、CSS3の機能が広く利用されているいま、説明する必要はあまりないかと思われます。 最近ではAPI仕様についても、ベンダー接頭辞をつけた実装が行われるようになりました。標準の実装において慣習となりつつあるわけです。しかし、利用者やブラウザの競争においても有害となるのはなぜでしょうか。
XHTML+CSSでキャメルケースを使うべきではない7つの理由 | tshinobu.com
XHTML+CSSのid/class名でキャメルケースを使うべきではない7つの理由を、CSS WIZARDRYの「CSS: CamelCase Seriously Sucks!」から覚え書きです。下記はその意訳です（間違っていたらすみません）。 はじめに 今、この記事が何人かの人をいらだたせることは分かっているし、私が普段どのようにコードを記述しているのか伝えたいのではありません。私はシングルラインCSSがキライです。ただ、明瞭で、道理にかなった、理解しやすく、首尾一貫したコードであるならば、そんなに文句を言うことはありません。私の目から見て最も重要なのは一貫性です。しかしながら、キャメルケースは、本質的に矛盾していることが明らかなのです。 1. CSSはハイフンで区切られた構文 CSSはハイフンで区切られた構文です。どういうことかというと、font-size、line-height、bo
面白法人カヤック、JavaScript、HTML5、 CSSの投稿共有コミュニティサイト「jsdo.it」を開設 | gihyo.jp
面白法人カヤック、JavaScript、HTML5、 CSSの投稿共有コミュニティサイト「jsdo.it」を開設 （株）カヤックは6月18日、JavaScript、HTML5、CSSを投稿して共有するコミュニティサイト「jsdo.it」を開設した。 「jsdo.it」はWeb制作における次世代のマークアップ言語として注目を集める「HTML5」そのHTML5と連携する「JavaScript」「CSS」を投稿し、ユーザ間でソースコードを共有できるWebサービス。同社は2008年12月よりFlashを投稿して共有できるWeb サービス「wonderfl build Flash online」を運営しており、国内外合わせて2万3,000人のユーザを擁している。こうしたユーザから、話題のHTML5やJavaScript、CSSでも簡単に投稿できノウハウが共有できる場を求める声があがり、新サービ
【コラム】攻略! ツール・ド・プログラミング (19) HTMLやCSSのコーディングを爆発的に効率化する「Zen-Coding」 | エンタープライズ | マイコミジャーナル
Zen Codingとは Zen CodingはHTMLのタグやCSSのスタイル定義の記述をショートカット化し、決められた略語を記述するだけで複雑なマークアップを展開できるようにするツールである。たとえば、次のような略語が用意されている。 リスト1 html:4t これはHTMLの雛型を展開するための略語で、これをエディタに記述して決められたショートカットキー(デフォルトでは『Ctrl+E』や『Alt+E』)を入力すると、次のようなマークアップに展開される。 リスト2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" cont
CSS/HTMLリファレンスマニュアル、最新ブラウザ互換情報 | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers HTMLやCSSを記述する際にもっとも気になるのが、使おうとしている機能が開発に使っている以外のブラウザでサポートされているかどうか、また、意図どおりに機能するかどうかだ。テストフェーズでまとめてチェックする方法もあるが、複数のバージョンが混在する現状では、テストフェーズまでチェックを引き伸ばせば引き伸ばすほど、後からブラウザ互換性を確保する作業が困難なものになる。 開発段階でブラウザごとの互換性やサポート状況をチェックしリスクを回避するために役に立つリファレンスマニュアルにSitePointが提供しているSitePointリファレンスシリーズがある。CSS、HTML、JavaScript版が提供されており、特にCSSとHTMLのリファレンスマニ
Webデザイン手法をまとめた書籍「XHTML/HTML+CSSスーパーレシピブック」 | クリエイティブ | マイコミジャーナル
書籍「HTML/HTML+CSSスーパーレシピブック」 エ・ビスコム・テック・ラボ著 2,940円 毎日コミュニケーションズは、XHTML/HTML+CSSによるWebデザイン手法をまとめた書籍「XHTML/HTML+CSSスーパーレシピブック」を発売した。 同書籍では、Webページを構成するヘッダー、メニュー、テキスト、背景、フォームといったパーツごとに、XHTML/HTML+CSSによるデザイン設定の考え方やカスタマイズの方法が詳細にまとめている。 XHTML/HTMLとCSSの基本を学び、実際にWebページをデザインしようとすると、意外に設定が難しく、戸惑う部分も多い。そこで同書籍では、やりたいことから調べられる「目的引き」形式で、Webデザインパーツの設定方法を紹介している。例えば「テキスト」の章では、「見出しを画像で装飾する」という項目で、その基本スタイルとソースを掲載。その後、
IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開
業務アプリケーションがWebアプリケーションとして開発されるのは現在の大きなトレンドです。それに伴ってHTMLとCSSによって業務アプリケーションの複雑なユーザーインターフェイスを構築する必要性が生じます。 しかし機能が豊富な業務アプリケーションのユーザーインターフェイスをHTMLとCSSで構築するのはそれほど簡単ではなく、しかもそれをアプリケーション全体で統一し、優れたユーザビリティを実現するのはさらに手間のかかる作業です。 そうした業務用のWebアプリケーションのユーザーインターフェイスを構築するためのサンプルが豊富に含まれたガイドライン「IBM Lotus User Interface Developer Documentation」が、IBMから公開されました。 今回公開されたIBMのガイドラインは、同社のLotus製品群のユーザビリティを統一するための社内プロジェクト「One U
自分的HTMLテンプレートの組み方 | Takazudo Clipping*
自分的HTMLテンプレートの組み方と例です。 まぁ、やるたびにちょこちょこ変えてるんですけど、2009年7月版ってことでざっくり説明。 空テンプレ モジュール一覧 サンプル ダウンロード用 エリアとモジュール 繰り返し使用される要素の塊をモジュールと呼び、エリアの中にこれを並べてページを作成するのを基本とする。 モジュールの開始要素には、「mod_moduleName」のようにclass（もしくはid）をつける。 モジュールやエリアのclass/idを起点に全てのスタイルを指定する。p、h1～h6、blockquote、table等、要素自体に直にスタイルを指定してはいけない。（グローバル変数を使っているような状態になってしまうため、以降考慮するのが面倒。リセット程度に済ます。） モジュールにスタイルを指定する際には、mod_moduleNameを起点としてスタイルを指定し、カプセル化を
IE8のレンダリングモードと互換表示 - page3 - builder by ZDNet Japan
Internet Explorer 8（IE8）は標準に準拠した形でページを表示するため、古いバージョンのIEに合わせて作成したページを表示するとレイアウトが崩れてしまう可能性がある。そのため、IE8には3種類のレンダリングモードが用意され、古いIEと同じ形でページを表示できるようになっている。 そこで今回は、各レンダリングモードの特徴や指定方法を確認していく。また、ユーザーがレンダリングモードを切り替えないようにするため、IE8に新しく用意された「互換表示ボタン」を隠す方法を紹介したい。 IE8に用意されたレンダリングモード IE6の時代からIEには下位互換のために複数のレンダリングモードが用意され、必要に応じて古いIEと同じ形でページを表示することができた。たとえば、IE6とIE7には「Standardsモード」（標準準拠モード）と、「Quirksモード」（互換モード）の2種類のレンダ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Create a new fiddle - JSFiddle
BLOGOS サービス終了のお知らせ