ブロック要素に巻いて立体感を出せるリボンをWEB上でジェネレート「3D Ribbon Generator」:phpspot開発日誌
ブロック要素に巻いて立体感を出せるリボンをWEB上でジェネレート「3D Ribbon Generator」 2011年03月01日- 3D Ribbon Generator - CSS3d.net ブロック要素に巻いて立体感を出せるリボンをWEB上でジェネレート「3D Ribbon Generator」。 様々なタイプをベースに自由にデザインして使えます。 かなり自由にカスタマイズが効きます。 ジェネレートボタンを押せば、HTMLとCSSがその場で出力されるという便利なツールです。 既存CSSに貼りつけてHTML書きなおせばOKというお手軽さはいいですね IEでも使えるところもポイント。 関連エントリ レイアウト作成に役立つCSSグリッドレイアウトジェネレーター集 CSS角丸ボックスジェネレーター「RoundedCornr」 オンラインで動く、色, CSS, robots.txt, .ht
秀丸マクロでZen-Coding
概要 Zen-Coding とは、CSSセレクタ風の簡単な記述を、複雑なHTMLソースへ素早く変換することを軸にしたコーディング支援ツールです。 例えば、div h1 aが<div><h1><a href=""></a></h1></div>になります。 その Zen-Coding を秀丸エディタでも利用できるようにすることをめざした秀丸マクロです。 本家にある機能のうち、「HTML生成」「生成したHTMLで既存のソースをラッピング」のみを実装しています。 そのほかの機能は別項で紹介するいくつかの秀丸マクロに任せ、連携していただく方針です。 インストール 秀丸エディタ（ver 7.00 以降のみで確認）を入れてください。 マクロフォルダのパスを確認します。秀丸エディタの [その他] - [動作環境] - [パス] - [環境] - [マクロファイル用のフォルダ] で指定されているフォルダで
パニック・ジャパン - Coda - Mac OS X 用 シングルウインドウ Web 構築環境
Codaは終売しました。 サポートやプラグインのご入手などはライブラリをご参照ください。 他社製のCodaはこちら。 ...まったく新しい、Macにネイティブなウェブコードエディタの誕生です!
CSS 3で追加された背景に関するプロパティ：FirefoxとSafariのCSS対応 - builder by ZDNet Japan
高まるゼロトラストの気運 妥協のない安全のために適材適所で組合せ トップ4社によるゼロトラストセキュリティ 激変するビジネス環境の中でのDX モダンアプリケーション戦略への取り組みが 市場の競争力の源泉となる ともにDXを推進する コンテナ化されたワークロードを管理 継続的な価値を生みだす「協創」への挑戦 オープンソース活用はあたりまえ！ そんな今だからこそ改めて考える 企業ITにおけるOSS活用のメリットとリスク 時代はサーバ仮想化からコンテナへ あらためて整理したい企業ITにおける コンテナ活用の基礎と採用メリットを紹介 データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある ITインフラ運用からの解放 HCI＋JP1による統合運用による負荷激減で 次世代IT部門への役割変革へ一歩前進 RPAによる自動化を年30万で実現 小さな投資
なんでも埋め込めてマウスホイールでページ送りができるスライダー実装jQueryプラグイン「hash slider」:phpspot開発日誌
なんでも埋め込めてマウスホイールでページ送りができるスライダー実装jQueryプラグイン「hash slider」 2010年11月18日- hash slider by manjographics なんでも埋め込めてマウスホイールでページ送りができるスライダー実装jQueryプラグイン「hash slider」 コンテンツ自体はul > li リストに埋め込んで、ナビゲーション用のタグを定義して必要なcssとjsをインクルードすれば自動でスライダーにしてくれます。 プラグイン内で自動で初期化してくれるため、コーディング不要です。 デフォルトでは独特のUIですがCSSによるカスタマイズが可能です。 色々と使えるかもしれませんね。 関連エントリ jQueryとCSS3で作るカラフルなスライダーウィジェット jQueryでいい感じのコンテンツスライダーを作成するチュートリアルとサンプル 軽量の
IE・Firefox・Opera・Netscape・Safariで表示可能な半透明CSS/Opacityテクニック - WEBデザイン BLOG
CSS設定でオブジェクトを半透明にできるプロパティがあります。 IEのみのCSSプロパティでしたが、Firefox・Operaでも同じように表示可能にできる方法を説明したサイトがありましたので紹介しておきます。 他にもいくつかのOpacityプロパティを使ったTipsが紹介されていますので、参考に覗いてみてください。 CSS Opacity in Mozilla,IE, and Opera http://www.mandarindesign.com/opacity.html CSS Opacity設定 以下のコードでIE・Firefox・Opera・Netscape・Safariで同等表示がえられます。 filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; IE alpha(opacity=透明度); 100が100％とな
22 Versatile Adobe Flash Menu and Navigation Tutorials : Speckyboy Design Magazine
Depending on the type of website or app you’re building, there will always be some key areas to which you have to give more attention than others. One area that is critical to all types of websites, and requires more thought than others, is navigation. Menu items generally lead to a site’s most important pages or areas and help visitors navigate easier. And, as you have to consider multiple screen
これだけは覚えておきたい！スタイルシートの知識と技
【ご注意】 ※サンプルデータ及びダウンロードデータは、本書学習用の参照としてのみご利用になれます。他の用途での使用、配布は一切禁止します。 ※サンプルデータ及びダウンロードデータを閲覧し、実行した結果については、著者、ソフトウエア提供会社及び株式会社エムディエヌコーポレーションは、一切の責任を負いかねます。お客様の責任においてご利用ください。
IE共通の9つのCSSバグをそれぞれ解決する方法:phpspot開発日誌
IE共通の9つのCSSバグをそれぞれ解決する方法がNettutsにて紹介されています。 どれも、なんでだろうと頭を悩ましそうな問題なので解決法を知っておくと簡単に対処できそうです。 1. センタリングが効かない問題 margin: auto を指定した場合の期待する結果 IEの場合以下のようになりますが↑にするための解決法が書かれています 2. 横に並べたいリストが階段状になってしまう IEの場合以下のようになってしまいますがこの解決法も記載されています 3. ダブルマージンフロートバグ マージンの指定が期待通りに出ている例 ↓ IEの場合、margin: 30px 0 0 30px; で定義した値が正しく適用されない例も解決法があります 4. heightの高さ指定が効かないバグ height:2px を指定した場合の想定する表示 IEはなぜか2pxにならないのでこれも解決法が示されて
とっても使えるoverflowプロパティ。その使い方色々。
光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ～と思ったので自分が良く使うのをまとめてみました。 あんまoverflowプロパティを使った事が無い方は、ビックリですよ！ これで、ソコの可愛いアナタもoverflowプロパティの虜になる事間違い無し！！（わかんないけど サンプルとかは以下よりどうぞ。 サンプルサイトを見る サンプルをダウンロード 基本的に、全てoverflow: hidden; の指定を足す事で解決したり実現出来る感じです。 01 clearfixみたいに使う まずは以前の「clearfixを使わないでやるに
JavaScriptとCSSでロールオーバーとtarget="_blank"をスマートに (BlueBoxBlog)
・スマートなtarget="_blank" いつもお世話になっているREDさんのところで、感動的なスクリプトを教えてもらったので忘れないように書かせていただきます。 参照元：別窓リンクまとめ （Red Line） XHTMLの strictを使った場合 リンクで新しいウィンドウを開くようにする為に a要素のtarget属性で_blankと指定するのは文法違反・・。 で、どうするぅー ○イフルー♪・・・なわけです。 そこで登場するのが、巷でJavaと良く勘違いされてるJavaScriptです。 aタグにonclick="window.open(this.href);return false;" とすれば、解決ではあるのですが、やたらとコードが長くて（いや、でも結構シンプルで洗練されたコードだと思うけど・・）面倒なのです。 そこで、登場するのがCSS+JavaScriptなのです。 （正確
WEBデザインツール：カラーパレットを自動作成するサイト数々：Goodpic
This shop will be powered by Are you the store owner? Log in here
HTML/CSSの構文チェックができる便利な無料ツール『bkhvalid』 | P O P * P O P
窓の杜で紹介されていた「bkhvalid」を使ってみました。HTML/CSSの一括構文チェックができるツールです。 » 窓の杜 – 【NEWS】ローカルやWebサイト上の複数HTML/CSSを一括して文法チェック「bkhvalid」 ひとつ上のウェブサイトつくりを目指している方には便利ではないでしょうか。正しいコードで誰でも更新できるようなサイトを目指したいですよね。 以下に使い方を簡単にご紹介。 ↑ 起動したらチェックしたいファイルを追加していきます。フォルダを指定して追加したり、ドラッグ＆ドロップで追加可能です。 ↑ 全部追加したら右上のアイコンをクリック。解析開始です。 ↑ 下に警告がずらずらと。そこをクリックすると該当ファイルにジャンプ、その場で編集できます。 ↑ 警告されたい項目を細かく指定できます。 ↑ 画面は縦に並べることも可能。 自分が作ったサイトなどをチェックしてみると次
"いろは"の先のCSS 第6回
徳保隆夫 2004.6.1 はじめに CSS の"いろは"をご存知の方向けに、CSS を用いたリニューアルの勘所を解説します。実践篇をもう少し続ける予定でおりましたが、Folio の発行が延期される間に理論編を復活したくなりました。理屈は小難しいがサンプルは簡単、という第1～3回のスタイルに戻った今回の"いろは"の先のCSS、よろしくお付き合いいただければ幸いです。 本講座の構成 今回は従来と異なり、全面的に講義主体で進め、適宜サンプルを示すことにします。 ご確認ください 前提知識 HTML と CSS の"いろは" 想定する閲覧環境 代替 CSS を利用できる視覚系WWWブラウザ（Windows版IE6＋JavaSript／NN7／Opera7／etc） 著作権について 筆者は本稿（本文）の著作権を主張いたしません。 解説の中で、筆者の著作物でないサンプルをご紹介しますが、いずれも必然性
掲示板/スタイルシート質問板/Open Error: 1003.dat - TAG index Webサイト
ホームページ制作の情報交換 - 掲示板
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
zen-coding - Set of plugins for HTML and CSS hi-speed coding - Google Project Hosting
http://www.netch.jp/articles/2009/06/25/cufon/
CSS Nite公式サイト - 「CSS」だけでなく、Web制作全般に関するトピックを取り上げるセミナーイベント
WEBデザイナーのためのベストエントリ51個まとめ『2007年8月』*ホームページを作る人のネタ帳
CSS Decorative Gallery - Open Source Photos | Other plugins | Hot!Ajax