コピペでOK！WordPressのサイトマップを人気記事ランキングにする方法 - ゆめぴょんの知恵

2015/02/19 57 users ゆめぴょん コピペ WordPress 知恵 toc

WordPressの新テーマ・デザインに変更した時に、サイトマップについても人気記事順にしてみました。それに伴いずっと使ってたプラグインをまた1つ減らしました。そのカスタマイズ方法を紹介します。<style type="text/css"> .toc { margin: 18px 5px; background: #ffd; border: 1px solid #666; border-radiu... 続きを読む

【リケジョ笑】小保方晴子の博士論文がパクリだと発覚する・・・早稲田大学の博士号はパクリ論文でもゲットできることを小保方晴子が証明する:ハムスター速報

2014/03/11 62 users パクリ 小保方晴子 博士論文 ハムスター速報 博士号

【リケジョ笑】小保方晴子の博士論文がパクリだと発覚する・・・早稲田大学の博士号はパクリ論文でもゲットできることを小保方晴子が証明する Tweet カテゴリニュース 0 ：ハムスター２ちゃんねる 2014年3月11日 14:03 ID：hamusoku 小保方氏の博士論文の冒頭の"BACKGROUND"の文章のほとんどが、ＮＩＨの下記サイト（Stem Cell Basics）からの剽窃（盗用）です。... 続きを読む

関数型プログラミング言語のまとめ - ワザノバ | wazanova.jp

2013/11/04 95 users wazanova.jp 関数型プログラミング言語 一連 仕様

http://funceng.com/2013/11/03/review-of-functional-languages/ Kevin Buellがブログの一連のエントリーで関数型プログラミング言語の概要をまとめています。 1) Haskell ラテン語がわかる人には親しみやすい。 [Background] 遅延評価の研究成果をとりまとめる委員会が1990年にHaskell 1.0の仕様をつくった... 続きを読む

CSS3アニメーションを利用したサンプル[to-R]

2013/04/14 63 users to-R サンプル CSS3アニメーション sample 動作

CSS Niteビギナーズ：HTML5+CSS3でCSS3アニメーションを紹介したところ、使いどころがよく分からないとの意見をたくさん頂いたので、サンプルをいくつかご紹介します。 実際の動作はサンプルページから確認できます。 sample1 ボタンにマウスをのせた際にアニメーションして背景色を切り替えます。 /*sample1*/ .sample1 a{ background:#3f8bad; t... 続きを読む

CSS3も少し入れつつ自分流CSSプロパティの書き順を決めてみた｜Webpark

2013/02/14 122 users Webpark 書き順 CSSプロパティ 略し方 試行錯誤

どの段階にあるかはCSS current work & how to participateで確認できます。 また、list-style、backgroundなどのように略せるものは略して書くようにしていますが、略さない場合も下に載せています。略し方については「まとめて書くことができるCSSプロパティの8つのパターン｜Webpark」をご参考に。 若干それましたが、試行錯誤して並べた結果がこちらで... 続きを読む

MVC is dead, it's time to MOVE on.

2012/07/02 464 users MVC is dead Georgia pre code

MVC is dead, it's time to MOVE on. body{ font-family: 'Liberation Serif', 'Georgia'; background: #FFE; } code { white-space: pre; } article{ -moz-column-width: 60ex; -moz-column-gap: 4em; -moz-column-... 続きを読む

[CSS]アロー付きの吹き出しのスタイルシートが簡単に作成できるオンラインツール -CSS Arrow Please! | コリス

2012/04/12 122 users コリス relative CSS border div

HTML 使用するHTMLは、下記のような感じでokです。 <div class="arrow_box">ふきだし</div> CSS 生成されるスタイルシートはアローやボーダーのみなので、吹き出しのサイズなどは別に指定して利用してください。 .arrow_box { position: relative; background: #88b7d5; border: 4px solid #c2e1f... 続きを読む

[CSS]hr要素をおしゃれにスタイリングする8つのテクニック | コリス

2011/11/23 613 users コリス border CSS height hr要素

デモページ CSS3を使った8つのテクニック デモページの8つの実装方法を個別に見てみましょう。 HTML HTMLは全デモ共通で、hr要素にclass名を付与するだけのシンプルな実装です。 <hr class="style-one"> 繊細なグラデーションを使ったデザインです。 hr.style-one { border: 0; height: 1px; background: #333; ba... 続きを読む

IT系の人はフォローしておくべきツイッターアカウントまとめ | ソーシャルウェブが拓く未来

2011/11/01 895 users ソーシャルウェブ 未来 IT系 sasakitoshinao

勝手にまとめてみました。 佐々木俊尚さん（@sasakitoshinao） いわずも知れたITジャーナリスト、佐々木俊尚さん。毎朝高品質なニュースツイートを発信してくれています。とりあえず佐々木さんのツイート読んでおけばIT系のトレンドは掴める、といって良いほど。フォローしておいて損はないです。 #embedly_twitter_99227717{background:url(http://a0.... 続きを読む

[CSS]正方形・ダイアモンド・台形・三角形・円・ハートなどを作り出すスタイルシートのまとめ | コリス

2011/06/05 169 users コリス 台形 Square CSS height

HTML CSS #square { width: 100px; height: 100px; background: blue; } Diamond: ダイアモンド HTML CSS #diamond { width: 80px; height: 80px; background: blue; ma... 続きを読む

フォームのテキストエリアをより使いやすくするテクニック集 | コリス

2010/07/19 302 users コリス textarea borde images URL

CSSやJavaScript（jQuery）を使用して、フォームのテキストエリアをより使いやすくする9つのトリックを紹介します。 CSS 画像の表示には、スタイルシートを利用します。 textarea { background: url(images/benice.png) center center no-repeat; /* This ruins default border */ borde... 続きを読む

たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE | コリス

2010/07/14 1404 users コリス padding Eee border-radius

上記デモのスタイルシート ※クリックで拡大 「CSS3 PIE」の使い方は簡単で、既存のCSS3に一行を追加するだけです。 適用前のCSS #myElement { background: #EEE; padding: 2em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; } 「CSS3 PIE」... 続きを読む

最近のブラウザ使えそうなCSSハックの一覧 | CSS Lecture

2009/10/25 359 users CSSハック CSS Lecture ブラウザ CCC 一覧

Category ： CSS リファレンス 個人的にハックはあまり使いたくないと言う考えなんですが、ちょこっとハックを使うだけで便利になる事はけっこうあるかと思います。 なので最近のブラウザで使えそうなハックを改めてまとめてみました。 IE6に適用 .huck { _background: #CCC; } IE7に適用 *:first-child + html .huck { background... 続きを読む

[CSS]検索フォームを素敵なデザインするスタイルシート集 | コリス

2009/03/04 331 users コリス images CSS display height

検索フォームを素敵なデザインにスタイリングする、クロスブラウザ対応のスタイルシートをCss Finestから紹介します。 HTML CSS /* style1*/ #searchform1 {background:url(images/search1.gif) left top no-repeat; display: block;width: 240px; height: 32px;} #sear... 続きを読む

[CSS]画像に枠線やウォーターマーク、キャプションをつけるスタイルシート | コリス

2008/12/03 230 users ウォーターマーク padding コリス キャプション URL

TORRANCE WEB DESIGNのエントリーから、画像に枠線やウォーターマーク、キャプションをつけるスタイルシートを紹介します。 Drop Shadow Effect demo HTML CSS img.shadow { background: url(shadow-1000x1000.gif) no-repeat right bottom; padding: 5px 10px 10px 5... 続きを読む

JavaScriptを使わずCSSのみでシンプルなツールチップ実装:phpspot開発日誌

2008/03/27 211 users CSS phpspot開発日誌 ツールチップ実装 hover

Easy CSS Tooltip | Kollermedia.at JavaScriptを使わずCSSのみでシンプルなツールチップ実装。 CSSの a:hover を応用して、次のようにシンプルなツールチップを実装するサンプル。 コードは以下のようにシンプルにかけます。 <html> <head> </head> <style> a:hover {background:#ffffff; text-... 続きを読む

[CSS]リンク先や拡張子ごとにリンクのアイコンを変更するスタイルシート | コリス

2007/09/25 270 users コリス mailto CSS images dis

「a href」を使用したリンク箇所のアイコンを、リンク先やmailtoやPDF・画像などそれぞれごとにアイコンを変更するスタイルシートのサンプル紹介です。 外部リンクでアイコンを変更する場合 a[href^="http://"]{ background:transparent url(../images/external.png) center rightright no-repeat; dis... 続きを読む

GIGAZINE - AJAXで配色を決める無料サービス「Accessibility Color Wheel」

2006/06/06 84 users Ajax GIGAZINE カラーホイール Bigger 配色

カラーホイールの中にマウスを入れるとリアルタイムでプレビューの色が変わります。「Foreground」がテキストの色、「Background」が背景色、「Invert」をクリックするとテキスト色と背景色が入れ替わります。また、「Bigger」を押すとカラーホイールがさらに大きくなり、「Smaller」を押すとカラーホイールが小さくなります。 Accessibility Color Wheel あと... 続きを読む