デザイナーやコーダーがいなくても、BootstrapベースのかっこいいWebページが驚くほど簡単に作成できてしまう -Assembly | コリス
デザインやHTML, CSSの知識は不要。Bootstrap 3ベースのかっこいい縦長ページや複数ページのサイトが簡単に作成でき、デザイナーやコーダーがいなくても、そしてデザインやコードが分かる人には今までの作業がぐっと楽になるオンラインサービスを紹介します。 サンプルを元にカスタマイズしてもよし、ヘッダやコンテンツなど100種類以上のコンポーネントからクリック一つでぽんぽんページのレイアウトが完成してしまいます。 Assembly Assemblyは無料で利用でき、一部のコンポーネントとHTML化が有料（$17）です。 $17は2016年2月現在、1,900円なので、フル機能でこの値段は有りですね。 まずは、Assemblyでどんなページができるか見てみましょう。 縦長スクロールのページで、ヘッダは大きい写真画像、コンテンツが数パターンあり、フッタがデザインされています。コマ数を落として
HTMLとスタイルシート（CSS）の業務スキルレベル 判別表 （５段階） - 主に言語とシステム開発に関して
スキルチェックの目次へ HTMLおよびスタイルシート（CSS）を利用したWebページ制作の，簡易スキルチェックのための調査表。印刷用。 マークアップ・エンジニアとしてのレベルを測定する。 これは，「Webページをコーディングして作る人」全般に当てはまる。 レベルは，０から４までの５段階。 （０） 非エンジニア （１） 初学者（入門書を学習してゆく段階） （２） ノーマル（基礎的な知識があり，ある程度の画面を作れるようになった段階） （３） 中級者（Webアプリの開発プロジェクトで１人月としてカウントできる水準） （４） 上級者（メインPG/デザイナとして，Web UIの主担当を任せられる水準） Webアプリのプロジェクト開始時に作業振り分けをするにあたって，新規メンバ全員にこれを渡して回答してもらうという用途を想定。 なお，システム開発上のスキルをチェックする事が主眼なので，アーティスト（
疎結合なUIコンポーネントの作成について - monjudoh’s diary
複数画面で使えるAjax formダイアログのコンポーネントを作る 初期状態 Google CalendarのようなWebアプリを想像してください。 1日が1個のセルになっていて、セルをクリックしたらスケジュール登録ダイアログが表示され、 入力して登録ボタンを押すとスケジュールが登録され、セルの中に登録されたスケジュールが表示されます。 イメージ define([ 'schedule-model' ,'schedule-api' ,'schedule-to-selectors' ,'growl' ,'app/schedule-dialog-template' ,'debug' ,'jqueryui/dialog' ],function( ScheduleModel ,ScheduleApi ,scheduleToSelectors ,growl ,scheduleDialogTemplat
スマホサイトの作り方で、あんまり書かれてないことを書いてみた - Kaleidoscope
【スマホ対応サイト制作のより詳しい記事はこちら】 1.メニュー編 2.HTMLとCSSで画像を操る編（前編） 2.HTMLとCSSで画像を操る編（後編） スマホサイトの作り方関連のブログとかを見てて、viewport周りの基本的な設定は書かれているのですが、 個人的に重要だと思うポイントが、なかなかどなたも書いてらっしゃらないような気がするので、まとめてみました。 それは、 とにかく内側のHTML要素をハミ出さないように作る どうしてか？ ふつうは、スマホサイトというのは縦スクロールしかさせたくないですよね。 例えば、iPhoneで言うPortrait（縦）表示のとき、横幅320pxを超えたページ構成になると、 おかしな横スクロールが発生してしまいます。 viewportで拡大とかの禁止をおこなっていても、そうなります。 （まぁ、拡大とは意味が違うので当然なのですが。。。） 具体的にどうい
PHPでHTMLを解析 - 僕のススメ。
ずっとやろうと思ってたHTML解析をやってみた。 HTML解析は、DOMDocument->loadHTML()関数を使用して出来ることはできる。 <?php $doc = DOMDocument::loadHTML("<html><body>Test<br></body></html>"); echo $doc->saveHTML(); $doc = new DOMDocument(); $doc->loadHTML("<html><body>Test<br></body></html>"); echo $doc->saveHTML(); ?> これだと簡単に動かせない。っということで、google先生に聞いて結果引っかかったのが以下の方法。 PHPでプログラミングをしています。 特定のHTMLファイル内にある… - 人力検索はてな これの回答[5]が非常に参考になる。回答[5]に記載し
Select Cuts Off Options In IE (Fix) | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! I think the problem is fairly obvious here. If you set a static width on the <select> element and the width of the text in the <option> are wider than that, the text gets cut off in IE 6-8. There is no good pure-CSS solution for this that I can come up with or find. It has been tackled with
Styling the button element with sliding doors | Filament Group, Inc.
102 South Street , 3rd floor Boston MA 02111 Phone: 617.482.7120 Fax: 617.687.0212 Email: hello@filamentgroup.com Posted by Scott and Maggie on 05/23/2007 Topics: cssui designvisual design Particle Tree recently posted an article describing a technique for styling the HTML button element. For those not familiar, form buttons are notoriously difficult to customize because they render differently ac
HtmlUnit – Welcome to HtmlUnit
Constantly updating and maintaining the HtmlUnit code base already takes a lot of time. I would like to make 2 major extensions in the next few months Add HTTP/2 support Replace the Rhino based JavaScript engine For doing this I need your Sponsoring. HtmlUnit is a "GUI-Less browser for Java programs". It models HTML documents and provides an API that allows you to invoke pages, fill out forms, cli
Hpricot, a fast and delightful HTML parser
This post is also available in: Español (Spanish) Last Updated on December 25, 2020 by Jay (Updated testing results for 2020) Summary: There are three methods available to unlock iPhone 6/6s or 6 plus/6s plus – software unlocking, hardware unlocking, and IMEI unlocking. Software unlocking is a scam and doesn’t work, and hardware unlocking can ruin your device and will void your warranty. The only
Color Codes Matching Chart HTML (Pantone, CMYK, RGB Hex)
Color Codes Matching Chart HTML (Convert CMYK, RGB Hex) Note that the conversions in this color codes chart are best described as “nominal”. They will produce an invertible conversion between the RGB code and a subset of CMYK; that is, one can take an RGB color code and convert to certain CMYK colors, and from these CMYK colors obtain the matching, original RGB codes. However, conversion of CMYK c
いまさら聞けないHTML --- Part1：基本を確認
図1-2 HTMLは ＜ と ＞ で囲んだタグを使う<BR>多くのタグは，指定する範囲を示すために＜XX＞（開始タグ）と＜/XX＞（終了タグ）を組にして使う。一方，ケイ線や改行など，指定する範囲がないタグは終了タグなしで使う。 Part1ではHTMLの基本を確認するために，30行程度のテキストが書かれたHTMLファイルを例に，その内容を解析していく。インターネットに公開されている見栄えのいい企業のWebページでも要素が増えているだけで，個々の要素を取り出してみれば，基本は同じである。 中身はタグを含んだテキスト 図1-1[拡大表示]は，HTMLファイルの中身（ソース）と，それをWebブラウザで表示した結果である＊表示した結果である。 Webブラウザの表示と，HTMLソースを見比べると，ブラウザのウインドウに表示している文字がそのままHTMLソースに書かれていることがわかる。 また，HTML
ラジオボタンにはlabelタグのforが便利 - モジログ
はてなブックマークの「注目エントリー」で、３ユーザと５ユーザの切替ボタンが、 ラベルと連動していないことに気づいた。 HTMLソースでいうと、いま <input value="3" name="threshold" type="radio"> 3users <input value="5" name="threshold" type="radio"> 5users のようになっていますが（ちょっと簡略化しています）、 <input value="3" name="threshold" type="radio" id="button1" /> <label for="button1">3users</label> <input value="5" name="threshold" type="radio" id="button2" /> <label for="button2">5users
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSによる段組（マルチカラム）レイアウト講座