IBM DeveloperIBM 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でレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ
最近改めて CSS の基本、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基本が分かってなかったんだなーと反省 ...。今回は CSS の基本中の基本、視覚整形モデルについてまとめてみました。 Webデザインをする上で、必須とも言えるのが CSS …。このブログ – Webデザインレシピでも、過去に CSS について書いた記事がいくつかあります。最近 … でもないけど、以下のふたつは CSS でのレイアウトについて、いろいろと書いた記事でした。 CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ – 2011年 6月17日 CSS：初心者の頃にハマったスタイルシートのあれこれ … IE7多め -2011年 4月21日 で
大規模UIをJavaScriptで実現するためのテクニック、サイボウズkintone開発の現場から。デブサミ2012
大規模UIをJavaScriptで実現するためのテクニック、サイボウズkintone開発の現場から。デブサミ2012 7万行規模のJavaScriptプログラムで構築されたユーザーインターフェイス。そのプログラミングで使われたテクニックとはどういうものか。 2月16日、17日の2日間、都内で開催されたイベント「デベロッパーズサミット2012」（デブサミ2012）で、サイボウズ株式会社 開発部 若原祥正氏、生駒浩隆氏が講演「kintoneの表と裏～大規模JavaScript開発と非構造データベース」を行いました。 講演では前半に大規模JavaScriptのテクニック、後半でスキーマレスデータベース構築の仕組みが解説されましたが、この記事では資料が公開された前半のJavaScriptのテクニックについて、ダイジェストで紹介します。 7万行のコード、フレームワークはClosure Library
HTMLとスタイルシート（CSS）の業務スキルレベル 判別表 （５段階） - 主に言語とシステム開発に関して
スキルチェックの目次へ HTMLおよびスタイルシート（CSS）を利用したWebページ制作の，簡易スキルチェックのための調査表。印刷用。 マークアップ・エンジニアとしてのレベルを測定する。 これは，「Webページをコーディングして作る人」全般に当てはまる。 レベルは，０から４までの５段階。 （０） 非エンジニア （１） 初学者（入門書を学習してゆく段階） （２） ノーマル（基礎的な知識があり，ある程度の画面を作れるようになった段階） （３） 中級者（Webアプリの開発プロジェクトで１人月としてカウントできる水準） （４） 上級者（メインPG/デザイナとして，Web UIの主担当を任せられる水準） Webアプリのプロジェクト開始時に作業振り分けをするにあたって，新規メンバ全員にこれを渡して回答してもらうという用途を想定。 なお，システム開発上のスキルをチェックする事が主眼なので，アーティスト（
画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net
画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語 English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 Lightbox Lightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。
JavaScript Reference
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での変化点一覧 + 備忘録 - latest log
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
テーブルの列をドラッグ＆ドロップで入れ替え可能にするJavaScriptライブラリ『dratable』 | IDEA*IDEA
ドットインストール代表のライフハックブログ
なんとなくCSSを使っている人が，CSS中級者になるために （「崩れないレイアウト」のセオリー） - 主に言語とシステム開発に関して
CSSを「なんとなく」知っていて，「なんとなく」使っている， というケースがある。 そういう場合，思わぬところでレイアウトが崩れ， 要素の正確なポジショニングができず， 「なんとなく」ずっと悩み続けることになる。 その原因は，CSSの中級のノウハウが足りない，という点にある。 一発で正確なレイアウトができるようになろう。 そうなれば，CSS中級者だ。 以下は，CSS中級者になるためのノウハウ。 （１） 要素の分類 （１−１） インライン要素とブロック要素 （１−２） 置換インライン要素と非置換インライン要素 （２） 正確なポジショニング （２−１） positionのrelative/absoluteの使い方 （２−２） DOCTYPEスイッチによるボックスモデルの解釈方法の違い （２−３） 要素内の高さ位置と，要素の高さ （２−４） floatの崩れない使い方 （３） 正確なテーブルレイ
ビジネス文書・手紙・はがきテンプレート（書式・様式・書き方）の無料ダウンロード
エクセル(Excel)やワード(Word)で作成したビジネス文書・手紙・はがき等の書式・様式・フォーマットです。書き方の雛形(ひな形)・見本・サンプルや例文・文例としてご利用ください。 当サイトのコンテンツのカテゴリです。全 246 のカテゴリがあります。なお、各カテゴリはさらにサブカテゴリに分類されています。 サブカテゴリがないカテゴリも一部あります。 送付状（送り状・添え状）―一般 書類・物品・FAXなどを送付・送信する場合には送付状（送り状・添え状）を同封するのが一般的（マナー）です。送付等するものの種類に応じてさまざまな送付状が存在します。しかし、それらはある程度類型化でき、その書き方にも一定のパターンがあります。このカテゴリでは一般的な書類送付状のテンプレートが各種あります。ワードで作成したビジネス文書形式、エクセルで作成したビジネス文書形式または表形式に大別され、さらに件名の位
第3回 PHP と Shift-JIS 環境での文字化けについて � サイオンコミュニケーションズ株式会社 — 沖縄県でのコールセンター、ネットワーク、システム開発
検証用ソース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
JIS X 0212 (1990) to Unicode 陬懷勧貍｢蟄励さ繝ｼ繝芽｡ｨ
unicode縺ｮ螟画鋤陦ｨ縺ｯ繝ｦ繝九さ繝ｼ繝峨さ繝ｳ繧ｽ繝ｼ繧ｷ繧｢繝縺ｮ繧ゅ�ｮ繧剃ｽｿ逕ｨ縺励※縺�縺ｾ縺� JIS X 0212 (1990) to Unicode JIS X 0212 陬懷勧貍｢蟄励�ｯ螳溯｣�縺輔ｌ縺ｦ縺�縺ｪ縺�迺ｰ蠅�繧ょ､壹＞縺ｨ縺翫ｂ縺�縺ｾ縺� Shift-JIS縺ｯ諡｡蠑ｵ諤ｧ縺後↑縺�縺ｮ縺ｧJIS X 0212 縺ｯ螳溯｣�縺ｧ縺阪∪縺帙ｓ Windows荳翫〒縺ｯunicode(UTF-8縲ゞTF-16)縺ｫ螳溯｣�縺輔ｌ縺ｦ縺�繧九′縲゛IS縺ｫ縺ｯ螳溯｣�縺輔ｌ縺ｦ縺�縺ｪ縺�遲峨�ｮ髯仙ｮ夂噪縺ｪ繧ゅ�ｮ縺ｨ縺ｪ縺｣縺ｦ縺�縺ｾ縺� JIS X 0212 (1990) to Unicode 陬懷勧貍｢蟄励さ繝ｼ繝芽｡ｨ 蛹ｺ 轤ｹ JIS UTF-8 UTF-16 螳滉ｽ�(UTF-8) -32 -32 0000 実体(UTF-8)
商用利用OKのフリーフォントを7万種類集めたサイト「FontPark.net」 : ライフハッカー［日本版］
Webツール , デザイン 商用利用OKのフリーフォントを7万種類集めたサイト「FontPark.net」 掲載日時：2010.08.06 22:00 コメント [0] , トラックバック [0] 「FontPark.net」はフォントを大量に公開しているサイトです。7万種類以上のフォントがあります。すべて商用利用OKで無料ダウンロードできます。 以下に使ってみた様子を載せておきます。 まず「FontPark.net」にアクセスします。 トップページにフォント一覧がずらりと並んでいます。 「enter your text」にお好みの文字列をいれると、プレビューが表示されます。 この機能、便利ですね。 風変わりなフォントも。 英数字が絵文字に対応しているんですね。 お好みのフォントが見つかったら、詳細ページよりダウンロードできます。 商用フリーで大量のフォントが手に入るのは嬉しい
PukiWiki 【FrontPage】
なんだかやけに長い説明ばかり検索に引っかかったので書きました。 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のパーサールールを足せば拡張できますがカスタム版をメンテナンスするのも面倒です。必要なルールを足してプルリクエストを送ってもマー
jQuery の位置・サイズ関連メソッドまとめ - Cyokodog :: Diary
ばらけてきたのでこちらにまとめます。 索引 位置の設定 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) 対象要素を指定した位置に配置できます。単位を省略した場合はピクセル単位となります。 $('#
[CSS]フォントのサイズ指定はpx？ em？ 既存の再検討とこれからのテクニック
フォントのサイズの単位に何を使ってますか？ px？ em？ それら2つのよく利用されるテクニックをおさらいし、さらに第3のテクニックも紹介します。 Font sizing with rem [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに pxを使ったサイズ指定 emを使ったサイズ指定 remを使ったサイズ指定 はじめに フォントのサイズの単位に何を使用するかは、未だに激しい議論の的となっています。それらのテクニックにはそれぞれ長所と短所があるのも現実です。 それらの中で短所が少なく、よく利用されるテクニックは2つあります。 pxを使ったサイズ指定 emを使ったサイズ指定 これら2つのテクニックを再検討し、さらにもう3つ目のテクニックを紹介します。 pxを使ったサイズ指定 ウェブの初期に、私たちはテキストのサイズを定めるために「px」を使用していました。これは一貫しており
第8回 クロスサイトスクリプティング対策の落とし穴 | gihyo.jp
今回は熟練した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ページを開く
JavaScript DOM リファレンス
ＰＨＰの文字化けを本気で解決する - ぎじゅっやさん
無償で商用利用できて品質の高い日本語フォント一覧 - Liner Note