[B! JavaScript][CSS] yoruakiのブックマーク

yoruaki id:yoruaki

JavaScriptとCSSに関するyoruakiのブックマーク (19)

jQueryでparseInt()を使ってCSSプロパティの値を取得する｜BLACKFLAG
以前ここで「jQueryでCSSプロパティの値を取得する方法」と題して jQueryでCSSプロパティの値を取得する方法を紹介しましたが、「parseInt()」を使って同様にCSSプロパティ値を取得する方法も結構必要になったりすることがあるので、メモ書きとして紹介してみます。前回のサンプルと同じ内容でのサンプルで動作させてみると。。。＜div id=”box”＞とID名が付けられたボックス要素に CSSで幅「width」と高さ「height」を指定。変数「boxWidth」「boxHeight」にそれぞれ値を入れた後、アラートで値を表示するサンプルの場合。 ◆HTML <div id="box"></div> ◆CSS #box { width: 300px; height: 100px; } ◆SCRIPT <script type="text/ja
yoruaki 2016/03/20
「このスタイルが適用されてたら」という条件分岐に使えそう

js

jquery

JavaScript

css
リンク
Compress javascript and css. Amazing code compression. Quick,easy and free!
Compress javascript or css code and reduce their size and improve page load times. Quick,easy and free!Best way to compress javascript and css Make your code faster for freeVersion 0.5.7
yoruaki 2014/09/05
JavaScript

CSS

web

webサービス

Webツール

tool
リンク
2013 UnmatchedStyle CSSOff
Submissions are closed Thank you to everyone who took part in this year's CSSOff! Stay tuned as we work through all the grading.
yoruaki 2013/11/13
html

css

JavaScript
リンク
jQueryを使った一定以上スクロールすると上に固定される横メニュー
最近、上部に固定された横メニューをよく見かけます。最初から一番上にあるものだと最初から「position:fixed」で問題ないと思いますが、最初は一番上にはなく、メニューがページの最上部までスクロールされた時点で固定されるものだとちょっと工夫が必要です。今回はそんな横メニューをできるだけ親切に解説してみます。今回のメインはjQueryで固定するところなのですが、一応今回のサンプルで使用したHTMLとCSSも解説します。 HTML よくあるタイプの普通のリストメニューです。 <div id="menu-wrap"> <ul id="menu"> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <l
yoruaki 2013/03/13
CSS

jQuery

JavaScript
リンク
google-code-prettify - syntax highlighting of code snippets in a web page - Google Project Hosting
Code Archive Skip to content Google About Google Privacy Terms
yoruaki 2012/12/31
Google

css

JavaScript
リンク
http://www.geta6.com/post/30013618682
yoruaki 2012/11/01
CSS

JavaScript
リンク
カネボウ化粧品
カネボウ化粧品の公式ウェブサイト。会社情報、各ブランドサイトや商品情報へのリンクを掲載しています。
yoruaki 2012/06/13
レスポンシブ

CSS

HTML

JavaScript

design
リンク
https://groups.google.com/forum/#!topic/html5-developers-jp/XRSSdh9Pb2Y/discussion
yoruaki 2012/04/11
Google

HTML

CSS

JavaScript

Web制作
リンク
コーディングコンテスト
yoruaki 2012/03/23
HTML

CSS

JavaScript
リンク
Create a new fiddle - JSFiddle
yoruaki 2011/05/23
HTML

CSS

JavaScript
リンク
http://www.google.co.jp/logos/2011/graham11-hp-sprite.png
yoruaki 2011/05/11
考えもつかなかった…。すごいなぁ。

CSS

JavaScript
リンク
ie7-js - A JavaScript library to make MSIE behave like a standards-compliant browser. - Google Project Hosting
Code Archive Skip to content Google About Google Privacy Terms
yoruaki 2010/12/16
実務でも使えるかな。

IE

JavaScript

HTML

CSS
リンク
Zudolab -
The Search for a Trusted 메이저사이트: A World of Thrills, Security, and Immersive GamingdErsPOId - December 1, 2023In the dynamic world of online entertainment, the quest for finding a trustworthy 메이저사이트, or major site, is akin to navigating through a labyrinthine digital jungle. Much like the adventurers of old scouring for hidden treasures, modern-day netizens are on the lookout for that one platform
yoruaki 2010/09/17
ふーむ。頭の隅に置いておこう。

JavaScript

CSS

iPhone
リンク
Software Error
Software Error:HTML::Template->new() : Cannot open included file ./tmpl/site//.tmpl : file not found. at lib/HTML/Template.pm line 1616. HTML::Template::_init_template(HTML::Template=HASH(0x9dcaa28)) called at lib/HTML/Template.pm line 1189 HTML::Template::_init(HTML::Template=HASH(0x9dcaa28)) called at lib/HTML/Template.pm line 1083 HTML::Template::new("HTML::Template", "filename", "./tmpl/site//
yoruaki 2010/08/30
3.4.2でも動いてます。これ普通にテキストエディタでないかな。

XML

HTML

JavaScript

CSS
リンク
IEなどすべてのブラウザで使えるCSSデバッガー「Firebug Lite」
IEなどすべてのブラウザで使えるCSSデバッガー「Firebug Lite」 FirefoxのアドオンFirebugを利用することで効率的なCSSデバッグが可能になる。ただし、このFirebugはIEなどFirefox以外のブラウザでは利用することが出来ない。しかしFirebugではFirefox以外でも利用できるFirebug Liteが提供されている。 Firebug LiteはIE6以上, Firefox, Opera, Safari そしてGoogle Chromeなどほとんどのブラウザで利用可能です。オリジナルのFirebugと比較すると機能が限定されているがCSSデバッグには十分利用できるでしょう。 Firebug Liteの利用方法 Firebug Liteはブックマークレットとして提供されています。ブックマークレットとはサイト上で任意のJavaScriptを実行する機能で
yoruaki 2010/08/25
ありがたい。

Firefox

JavaScript

CSS
リンク
iPhone "slide to unlock" Text in WebKit/CSS3 | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. There are a couple of WebKit specific properties that make giving text a gradient background possible: -webkit-background-clip: text; -webkit-text-fill-color: transparent; Those will allow the background of the parent element to become the background of the text inside. I gots to thinkin’, if we ma
yoruaki 2010/08/14
CSS

JavaScript
リンク
jQuery MagicLine Navigation | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. These “sliding” style navigation bars have been around a while, I just thought I’d take a crack at doing it myself as the opportunity came up recently. Turns out it’s really pretty darn easy. I put two examples together for it. The Idea The idea is to have a highlight of some kind (a background or
yoruaki 2010/02/10
フラッシュテンプレート素材にありそうなナビゲーションをjQueryで。

CSS

JavaScript
リンク
Shibuya.JS の資料「The next genaration of browsers」公開 - IT戦記
Shibuya.JS の資料を公開します。発表は時間がなくて飛ばし飛ばしになってしまいましてすみませんでした＞＜リンク発表の資料 http://amachang.art-code.org/shibuyajs24/ ちなみに、資料のブラウザアイコンで黄色で囲ってあるやつは新しく実装されたという意味です。発表の動画 at Google Video http://video.google.com/videoplay?docid=-7565816545804603660
yoruaki 2008/08/31
showModalDialog、ふむ。

CSS

HTML

JavaScript
リンク
I11のブックマーク / 2008年6月18日 - はてなブックマーク
松尾匡のページ 08年6月18日　山形浩生さんの『「はだかの王様」の経済学』評の件 (続編『「はだかの王様」の経済学』ウェブ議論小括を書きました。あわせてお読み下さい。) というわけで、山形さんが拙著の批評をして下さいました。 http://cruel.org/other/matsuo/matsuo.html いやいや、見事にこきおろされちゃった。まだの人はとりあえず読んで下さい。できれば(いや是非是非)拙著をお買いいただき、以下の文章とも読み比べて、山形さんの評が適切かご判断いただきたいと思っています。【設備投資の話の件】いや山形さんは大事なこともおっしゃってるんですけどね、ただ少なくともこの最初のほうの設備投資についての議論だけは駄目ですよ。山形さんって経済学わかっていらっしゃる人だと思っていたけど、それにしてこういう理解なら、自分の書き方に、なおも独りよがりさがあったということ
yoruaki 2008/06/20
見栄えのためのCSSであるから、それ無くしてカッコいいサイト作りは不可能。

CSS

JavaScript

HTML
リンク
1