IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.
最近改めて CSS の基本、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基本が分かってなかったんだなーと反省 ...。今回は CSS の基本中の基本、視覚整形モデルについてまとめてみました。 Webデザインをする上で、必須とも言えるのが CSS …。このブログ – Webデザインレシピでも、過去に CSS について書いた記事がいくつかあります。最近 … でもないけど、以下のふたつは CSS でのレイアウトについて、いろいろと書いた記事でした。 CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ – 2011年 6月17日 CSS:初心者の頃にハマったスタイルシートのあれこれ … IE7多め -2011年 4月21日 で
大規模UIをJavaScriptで実現するためのテクニック、サイボウズkintone開発の現場から。デブサミ2012 7万行規模のJavaScriptプログラムで構築されたユーザーインターフェイス。そのプログラミングで使われたテクニックとはどういうものか。 2月16日、17日の2日間、都内で開催されたイベント「デベロッパーズサミット2012」(デブサミ2012)で、サイボウズ株式会社 開発部 若原祥正氏、生駒浩隆氏が講演「kintoneの表と裏~大規模JavaScript開発と非構造データベース」を行いました。 講演では前半に大規模JavaScriptのテクニック、後半でスキーマレスデータベース構築の仕組みが解説されましたが、この記事では資料が公開された前半のJavaScriptのテクニックについて、ダイジェストで紹介します。 7万行のコード、フレームワークはClosure Library
スキルチェックの目次へ HTMLおよびスタイルシート(CSS)を利用したWebページ制作の,簡易スキルチェックのための調査表。印刷用。 マークアップ・エンジニアとしてのレベルを測定する。 これは,「Webページをコーディングして作る人」全般に当てはまる。 レベルは,0から4までの5段階。 (0) 非エンジニア (1) 初学者(入門書を学習してゆく段階) (2) ノーマル(基礎的な知識があり,ある程度の画面を作れるようになった段階) (3) 中級者(Webアプリの開発プロジェクトで1人月としてカウントできる水準) (4) 上級者(メインPG/デザイナとして,Web UIの主担当を任せられる水準) Webアプリのプロジェクト開始時に作業振り分けをするにあたって,新規メンバ全員にこれを渡して回答してもらうという用途を想定。 なお,システム開発上のスキルをチェックする事が主眼なので,アーティスト(
画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語 English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 Lightbox Lightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。
W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
IE8 ではかなりの数のメソッドやプロパティが増えているようです。書き残します。 element.getAttribute について追記しました。 window.toStaticHTML window.toStaticHTML は、XDomainRequest や postMessage で受け取った文字列(HTML)をサニタイズ(消毒)するメソッド。 XHRやJsonで受け取った文字列のサニタイズにもシーンを選べば使えるのだろうか。 onclick等のイベントハンドラ系を潰す。 <div onclick="alert('hoge')">hoge</div> ↓ <div>hoge</div> scriptタグを潰す。 <script>alert("hoge")</script> ↓ 無かったことになる CSS::expressionを潰す img { expression(uuClass
CSSを「なんとなく」知っていて,「なんとなく」使っている, というケースがある。 そういう場合,思わぬところでレイアウトが崩れ, 要素の正確なポジショニングができず, 「なんとなく」ずっと悩み続けることになる。 その原因は,CSSの中級のノウハウが足りない,という点にある。 一発で正確なレイアウトができるようになろう。 そうなれば,CSS中級者だ。 以下は,CSS中級者になるためのノウハウ。 (1) 要素の分類 (1−1) インライン要素とブロック要素 (1−2) 置換インライン要素と非置換インライン要素 (2) 正確なポジショニング (2−1) positionのrelative/absoluteの使い方 (2−2) DOCTYPEスイッチによるボックスモデルの解釈方法の違い (2−3) 要素内の高さ位置と,要素の高さ (2−4) floatの崩れない使い方 (3) 正確なテーブルレイ
エクセル(Excel)やワード(Word)で作成したビジネス文書・手紙・はがき等の書式・様式・フォーマットです。書き方の雛形(ひな形)・見本・サンプルや例文・文例としてご利用ください。 当サイトのコンテンツのカテゴリです。全 246 のカテゴリがあります。なお、各カテゴリはさらにサブカテゴリに分類されています。 サブカテゴリがないカテゴリも一部あります。 送付状(送り状・添え状)―一般 書類・物品・FAXなどを送付・送信する場合には送付状(送り状・添え状)を同封するのが一般的(マナー)です。送付等するものの種類に応じてさまざまな送付状が存在します。しかし、それらはある程度類型化でき、その書き方にも一定のパターンがあります。このカテゴリでは一般的な書類送付状のテンプレートが各種あります。ワードで作成したビジネス文書形式、エクセルで作成したビジネス文書形式または表形式に大別され、さらに件名の位
検証用ソース1 <HTML> <FORM METHOD="POST" ACTION=" testPOST.php "> <?php // POSTで送られてきたデータ内に含まれるを削除して変数に格納 $input = stripslashes($_POST["input"]); // POSTで送られてきたデータを変数に格納 $output = $_POST["input"]; ?> 入力 <INPUT TYPE="text" NAME="input" VALUE=<php print str_replace(""",""",$input); ?>> <BR> 出力 <INPUT TYPE="text" NAME="output" VALUE=<php print str_replace(""",""",$output); ?>> <BR> <INPUT TYPE="submit" VAL
unicode縺ョ螟画鋤陦ィ縺ッ繝ヲ繝九さ繝シ繝峨さ繝ウ繧ス繝シ繧キ繧「繝縺ョ繧ゅ�ョ繧剃スソ逕ィ縺励※縺�縺セ縺� JIS X 0212 (1990) to Unicode JIS X 0212 陬懷勧貍「蟄励�ッ螳溯」�縺輔l縺ヲ縺�縺ェ縺�迺ー蠅�繧ょ、壹>縺ィ縺翫b縺�縺セ縺� Shift-JIS縺ッ諡。蠑オ諤ァ縺後↑縺�縺ョ縺ァJIS X 0212 縺ッ螳溯」�縺ァ縺阪∪縺帙s Windows荳翫〒縺ッunicode(UTF-8縲ゞTF-16)縺ォ螳溯」�縺輔l縺ヲ縺�繧九′縲゛IS縺ォ縺ッ螳溯」�縺輔l縺ヲ縺�縺ェ縺�遲峨�ョ髯仙ョ夂噪縺ェ繧ゅ�ョ縺ィ縺ェ縺」縺ヲ縺�縺セ縺� JIS X 0212 (1990) to Unicode 陬懷勧貍「蟄励さ繝シ繝芽。ィ 蛹コ 轤ケ JIS UTF-8 UTF-16 螳滉ス�(UTF-8) -32 -32 0000 実体(UTF-8)
Webツール , デザイン 商用利用OKのフリーフォントを7万種類集めたサイト「FontPark.net」 掲載日時:2010.08.06 22:00 コメント [0] , トラックバック [0] 「FontPark.net」はフォントを大量に公開しているサイトです。7万種類以上のフォントがあります。すべて商用利用OKで無料ダウンロードできます。 以下に使ってみた様子を載せておきます。 まず「FontPark.net」にアクセスします。 トップページにフォント一覧がずらりと並んでいます。 「enter your text」にお好みの文字列をいれると、プレビューが表示されます。 この機能、便利ですね。 風変わりなフォントも。 英数字が絵文字に対応しているんですね。 お好みのフォントが見つかったら、詳細ページよりダウンロードできます。 商用フリーで大量のフォントが手に入るのは嬉しい
なんだかやけに長い説明ばかり検索に引っかかったので書きました。 Linuxのローカル環境でDockerコンテナ内のXアプリ(GUIアプリ)を利用するには $ xhost localhost + を実行した後に $ docker run --rm --net host -e "DISPLAY" container_image_name x_app_binary_path とすれば良いです。 もっと読む SSHなどよく知られたサービスポートで何も対策せずにいると数えきらないくらいの攻撃リクエストが来ます。不必要なログを増やしてリソースを無駄にし、もし不用意なユーザーやシステムがあると攻撃に成功する場合もあります。 SshguardはC作られており、flex/bisonのパーサールールを足せば拡張できますがカスタム版をメンテナンスするのも面倒です。必要なルールを足してプルリクエストを送ってもマー
ばらけてきたのでこちらにまとめます。 索引 位置の設定 css(name,value) 位置の取得 css(name) offset() position() scrollTop() / scrollLeft() event.pageY / event.pageX サイズの設定 css(name,value) / height(value) / width(value) サイズの取得 css(name) / height() / width() attr(clientHeight / offsetHeight / scrollHeight) outerHeight() / innerHeight() コンテナ要素の取得 offsetParent() 解説 位置の設定 css(name,value) 対象要素を指定した位置に配置できます。単位を省略した場合はピクセル単位となります。 $('#
フォントのサイズの単位に何を使ってますか? px? em? それら2つのよく利用されるテクニックをおさらいし、さらに第3のテクニックも紹介します。 Font sizing with rem [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに pxを使ったサイズ指定 emを使ったサイズ指定 remを使ったサイズ指定 はじめに フォントのサイズの単位に何を使用するかは、未だに激しい議論の的となっています。それらのテクニックにはそれぞれ長所と短所があるのも現実です。 それらの中で短所が少なく、よく利用されるテクニックは2つあります。 pxを使ったサイズ指定 emを使ったサイズ指定 これら2つのテクニックを再検討し、さらにもう3つ目のテクニックを紹介します。 pxを使ったサイズ指定 ウェブの初期に、私たちはテキストのサイズを定めるために「px」を使用していました。これは一貫しており
今回は熟練したWebアプリ開発者なら常識のクロスサイトスクリプティング対策の落とし穴を紹介します。 JavaScriptを排除しているつもりで排除に失敗?! 最近はSanitize(サニタイズ)という言葉の代わりにValidation(検証)という言葉をよく聞くようになったと思います。Sanitizeの意味を辞書で調べると「汚れている物をきれいにすること」とされています。この意味の通り汚れた変数をきれいにして使えば安全に利用できるとする考え方に基づくのがサニタイズ手法です。典型的な例は、「テキストを出力する前に"<"と">"を取り除く」方法があります。 例1 "<"と">"をereg_replaceで取り除く $safe_text = ereg_replace($_GET['text'], '[<>]', ''); この$safe_textを <a href="/script.php?t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く