タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

cssとjavascriptに関するshibataismのブックマーク (5)

  • jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法:phpspot開発日誌

    Justify elements using jQuery and CSS jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法が紹介されております。 何ができるか?というのは次の図を見て頂くのがはやいでしょう。 ビフォア ↓↓↓↓ アフター これを実現するために、CSSとマークアップによって実現するのが普通ですが、jQueryによってもっとスマートに出来るようですね。 具体的には、次のように、label の中で width がもっとも大きいもののサイズを得て、そのサイズにJavaScriptで調整しちゃうというものです。 $(document).ready(function() { var max = 0; $("label").each(function(){ if ($(this).width() > max) max = $(this).width(); });

  • プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらおブログ(移転しました)

    サイトを構築していると、プログラマはWebデザイナーと共同作業をしなければならない。 しかし高度なRIAを実現しようとすると思っているようにWebデザイナーに素材を作成してもらうだけでもとても骨の折れる作業だ。 そこで、一層、「すべてのプログラマはWebデザイナーになればいいんじゃね?」と思った。 今回は、私の実体験に基づき、「プログラマが1ヶ月でWebデザイナーに転身する方法」というのを考えてみた。 ■ HTML,CSSを覚えよう まず、HTMLCSS。いくら私でもW3C( http://www.w3.org/ )のすべてに目を通せとは言わない。 ブラウザ間で挙動が違うのでそれぞれのタグがどのブラウザで使えるのか一覧がまず欲しい。手軽なのは詳解HTML & CSS & JavaScript辞典。このハンドブックは見やすいのでお勧め。また、よく使うタグに関してはすべて覚えよう。覚えている

    プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらおブログ(移転しました)
  • アルツハイマー病の原因となる「脳の廃棄物除去システムの老化」を改善する治療法が開発される

    アルツハイマー病などのさまざまな認知症疾患の原因の1つとして、脳内に「タウタンパク質」と呼ばれる物質が蓄積することが挙げられています。このタウタンパク質はグリアリンパ系といういわば「脳の廃棄物除去システム」によって除去されるのですが、老化が進むとこのグリアリンパ系が機能しなくなり、認知障害を引き起こすことがわかっています。ロチェスター大学医療センターの研究チームが、老化で機能しなくなったグリアリンパ系を改善する治療法を発表しました。 Restoration of cervical lymphatic vessel function in aging rescues cerebrospinal fluid drainage | Nature Aging https://www.nature.com/articles/s43587-024-00691-3 Cleaning up the agi

    アルツハイマー病の原因となる「脳の廃棄物除去システムの老化」を改善する治療法が開発される
  • CSSと画像で吹き出しをつくる方法いろいろ | DesignWalkerのタネ

    CSSと画像を使って、吹き出しを作る方法がいろいろ コメントの部分とか、引用の時とかに使えそうですね。。 1. WillMayo 2. CSSplay 3. XHTML Speech bubble comments 4. Curvy speech bubbles 5. Gamexe 元記事はこちらから 『5 Popular CSS Speech Bubbles | CSS Juice』 Popularity: 10% この記事のタグ まとめ 関連記事リスト ふきだしが付いてるロゴはもう古い? きれいなポートフォリオサイトいろいろ アーティスティックなデザイン・ブログまとめ CSSメニューのソースコードがダウンロードできる 『CSS MENU MAKER』 CSSのデザインアイデアいろいろ

  • CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE

    CSSを使って吹き出しを作成することができるCSSファイルとJSファイル、それから画像ファイルをひとまとめにしたセットです。XHTML1.0準拠で、Internet Explorer 6 と 7、Firefox 2.0、Safari 2.0、Opera 9.0で動作確認ができています。 ダウンロードは以下から。 willmayo.com >> CSS Speech Bubbles 実際のサンプルは以下にあります。 CSS Speech Bubbles 角をまるくしているのは、「curvyCorners」を使用しているとのこと。 ほかにもこの吹き出し方のものは以下に多くあります。 入力欄(フォーム)部分をマウスでクリックすると吹き出しが出てくるタイプ Tooltip for forms リンクの上にマウスを乗せると吹き出しが表示されるタイプ Ajax tooltip リンクの上にマウスを乗せ

    CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE
  • 1