少しのコードで実装可能な20のCSS小技集
2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね！ 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox
WebアプリケーションをiPhoneに対応させるための技術メモ — ありえるえりあ
はじめに iPhone 3G DevWikiという開発情報サイトに基本的な情報がまとまっています。まず最初にこちらに目を通してください。 http://wiki.sohaya.com/ 本エントリでは、新規にiPhone対応のWebアプリケーションを作るというより、既存のWebアプリケーションをいかにしてiPhoneに対応させるかを中心にして話を進めます。 どう対応するか 既存のWebアプリケーションをiPhone対応させるには、大きく分けて二つの方法があります。 既存のHTML生成コードを利用する スクラッチでiPhone専用のHTML生成コードを書く (1)の方法では、JSPなどのHTML生成コードをそのまま利用しますが、iPhone Safariからリクエストされた場合にのみ、追加でiPhone専用のCSSをロードします。不必要なヘッダやナビゲーションは、CSSで適宜display:
HTML5：そろそろ本気で勉強するためのリソース | Tokyo O life
nobiさんが、HTML5を熱く語り始めた。 Web 2.0は、その時点で起きていた、インターネット関連のさまざまな新トレンドを、ゆるやかにひとくくりにして、名付けたものだが、 これに対してHTML 5は、 ITの世界を本気で変えようと、多くの企業や人々が集まって巻き起こしている革命だ。 [From nobilog2: 「HTML 5 > Web 2.0」の声かけ確認でITガラパゴス化を防ごう！] 昔からnobiさんが熱くなって騒ぐことは、たいがい流行る。早すぎて周りが理解できないこともあるのだが、今回は過去を反省して、さっそく乗っかることにした。 今はHTML5を公式にサポートしたSafari 4の製品版がMac版とWin版の両方で公開されたことで、HTML5がいきなり身近になったことは確かだ。Google Chrome 3.0、Firefox 3.5でもHTML5がサポートされるので、
SWFObjectを使ったFlashの埋め込み方法 /SSP
FlashをSWFObjectで読み込んでいます。 JavaScriptを有効にされるとFlashが表示されます。 Home < This Page SiteMap Web・ホームページ制作の技術が進み、他と違う「動き」のあるサイト作りが求められています。 そのため、何らかのFlashを使ったサイトが増えています。しかし、Objectタグと、Embedタグを併用した一般的なFlash埋め込み方法では、「activate」させてからでないと、操作できないという問題があります。 そこで、SWFObjectを使ったFlashの埋め込み方を紹介します。 Macromediaの標準のFlashの埋め込み方は既にご存知のことと思います。 Objectタグと、Embedタグを併用する方法です。 これは最も一般的なFlash埋め込み方法で、Macromedia Flashのソフト上からパブリッシュした際の
Web屋のためのVim設定・Tipsまとめ 1/2 - ナレッジエース
Comments» 1. 本日のTwitter 2009-01-18 | memoMania - 2009-1-19 […] Web屋のためのVim設定・Tipsまとめ 1/2 - ナレッジエース http://blog.blueblack.net/item_340 # […] 2. ゲスト - 2009-1-19 (ただ、私の環境だとたまに、実行時にDOS窓が残ってブラウザを閉じるまでファイルが編集不能になる現象が発生します。なぜだろう。) firefoxの前にstartを入れるとどうでしょう？ 3. nase - 2009-1-19 ありがとうございます！動作確認できました。よけいなDOS窓が開かなくなって、いい感じです。本文も修正させてもらいました。 4. sasata299's blog - 2009-2-6 vim環境を晒してみる… いきなりですが、僕はvi派です。emacsは・
ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
HTMLDocument と XMLDocument を見分ける方法 - latest log
HTMLDocument と XMLDocument を見分ける方法を模索していました。 2008-10-12追記: 内容を大幅に更新しました 何がしたいのか uupaa-selector.js version 1.2では、HTMLDocuemnt と XMLDocument で、CSSセレクタの挙動が変化します。 HTMLDocuemnt なら 小文字の a タグ と 大文字の A タグ は一緒。 uu.css("a"); で ＜a＞, ＜A＞ がヒットする XMLDocument なら タグの大小は区別する。 uu.css("a"); なら ＜a＞ のみヒットする これを実装するためには、XMLDocument と HTMLDocuemnt を見分けたうえで動作する必要があります。 どこを調べれば、XMLDocument を区別できるのか調べてみた text/html, elm = d
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ZenHTMLElementsEn - zen-coding - HTML elements and its aliases for Zen HTML plugins - Project Hosting on Google Code
自分のブログよりもTwitterページの方が検索結果で上位に来てしまう場合のちょっとした対策方法 | ライフハッカー・ジャパン
trick7.com blog: お手軽にSWFObjectでswfを埋め込む方法