簡単に実装できる、ボタン画像のマウスオーバーイベント 10+ - NxWorld
画像のオンオフ切り替えといったようなマウスオーバーイベントで、簡単に実装できるものをいくつか紹介します。 CSS3やjQueryを使ってちょっと変わった動きを取り入れるサイトも見かけることも多くなりましたが、今回は普段も使用頻度が高いと思う定番のものに絞りました。 サンプルで使用する画像とDEMOについて 各マウスオーバーの動きを実装するにあたって上のような3タイプのボタン画像を用いており、各ボタンはそれぞれ以下のようになっています。 type A 単体のボタン画像 type B オンとオフを1枚の画像にした、スプライト型 type C オンとオフをそれぞれ別の画像にし、オフ時のものは_off、オン時のものは_onを拡張子前に入れています。 また、サンプルも用意したので実際の動きはこちらで確認して下さい。 CSS：マウスオーバー時に透過させる CSSのopacity（IEはfilter）の
IE9 だと table を block にできない
IE9 だと、 <table> <tr> <th>th</th> <td>td</td> </tr> </table> に対して、 th,td{ display:block; } としても、横並びのままで意図した表示にならない。float を適用すると強制的に block になるので以下を試したところ、table-cell のような表示ではなくなった。 th,td{ float:left; clear:both; } この方法でなら、media queries を併用してもしっかり動作した。 @media(max-width:640px){ table{ border-collapse:collapse; } th,td{ float:left; clear:both; } }
Online StyleSheet Generator | OneClickCSS
What's this? HTMLソースをもとに、id,class名CSS、子孫セレクタCSS、子セレクタCSS、LESS、SASS、SCSSを自動生成するオンラインサービスです。 従来のHTMLコーディグを強力にサポートします。 What's LESS/SASS/SCSS? LESS / SASS / SCSSはCSSを効率的にコーディングできるCSSメタ言語です。 従来のCSSに比べ子孫セレクタ・子セレクタを簡単に管理することができ、高速にコーディングすることができます。 LESS OFFICIAL SASS/SCSS OFFICIAL 関連サービス 高画質サムネイル生成サービス HTTPクエリデコード SQLフォーマッター Insert文フォーマッター スペースフォーマッター JSONフォーマッター HTML/XMLフォーマッター Emmet toolkit for <textare
クラウド型CMSサービス - Movable Type クラウド版 | CMS プラットフォーム Movable Type
Movable Type クラウド版 クラウドにインストールされた最新版の Movable Type をそのまま利用できるマネージドサービスです。 面倒なインストール作業やサーバー監視などは一切不要。 環境を Movable Type に最適化することにより、高いパフォーマンスを実現しています。 Movable Type クラウド版の特長 サーバー管理・セキュリティ対策はお任せ！ 常に最新版で安全安心 CMSのバージョンアップや、OS やミドルウェアのアップデートはシックス・アパートが実施。セキュリティフィックスも即座に行われ、常に安全な環境で利用できるため安心です。また、サーバーのプロセス監視もシックス・アパートが行っており、問題発生時には素早く対応。メンテナンスコストを削減できます。 管理画面の表示スピードは約3倍！ 再構築も約1.6倍の快適性を実現 環境を Movable Type
「クラスメソッド株式会社について」について | DevelopersIO
こんにちは！おおはしりきたけです。昨日クラスメソッドの代表である横田がクラスメソッドの特徴というつぶやきをしており、それがtogetterにクラスメソッドについてという形でまとめられていました。これは、社長からみたクラスメソッドの特徴なのですが、この特徴を社員の立場から回答してみます。 月平均労働時間１７０時間未満（残業時間じゃないよっ）、土日祝日は普通に休み、有給と公休を組み合わせて１０連休を３回取得できます。福利厚生は並。 月平均労働時間170時間未満ということですが、残業が多いといわれるIT業界の中では珍しく感じる方もいるかもしれません。これには、しっかりとした理由があります。以前、ブログに書かせて頂きましたが、プロジェクトはスタートが肝心です。無理の無い受注をしているため、無理の無いスケジュールで進めることができます。帰りにくい雰囲気、休みが取りにくい雰囲気はありません。ただし、リ
TortoiseSVNのオーバーレイアイコンが表示されないとき » tune web
TortoiseSVNだけじゃなくてTortoiseCVS/TortoiseHg/TortoiseGitでも同じだと思います。オーバーレイアイコンが表示されない原因はアイコンキャッシュが壊れていたりといろいろ原因があるのですが、ついこの前気づきにくい理由で表示されないことがあったので参考までに紹介しておきます。 会社の作業環境ではTortoiseSVNとTortoiseGitをインストールしていたのですが、いつからか両方のオーバーレイが表示されなくなってしまいました。てっきり両者が競合でもしてるか、TortoiseGitが悪さでもしているのだろうと思っていたのですが、調べてみるとWindowsの仕様で表示されなくなっていました。 Windowsではオーバーレイさせるアイコンをレジストリで記憶していますが、最大で15個という制限があるそうです。それ以上もレジストリに登録できるのですが、最初に
WordPressプラグイン選定時の注意点とおすすめできないプラグイン | Gatespace's Blog
WordPressの魅力の一つとしてノンプログラマーであっても豊富なテーマやプラグインを利用する事で簡単に機能拡張を行えることがあります。 ただし、多くのプラグイン作者が日本語圏外のため、情報が英語で提供されているため理解に時間がかかったり、ということがあります。 試しに「WordPress プラグイン」で検索すると「WordPressのおすすめプラグイン○選」という様な記事がたくさん出てきます。 こういった記事を参考にプラグインを選定する方も多いと思いますが、本当に「おすすめ」できるプラグインなのでしょうか？ 今回はノンプログラマーでもできるプラグイン選定時の注意点や「おすすめできない」プラグインをご紹介します。 先日、宮内さん（@miya0001）さんが 無料のWordPressテーマをググって使うのは超ハイリスクなので気をつけよう！ | firegoby ヤバイWordPressテ
MFG Labs icon set
Why? because it's practical We have designed a friendly icon set for an internal project. It is designed to be easily embeddable on a website or application using a webfont and css. We have decided to share it with everyone. Our creation flow was inspired by the excellent work of Dave Gandy's font awesome project and the Octicons font made by the github team. Retina ready Fully scalable icons Font
実践しながらjQueryを学べるオンライン学習サイト・Try jQuery
実際にコードを書いて学べる学習コンテンツ・Try jQueryのご紹介です。jQuery公式のオンライン学習サイトっぽいですね。英語ですけどこれから学ぼうという方にはうってつけかもしれません。 実践でjQueryを学べるサイトです。スライドも完備されています。英語が苦手な方にはちょっと難しいかもですけど・・ ドメインから察するに公式のものでいいと思います・・確認はしていませんけど。内容は基本的なものからスタートします。 スライドからスタートです。 他の学習サイト同様、指示通りに進めていきます。 正解ならSuccess!の文字が出て次に進みます。 これから始めたい、という方は如何でしょうか。 Try jQuery
アクセシビリティから変わるビジュアルデザイン
W3C が勧告しているウェブコンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.0 の中に「アクセシビリティの 4 原則」というのがあります。JIS X 8341–3 をはじめ、国内外で定められている Web アクセシビリティの土台のような存在です。久しぶりに、この 4 原則を振り返ってみて気付いたのが、Web デザインの原則と同じではないかという点です。特にビジュアルデザインで気をつけることと重なるところがあります。 アクセシビリティの 4 原則は以下のとおりです（翻訳サイトより抜粋）。 知覚可能 情報およびユーザーインターフェースの構成要素は、ユーザーが知覚できる方法でユーザーに提示可能でなければならない。 操作可能 ユーザーインターフェースの構成要素およびナビゲーションは操作可能でなければならない。 理解可能 情報およびユーザーインターフェースの操作は理解可能でなければなら
シンプルで汎用性に優れたレスポンシブ対応のタブコンテンツ -Basic Tabs
jQueryとCSS3アニメーションを使ってシンプルに実装する、レスポンシブ対応のタブコンテンツを紹介します。 BasicTabs - The Simple jQuery/CSS3 Solution Basic Tabsのデモ Basic Tabsの実装 Basic Tabsのデモ タブはレスポンシブ対応で、表示サイズに合わせて最適化されます。 タブの切替はCSS3アニメーションで、左からフェードインで表示されます。このエフェクトの変更は簡単です。 デモページ：幅480pxで表示 Basic Tabsの実装 実装は非常にシンプルなので、カスタマイズも簡単だと思います。 Step 1: HTML HTMLは非常にシンプルで、タブはリスト要素、コンテンツはdiv要素で配置します。 <div id="tabwrap"> <!-- TABS --> <ul id="tabs"> <li class
WordPressのログイン画面をスーパーカスタマイズ！ | Firegoby
BookPressで、WordPressのログイン画面をカスタマイズする必要があったので、CSSとJavaScriptをつかって頑張ってみました。 あいにく wp-login.php は若干コツが必要です。 wp_enqueue_style() が期待通りに動かない… wp-login.php で、CSSやJavaScript を使用するには、login_enqueue_scripts というフックを使用します。 ただし、このフックで wp_enqueue_style() を使用しても、<link /> タグがフッターに出てしまいます。 これは以下のチケットでも報告されてるんですが、なぜか修正されてないようですね。 #17916 (Enqueued styles are only printed on login_footer in wp-login.php) – WordPress Tr
うちのウサギがおとなしいので頭にいろいろ乗せてみた:ハムスター速報
TOP > 動物 > うちのウサギがおとなしいので頭にいろいろ乗せてみた Tweet カテゴリ動物 0 ：ハムスター２ちゃんねる 2013年3月7日 0:00 ID：hamusoku Stuff On My Rabbitより 1 2 3 2 :ハムスターちゃんねる2013年03月07日 00:00 ID：MPgyWSZv0 可愛い妖精降臨! 3 :ハムスター名無し2013年03月07日 00:00 ID：QNhjCXVr0 きゃわわきたああああああ 7 :ハムスター名無し2013年03月07日 00:01 ID：mv1yp5cw0 なんという安定感のあるうさたんｗｗｗｗｗｗｗｗｗｗｗ 11 :ハムスター名無し2013年03月07日 00:01 ID：yhJcJhUq0 きゃわわ 3の受話器欲しい 15 :ハムスター名無し2013年03月07日 00:01 ID：bs5BV0i20 もふ…も
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Snoopy the Exotic Shorthair
Linotypeで4書体がフリーダウンロード – creamu