MdN Design｜総合情報サイト
Web制作が楽しくなるCSS3/JavaScriptのテクニック50 - 海外デザイン事情第6回 新規会員登録 ログイン管理 Twitter facebook はてなブックマーク RSS 2025.7.16 WED 第6回「Web制作が楽しくなるCSS3/JavaScriptのテクニック50」 2010年02月15日 ブラウザ対応が進み、本格普及が間近となったCSS3。海外ではすでに多くのCSS3を使ったデザインテクニックが公開されている。ここではSmashing Magazineに掲載された「50 Brilliant CSS3/JavaScript Coding Techniques」をもとに、CSS3に関する海外の最新テクニックを紹介しよう。 翻訳元サイト：Smashing Magazine http://www.smashingmagazine.com/ 原文：50 Brillian
Cacoo - Web上で図の作成とリアルタイムコラボレーション
Online diagramming tool for collaborating on wireframes, flowcharts, and more
Latest topics > Webページのアウトラインを目次風のリストで表示するJetpack feature - outsider reflex
Latest topics > Webページのアウトラインを目次風のリストで表示するJetpack feature 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « 左のタブ/右のタブ/他のタブを閉じるボタンを追加するJetpack feature Main HYPER-ANCHORの「選択範囲のRangeからXPath式を求める」処理を追いかけたらLine Markerに再会 » Webページのアウトラインを目次風のリストで表示するJetpack feature - Nov 06, 2009 同ネタ既出の予感だけど。 amachangのHTML5のクションアウトライン解析ライブラリを使わせてもらって、HTML5ベースのセクションアウトラインに基づ
CSSにデータを埋め込む方法を考えてみた(CSS2KB) - latest log
ここ最近 DOM + CSS + JavaScript な Widget を作ってます。タブとかスライダーとかです。 Wiget の見栄えを切り替える方法(テーマ)も実装してますが、CSS とテーマ情報を格納するファイルが、別々のファイル(CSS + js)に分かれてしまうので、どうにかしてこれらを一元管理できないもんかと考えてました。 今日は、list-style-image: や background-image: の URL(QueryString) に定数を埋め込む方法を思いついたので、その説明です。 list-style-image: url(1dot.gif?key=val) の key=val が取り出せるか試してみる <!doctype html><html><head><title></title> <style> .widget { list-style-image:
YUI 3 — Yahoo! User Interface Library
The YUI team is pleased to announce YUI 3.0 Preview Release 1. This preview is an early look at what we're working on for the next generation of YUI Library. Please review the API, play with the examples, and read the documentation on this site for details; download YUI 3.0 PR1 on the YUI project area on SourceForge; you can find us with questions or comments on the YUI 3.x discussion group. Pleas
Tori's Eye
Welcome to Tori's Eye! Tori's eye is a Twitter visualization tool, inspired by papercraft and origami. It's a visual and technical experiment implemented using only standard XHTML/CSS and Javascript. What does it do? Enter a word in the search box and then catch some birds with your mouse to read the tweet they're carrying. Tori's Eye fetches the latest tweets containing the word you input from Tw
古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた(2日目) - latest log
若干修正しました。 コンディショナルセレクタ搭載してみました。 あー、良く考えたらコンディショナルな仕組みは必要なのかも。 レンダリングエンジンでスタイルを適用したり/しなかったり、代替スタイルを用意するって仕組みはあってもいいのかもしれない CSSハックは、ぐっちゃぐちゃなCSSになるのがアレだけど、バンドエイドとしては上手く機能しているもんね。 function autoexec() { var node = _query.tag("html")[0], cn = [node.className, "js"]; _ie && cn.push("ie ie" + _uaver); _mm.opera && cn.push("opera opera" + _uaver); _mm.gecko && cn.push("gecko"); _mm.firefox && cn.push("fx f
古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた - latest log
uuCSSBoost.js は uuAltCSS.js に名前が変更になりましたが、一部の説明が記事を書いた当時の古い名前のままになっています。最新版では、uuCSSBoost.revalidate() は廃止され uuAltCSS() を呼び出すように変更になっています。 コードの解説を追記しました。 「最新の規格を実装したブラウザが登場しても、IE6 のせいで諦めるしかないのか」 「CSS3セレクタを古いブラウザでも使いたい!」 といった現場の声にお応えして、ほぼ全てのブラウザで CSS3 セレクタを利用したページデザインが可能になるJavaScript ライブラリを作ってみました。 特徴 軽いよ いろんなブラウザで動くよ(Firefox2+, Opera9.2x+, Safari3+, IE6+, Google Chrome1+) 95%〜98%ぐらいのシェアをカバーできるんじゃない
いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け（制作者に関係する要件）と、Webブラウザを作る人向け（実装要件についての要件）ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
ウェブサイトの制作・検証に役立つブックマークレット集
レイアウト用のグリッドをオーバーレイで表示します。 URLを変更すれば画像の変更可。 Bookmarklet Layout Grid Overlay MRI
AppleはAIモデルをオープンソースとして公開したいと考えていたが世間の批判を恐れ実現せず
Appleは文章生成AIや画像生成AIを含むAIシステム「Apple Intelligence」を開発し、iPhoneやMacに取り入れています。これらのAIについて、当初はオープンソース化する計画があったが断念されたとThe Informationが報じました。この決定が、Appleの貴重な人材を流出させるきっかけにもなったと伝えられています。 How Apple’s Internal Veto Against Open-Source AI Sparked a Talent Exodus to Meta - WinBuzzer https://winbuzzer.com/2025/07/22/how-apples-internal-veto-against-open-source-ai-sparked-an-ai-talent-exodus-to-meta-xcxwbn/ Apple A
Cheat Sheets for Front-end Web Developers
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for RevenueCloudFX and other key research and development projects at WebFX. Cheat sheets are helpful to have around
HTML&CSS、プログラミング、データベースなどのチートシート集
Webmasters by Designのエントリーから、HTML, CSS, XML,やプログラミング、データベース、htaccess、DOCTYPE、SEOなどウェブ開発者のためのチートシートを紹介します。 The Best Developer Cheat Sheets Around HTML & CSS HTML HTML Cheat Sheet (PNG, PDF) HTML Help Sheet. Panic Over. (PDF) XHTML cheat sheet (HTML) CSS CSS Cheat Sheet (PNG, PDF) CSS Cheat Sheet (PDF) CSS Cheat Sheet (HTML) XML XML Quick Reference (PDF) XSLT Quick Reference (PDF) XML Syntax Quick R
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ashikunep.org
Rendur 2.4