無料サービスを活用して手軽にwebサイトを作るための12選[ネタ帳内]
最近、副業に手を染めたいアナタへ贈る11選とか、教えて君ネットがゴールデンウィーク前に仕掛けたXPやVistaを極限まで軽くする！ 19のチューニングテクとかを見て、『あーなるほど！』って思った事がありまして。 よーく見るとまとめなんですが、自分のところの記事を、これまたうまい具合にまとめてあって、これはこれで、地味に価値のある行為だなぁと感じた次第です。 そんなわけで、早速ネタ帳でもまとめてみようと思いました。まぁ、いざまとめようと思うとまとまらないもので、今回はwebサイトを作成するときに使いそうな色々をまとめてみました。 webサイト作成前のデザインを決められないでいる人には 100のCSSギャラリーサイト 膨大なハイクオリティサイトを見る事が出来ます。 悩んでいるならまず他の人を見てみるのもいいかもしれないですよ。 webサイト作成時にサイトカラーを決められない人の為のwebサービ
![無料サービスを活用して手軽にwebサイトを作るための12選[ネタ帳内]](https://cdn-ak-scissors.b.st-hatena.com/image/square/20e60dafbd3a5e5c465259c72af3a3a5532bcbcd/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-55.fc2.com%2Fe%2F0%2F1%2Fe0166%2Fl.jpg)
アルツハイマー病の原因となる「脳の廃棄物除去システムの老化」を改善する治療法が開発される
アルツハイマー病などのさまざまな認知症疾患の原因の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
jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
HTML要素の位置取得 - elm200 の日記(旧はてなダイアリー)
趣旨 ウェブページとして描画された HTML 要素の画面上の位置を取得する。一見簡単そうに見えるこの作業が、現在実装されているブラウザ上ではとてつもなく難しい。そのことを以下で説明していく。 情報ソース この問題に関して調べたところ、最もよく出来ているエントリは、susie-t 氏による offsetTop/offsetLeft/offsetParentの闇 である。とてつもない力作で、実に多くのケースにわたって、包括的に探究が行われている。まるで犯人を追跡する刑事のような執拗さである。氏の自己紹介では「ナマケモノのプログラマ」とか謙遜されているが、これはとてもナマケモノにできる仕事ではない。 基本中の基本として W3C CSS 2.1 の次の章を抑えておきたい。 8 Box model 9 Visual formatting model 10 Visual formatting mode
[JS]パネルをフェードや加減スクロールで切り替えるスクリプト -wSide
wSideは、パネルの切り替えにフェードや加減スクロールなど多彩なアクションを実装するスクリプトです。 wSide, plugin jquery wSideはjQueryのプラグインで、動作にはjquery.jsが必要です。 切り替え時の多彩なアクションは、デモページを参照ください。 シンプル デモ 縦方向・横方向への加減スクロール、フェード エフェクト付き デモ 反動付きスクロール、縦横斜めのスクロール アドバンス デモ CSSを利用して、さまざまな効果を狙ったパネルの切り替え
複数のライブラリに対応したLightboxスクリプト -Shadowbox.js
Shadowbox.jsは、Prototype、jQuery、YUI、Extなど複数のJavaScriptのライブラリに対応した、画像や動画などを拡大表示できるLightbox風のスクリプトです。 Shadowbox.js Media Viewer デモ ダウンロード Shadowbox.jsは複数のライブラリに対応しているというだけでもすごいですが、画像や動画の拡大表示にもさまざまなオプションがあり、多数あるLightbox風スクリプトの中でも充実した機能を持っていると思います。 下記に主な特徴を挙げます。 拡大する際のコードは、簡易です。 <a href="image.jpg" rel="shadowbox">Image</a> 併用するJavaScriptのライブラリは、下記の中から好きなものを選べます。 jQuery Prototype + Scriptaculous YUI Ex
47+ Excellent Ajax CSS Forms - noupe
Forms needs a solid visual structure, a profound hierarchy of form elements (Fields and Labels), powerful techniques and Functionality (AJAX) to make the form look and work creatively. There is a great bunch of creative, outstanding and individually designed from scratch forms. Thanks to AJAX, we can provide real-time feedback to our users using server-side validation scripts and eliminate the nee
AJAXを使った素晴らしいCSSフォームの47のサンプル | コリス
noupeにエントリーされている、AJAXを使った素晴らしいCSSのフォームの47のサンプルの紹介です。
よくある質問っぽいののjQueryを使ったサンプル｜CSS HappyLife
2007年12月6日追記 IE6で選択中のタブの上が切れていたのを修正しました。 具体的にはcss/style.cssの35行目にfloat: left;を追加しております。 いろんなサイトで見かける「よくある質問」。 一番多いパターンは、リストで質問があって、アンカーで回答に飛ばす方法だと思うです。 特別ソレがいけてないとかは思わないんですが、飛んだ後に「戻るボタン」で戻らない人とかは、毎回ページトップ押したり、スクロールして戻ったりと案外手間だったりするわけです。 それならそういった手間が掛かるかも知れないことを少しでも省けないかしら？って事で、jQueryを使ってタブ型で折りたたまれたよくある質問っぽいサンプルを作ってみました。 （単純にボクがこのスタイルが一番見やすくて好きってだけだったり） サンプルページ サンプルダウンロード(Zip:20KB) メインのCSSファイル （サンプ
For Web Designers - Website Design Resources
User submitted list of design resources for web designers and developers.
WEBデザイナーのための超便利リンク集:phpspot開発日誌
For Webdesigners - 332 helpful links for webdesigners WEBデザイナーのための超便利リンク集。 Ajax、カラー、CSS、Flash、フォント、無料写真、ジェネレーター、素材、アイコン、インスピレーション、PhotoShopチュートリアル、xhtml に関するサイトが332もまとまっています。 どのカテゴリも厳選されていて、WEBデザイナーの方には便利なものになっています。 フォントや写真、アイコンなどの素材を探す場合にはここから探してもよさそう。 関連エントリ 超クールなブログデザイン集30 プロレベルのWEBデザインをオンラインで簡単生成「doTemplate」 ページ送り部分のデザイン研究
『10のJavaScript、Axaxタブメニュー』他、タブまとめ*ホームページを作る人のネタ帳
タブメニューなにか良いのないかなと思って探していたら、10 Javascript Ajax Tabsというエントリが後々使えそうなのでご紹介しておきます。 タブに関するまとめは以下で。 10 Javascript Ajax Tabs とりあえず10のJavaScriptAjaxタブメニューエントリはこちらから。 エントリの中でも、以下のメニューが面白かったですね。 口で説明するのは難しいですが、タブをクリックすると上下にスライドしながら違う文章を持ってきます。 以下からサンプル＆ダウンロード可能 タブメニューに関して 最近仕事のほうも忙しくなり、なかなか更新できないでいます。 そんなわけで、今回のようにタブを紹介するときにまとめて関連する記事を紹介する率も高くなってきました。 ピンポイント紹介ではなくなってきていますが、ご愛嬌と言う事でお願いします。 [JS]スムーズに切り替わるタブ型コン
クールにスライドするメニューを作成するJavaScriptライブラリ「Image Menu」:phpspot開発日誌
Image Menu クールにスライドするメニューを作成するJavaScriptライブラリ「Image Menu」。 メニューにカーソルを合わせると、カーソル部分がアニメーションしながら開くメニューを実装できます。。 画像を変えれば、よりクールなメニューを作れそうですね。 必要なJSライブラリ,CSSをインクルードした後、次のようなコードで簡単に初期化できる模様。 <h2>Example:</h2> <div id="kwick"> <ul class="kwicks"> <li class="kwick opt1"><span>Lanscapes</span></li> <li class="kwick opt2"><span>People</span></li> <li class="kwick opt3"><span>Nature</span></li> <li class="kwi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/03/form-design-2.html
[CSS]軽快に動作するタブコンテンツを実装するスタイルシート
IDEA * IDEA
2007年度web制作者の為のまとめ再構築30選*ホームページを作る人のネタ帳
IDEA * IDEA
[JS]フォームのtextareaをサイズ変更できるスクリプト -TextArea Resizer
Facebox 1.2