BLOCKS Bootstrap builder
Introducing new... BLOCKS v.3.2 Simple Yet Powerful Website Builder Watch theVideo demo Make Websites in Record Time! COMPARE PRICES NOW GET FREE DEMO NOW! "Developers could really use a hand in speeding up or even automating the process. That's where an application like BLOCKS is life saver!" -MightyDeals.com
コーディングガイド by @mdo
HTMLシンタックス インデントには半角スペース2個分のソフトタブを使用すること。これが全ての環境で全く同じように見せる唯一の方法。 ネストされた要素はかならず1段階だけインデント(半角スペース2個)すること。 いつもダブルクォートを使うこと。属性値に対してシングルクォートを使わないこと。 閉じタグの無い要素に対して、末尾のスラッシュは省く事。HTML5仕様に省略して良いと書いてある。 省略できる閉じタグを省略しないこと。(例えば</li>とか</body>)。 <!DOCTYPE html> <html> <head> <title>Page title</title> </head> <body> <img src="images/company-logo.png" alt="Company"> <h1 class="hello-world">Hello, world!</h1> </
Webページレイアウトあれこれ (WebPageLayouts - MemoWiki v5)
Webページレイアウトあれこれ -10 Evergreen Website Layouts (that will never go out of style) - Speckyboy Design Magazine --http://speckyboy.com/2012/05/23/10-evergreen-website-layouts-that-will-never-go-out-of-style/ -ウェブデザイナーは知っておきたい、ページレイアウトの代表的な10のパターン | コリス --http://coliss.com/articles/build-websites/operation/design/10-evergreen-website-layouts-by-speckyboy.html -[ヅ] 親ブロック内での絶対座標を指定する自由なCSSレイアウト --http://
イマドキのIDE事情(124) HTML5/CSS3対応エディタ「BlueGriffon」を試してみる
BlueGriffonとは? BlueGriffonはFirefoxに搭載されているGeckoエンジンを使用したHTMLエディタで、NvuやKompoZerといったGeckoベースのHTMLエディタの後継にあたる。ソースコードとWYSIWYG編集を切り替えながら編集を行うことができる。最大の特徴は、HTML5やCSS3に対応しているという点だ。 BlueGriffonはマルチプラットフォームで動作し、WebサイトのダウンロードページにはWindows、Mac、Ubuntu用のインストーラが用意されている。Webサイトは英語のみだがインタフェースは最初から日本語に対応している。 BlueGriffonを使ってみよう 実際にBlueGriffonの機能を見てみよう。まずはHTMLの作成時に「ファイル」メニューの「新規作成ウィザード」で使用するHTMLのバージョンなどを指定してHTMLを作成でき
Post by @hamalog
結論から言うと、-でも_でもキャメルでもどれでもいいと思う。で、自分が-を使っているのは、jQuery UIのcssがそのように書かれていて、僕が年中、ヘビーにjQuery UIのベースとなっているwidgetというフレームワークを使っているから。そして、仕事でやる場合にはだいたいコレを使うので、それに習っている感じ。参照：The jQuery UI CSS Framework -を使う時は、名前空間的な意味合いで使う。単語の区切り目としては使わない。具体的には、こんな感じ。ここで使っているmod-は、モジュールの単位を表す、mod-modulenameを起点にしてそっから下のひとまとまりがcssをごそっと適用するひとかたまりだよーという意味。apply-は、なんかJSをユーティリティ的にぽこっと適用するときに使う。 単語の区切り目は、キャメルケースにしたいところだけどあえてoremodu
javascriptを使わず、html + cssだけでクリックシューティングゲームを作ってみた - 最高のコンピューティング環境とは？
CSSで描かれたぐぬぬ画像などを見てたら、ふとhtml + CSSだけでアクションゲームが作れないかと思ったので作ってみました。 ページ移動すればいくらでも可能ですが、それだとつまらないので、1ページ内で作るという縛りもつけてます。 デモページ http://ndruger.lolipop.jp//hatena/20110429/css_game/css_game.htm Chrome / Safariの最新版で動きます。Firefox / IEだと動きません。 ソースコード https://github.com/ndruger/css-game 技術的な説明 アニメーションはCSS Animationを使うだけなので簡単ですが、問題は状態管理です。 アクションゲームを作るには、基本的に下記の要素が必要です。 1. ユーザー入力に対する状態の変更 2. 状態の保持 3. 状態に応じて見た目
W3C cheatsheet
Accessibility: WCAG2 at a Glance Perceivable Provide text alternatives for non-text content. Provide captions and alternatives for audio and video content. Make content adaptable; and make it available to assistive technologies. Use sufficient contrast to make things easy to see and hear. Operable Make all functionality keyboard accessible. Give users enough time to read and use content. Do not us
Loading
Videos Watch and learn from our engineers as they show how to bring the latest web technologies to your websites on Safari. Watch Safari and Web Videos Forums Ask questions and discuss a variety of web development topics with Apple engineers and other developers. Apple Developer Forums Safari Extensions Safari extensions are a powerful way to add new features to Safari. They are built in Xcode wit
Wirify – The web as wireframes
Wirify bookmarklet lets you turn any web page into a wireframe in one click ← Drag the link on the left to your browser Booksmarks toolbar, then go to a website and click "Wirify by Volkside" to wirify the page! I agree to the terms of service by accessing, installing or using Wirify Wirify is free, easy and fun to use Step back and see the big picture of a web page Focus on page structure by hidi
マークアップ効率化 - zen-codingでコーディングを倍速に
HTMLの記法について 基本的には「div」の様に要素を省略せずに記述して、それを展開すると「<div></div>」という形に展開されます。 このときに展開できる要素は以下の公式ドキュメントに明記されていますのでそちらを見るとよいです。 Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基本的な記法 ひとつずつ順番に記述して説明していきます。しばらく初歩的な説明になるのである程度知っている方は飛ばしていただいて良いかと思います。 まずものすごく基本的な記法である、単独タグの記法について説明を行います。 cssのセレクタをイメージしながら見ていくと納得しやすいと思います。 タグだけ変換 変換前 div 変換後 <div></div> デモ 文末でtabを押してください div 変換後、div要素の間にカーソルが移動するので、すぐにテキ
実践 Web Standards Design が再刊行されます - lucky bag
2008 年 6 月 10 日に九天社が倒産したことによって絶版となっていた「実践 Web Standards Design」ですが、この度、技術評論社より再刊行の運びとなりました。撮り下ろしのホップがイカしてます。 書名：実践Web Standards Design―Web標準の基本とCSSレイアウト&Tips 体裁：B5変形判・448 ページ 価格：定価3360円（本体3200円） ISBN：978-4-7741-3684-4 店頭発売日：11月29日 発行日：平成21年1月5日 再刊行にあたり、全編に渡って見直し、加筆・修正しています。7 章などのTipsについても、2008 年現在最新のブラウザで再検証しました。意外にOperaが 9.2x 以前と 9.5x 以降で微妙に変わってるものがあったりして、その辺りについても簡単に追記しました。ちなみに、IE については IE8 Beta
スタイルシート使用時の＜ＢＲ＞連続改行の表示について
まる [E-Mail] 2000/02/02(水) 15:13:20 スタイルシートを使用しています。 その際、＜ＢＲ＞で連続改行で間隔をあけたいのですが、ＮＮではちゃんと行数分空くのですが、ＩＥ５．０では１行に縮まってしまいます。 これをＩＥでも複数行分表示させるにはどうしたらよいでしょうか？ 使用しているスタイルは以下の通りです。 ＨＴＭＬは画像は背景のみで、すべてテキスト（文）になってます。 body {line-height: 18pt; letter-spacing: -1pt; color: black; font-size: medium; background-color: whitesmoke; background-image: url(../image/back/bg166001.jpg); margin: 0em 5em 0em 5em; } ＥＭＩ
終了いたしました。
作者ホームページサービス（hp.vector）は終了いたしました。 長らくのご利用、ありがとうございます。 ご不明な点があれば、お問い合わせページをご覧の上、お問い合わせください。 ※15秒後にトップページに戻ります。 (c) Vector HOLDINGS Inc.All Rights Reserved.
すごいdiv - 3ping.org
あまりに多いので書くのも気が引けるのだけど、body要素直下のすべての内容をdiv要素で何重にも囲ってるサイトが増えてきてますね。これ変だと思うんです。 大抵こんな感じに <body> <div id="wrap"> <div id="container"> . . </div> </div> </body> wrapper(包み込む), container(入れ物)なんていう名前がつけられていて、さらにすごいdivになると、さらにこの内側に inner(内側)というものが出てくる。 「class名やid名は、デザインに依存しないものが好ましい」と言いうのなら、「包み込む」や「内側」もデザインにかなり近いものだと思うのですが、真面目に突っ込む人は見かけず、このようなHTMLは増加しているようです。 再利用性という点からみても、「内側」という名前の要素郡ならば、移動するときは「外側」と一緒で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Browser Safe Colors
syboos.jp
css3-mediaqueries-js - Project Hosting on Google Code
re-dzine.net situs togel online toto 2023 -
Example Domain
The global structure of an HTML document