[B! これはよい][CSS] iwwのブックマーク

iww id:iww

これはよいとCSSに関するiwwのブックマーク (13)

✨安い！！お得！！激安CSS！！✨ - Qiita
 19,800 円 @import url(https://fonts.google apis.com/css?family=Poppins:700); .price { color: #c70506; text-shadow: 2px 0 0 #fff, 0 2px 0 #fff, -2px 0 0 #fff, 0 -2px 0 #fff, 5px 4px 3px rgba(0,0,0,0.5); font-weight: bold; font-family: Poppins; letter-spacing: -3px; } .price1 { font-size: 78px
iww 2017/01/25
タイトル通りとは恐れ入った

CSS

デザイン

フォント

これはよい

web制作
リンク
px,pt,%,em 文字の大きさ数値一覧表 - 山崎はるかのメモ
この一覧について単位系の異なるWebページを、どちらかに統一した単位系にする際にべんりなので作った。表をクリックすると、その段のフォントサイズをデフォルトフォントとして％やemなどを再計算し表示する。各単位の略称は次の通り px : ピクセル pt : ポイント in : インチ mm : ミリ pc: パイカまた各値は次の点に注意。 Windowsは96dpi、Mac/Linuxは72dpiで表示。 CSSの単位系を使用。︵1パイカ = 1/6インチ︶絶対サイズ指定は参考値。ブラウザ・環境によって異なることがある。小数点は四捨五入して第3位まで表示。︵2010/11/16・山崎はるか︶修正‥画面クリックで再計算機能 2010/11/22 スマホ表示対応‥2017/02/12 mmの計算式の誤りを修正・表の小見出し修正‥2021/05/17 このサイト︵山崎はるかのメモ︶
iww 2016/10/11
デザイン

CSS

フォント

サービス

これはよい

ツール
リンク
ブラウザのスクロールバーをデザインする「perfect-scrollbar」 - ┗┐＜(՞ਊ՞)＞┌┛
ブラウザのスクロールバーはダサいです．まだ右端のスクロールバーなら許せるところはあるのですが，ページ内コンテンツでoverflowなどで出現するスクロールバーには怒りを覚えます．デフォルトのデザインがあまりにも嫌なので色々探していて，jScrollPaneやらを見てたのですが，あとで動的にdivを追加した時，スクロール範囲が自動で大きくならず，スクロールできなかったり，なんか動きモッサリしている気がして使う気になりませんでした．そこでもっとスマートに書けるライブラリは無いのか？と思って探して見つけたのが﹁perfect-scrollbar﹂です． http://noraesae.github.com/perfect-scrollbar/#Demoデモページに飛びます．あずにゃんの画像が設置されていて，画像サイズ︵正確には背景画像が設定されているdiv︶の大きさに合わせてスクロールバー
iww 2015/03/31
ライブラリ

CSS

デザイン

設定

解説

これはよい

web制作
リンク
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから約26年間、多くの方々に支えていただき、運営を続けてまいりました。転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、今後も、IT/Web業界やクリエイティブ
iww 2013/12/13
CSS

デザイン

フォント

画像

まとめ

web制作

これはよい
リンク
CSSセレクタ20個のおさらい
CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの1つです。属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。また、IEが対応しきれていないCSS3のセレクタもありますが、IE6～8でもCSS3セレクタが利用できるツールの決定版﹁Selectivizr﹂で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル
iww 2013/06/27
CSS

まとめ

HTML

DOM

web制作

これはよい

グッジョブ

解説
リンク
「少しの手間で大きく変わる、細部にこだわったWebデザイン」をできるだけCSSでやってみた - 今日もスミマセン。
︻実践編︼少しの手間で大きく変わる、細部にこだわったWebデザインを | Webクリエイターボックスを読んで、﹁CSSだけである程度できそうだな﹂と思ったのでやってみた。デモページとりあえず完成品が見たい方は、ここまず基本となるHTMLを用意するとりあえず、角丸四角形でボタンらしきものを作る。 <html> <head> <style type="text/css"> .buttonBase { position: relative; width: 300px; background-color: #3699D0; text-align: center; border-radius: 10px; cursor: pointer; } .caption { color: #02659C; font-family: impact; font-size: 40pt; font-weig
iww 2011/08/11
少しでもなんでもないけど、大きく変わってるかっこういい

CSS

デザイン

これはよい

HTML

web制作
リンク
付録：セレクタ関連の対応状況 - CSS2リファレンス
Win版 MSIE 3 クラス/ID名にハイフンが含まれる場合，付随する宣言ブロックごと無視される。 Win版 MSIE 5～6，Netscape 4 クラス/ID名がアンダースコアから始まる場合，付随する宣言ブロックごと無視される︵IE6 ではエスケープすれば有効になる︶。アンダースコアから始まる識別子はCSS2の正誤表で訂正され，有効になった︵ただし HTML のid属性値では不正︶。 Netscape 4 タイプセレクタに取り付けられたIDセレクタ︵要素型名#識別子︶は解析されない。 Netscape 6.0︵6.1以降は除く︶クラス/ID名にアンダースコアが含まれる場合，付随する宣言ブロックごと無視される︵エスケープすれば有効になる︶。関連バグ情報‥ セレクタ指定で﹁#﹂より前の部分を無視する(WinIE5.0) 要素名に続けて書いた一意セレクタを認識しない(N4.x) 空
iww 2011/03/29
CSS

まとめ

これはよい

web制作
リンク
userchrome.css - Mozilla Firefox まとめサイト
This domain was recently registered at Namecheap.com. Please check back later!
iww 2011/03/14
CSS

編集

firefox

まとめ

設定

これはよい
リンク
IDEA * IDEA
ドットインストール代表のライフハックブログ
iww 2010/09/29
CSS

web制作

デザイン

これはよい
リンク
一発で表示崩れの原因が分かるCSSの小技！： OLの本音は給湯室にて･･･
OL7人とその課長の実況型ブログです。OL達のホンネや女子に囲まれた課長の苦悩と悦び(?)を等身大でお送りします。娘だらけのお父さん！女同士の人間関係に悩む方も必見です!?ナッチーはたまにcssやhtmlのコーディングなどもします。でも、たまになのでショボイです・・・で、書いてるうちにいきなり表示が崩れたりします！でも前のバージョンとソースの違いがわからない・・・・そんな時のみんなに笑われる必殺hackがあります！その名も！ Photosopで差の絶対値攻撃!!!! 以下手順になります～全然違いのわからないAとBのソースが仮にあったとします。2つをスクリーンショットして Photoshopのレイヤーを分けてそれぞれにペーストで。レイヤー操作﹁差の絶対値﹂すると・・・・・見てー！犯人はココダーーー差異があるところは黒くならないんです。本来は画像修正時の差分チェック
iww 2008/12/19
diffにも文字単位の差分を抽出する機能があればいいのに

web制作

CSS

HTML

これはよい

ツボ

グッジョブ

プログラミング

思考

画像

diff
リンク
3/3 属性セレクタで、スタイルシートを柔軟に！ [ホームページ作成] All About
属性セレクタで、スタイルシートを柔軟に！(3ページ目)Internet Explorer 7から使えるようになったスタイルシートの機能に、「属性セレクタ」があります。FirefoxやOperaでは以前から使えていました。これを活用すると、より柔軟な装飾対象の指定が可能になります！
iww 2008/09/25
CSS

これはよい
リンク
スタイルシートサンプル CSS Samples - eWeb
スタイルシートは、見栄えやレイアウトなどの表示に関する指定を行うものです。スタイルシートを用いるとHTMLだけでは表現できない様々なデザインが可能になります。サンプルソースはご自由にカスタマイズなどをしてお使いください。
iww 2008/09/20
CSS

サンプル

これはよい
リンク
ブログテンプレート作成ツールで簡単ブログデザイン！ - CSSEZ
Cssez : ผลบอล บอลวันนี้ วิเคราะห์บอล ข่าวฟุตบอล เราคือผู้นำของเว็บดูผลบอลสดออนไลน์ ผลบอลสดภาษาไทย 7m ข่าวฟุตบอล สรุปผลบอล ไฮไลท์ ที่สามารถเช็คผลบอลทั่วโลก มีทั้งภาษาไทย Livescore 7m 888 ผลบอลมีเสียงวันนี้ล่าสุด พรุ่งนี้ หรือเมื่อคืน รวบรวมเว็บผลบอลต่างๆมากมายมารวมไว้ที่เดียวเช่น livescore.com 7m.cn 888scoreonline.com thscore.cc และ spbo.com รวมทั้งมีวิเคราะห์บอล ตารางบอล คะแนนบอล และดูบอลสดออนไลน์
iww 2007/07/29
これはよい

CSS

web

ツール
リンク
1