CSS3とjQueryでフォームを美しく装飾する方法
2014年8月22日 CSS, jQuery どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです！そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。 ↑私が10年以上利用している会計ソフト！ フォームの仕様 今回チャレンジするフォームの主な仕様です！ グラデーション・ボックスシャドウを使って立体感を表現 角丸で丸みをつける（モダンブラウザ） 対応ブラウザ: IE7△, IE8△, IE9, Firefox, Chrome, Safari フォーム制作の流れ CSS3ってなんだ？という人もひとつひとつ記述していけば意外と簡単に作れるはずです！リンクをクリックで各項目にジャンプします。 テキストボック
NoSQLとしてMySQLを使うDeNAが、memcachedよりも高速な75万クエリ／秒を実現
モバゲーで知られるDeNAは、バックエンドデータベースにNoSQLを使っていません。なぜか？ それはMySQL/InnoDB 5.1の環境で秒間75万クエリという、多くのNoSQLでも実現できないような高性能を実現しているから。DeNAの松信嘉範（まつのぶよしのり）氏は、自身のブログにこんな内容のエントリ「Using MySQL as a NoSQL - A story for exceeding 750,000 qps on a commodity server」（英語）をボストしています。 Yoshinori Matsunobu's blog: Using MySQL as a NoSQL - A story for exceeding 750,000 qps on a commodity server 松信氏が指摘するように、大規模なネットサービスを提供している企業の多くは分散環境で
画像や枠などをキラッと超カッコよく光らせるエフェクトをjQueryで実装:phpspot開発日誌
ShineTime ? A Kick-Ass New jQuery & CSS3 Gallery With Animated Shine Effects 画像や枠などをキラッと超カッコよく光らせるエフェクトをjQueryで実装する例が公開されています。 透明と白のグラデーション画像を斜めにして画像や枠の上をアニメーションで横切らせるというシンプルな方法でFlashサイトのようなクールな演出を実現しています。 実際のデモを見てみましょう。 超クールですね。 チュートリアル形式になっているので横切らせる画像を替えたりしても面白いかも。 このエフェクトは使える気がします。 チュートリアルでは現在のところjQueryは使っていますがプラグインの形ではないのでコードを記述する必要がありますが、プラグインになったらより便利そうですね。 関連エントリ 画像の映り込みエフェクトを実現するJavaScrip
WordPressでのパス指定を絶対パスから相対パスに変更する方法
WordPressで使用するパス指定は絶対パスのものが多いですが、これをルートからの相対パスに変更する方法を紹介します。 How to make WordPress URLs root relative [ad#ad-2] このブログではパス指定では現状困っていませんが、ポータビリティ（サイトの移転）、ダウンロードサイズ、コードの簡潔さなどを求める際には相対パスの方が有利になります。 ルートからの相対パスにするには、下記のコードをテーマファイル内の「functions.php」に記述します。 ※「functions.php」が無い場合は作成してください。 PHP URLの文字列から「http(s)」と「ドメイン」を取り除きます。 function make_href_root_relative($input) { return preg_replace('!http(s)?://' . $
Webプログラミング未経験からmixiアプリを作るまでにやったこと - nakawai’s diary
mixiアプリ「大喜利PHPプレイバック」を公開しました - 理系のためのTIPS集 上記エントリでも書きましたが、今年の目標だったmixiアプリの公開までなんとかこぎつけることができました。 アプリ名：大喜利PHPプレイバック URL:http://mixi.jp/view_appli.pl?id=16441 2012/02/28 追記 mixiアプリの仕様変更に伴い、上記のアプリは提供を終了しました。 公開日は2010年10月26日。現時点での利用者数は50人(！)です。大喜利好きな人は使ってみてください！（泣） このエントリの趣旨 Webプログラミング未経験だった自分がmixiアプリの開発をすすめるにあたっては、以前話題になった下記の２エントリにたいへん刺激を受けました。 文系ド素人がmixiアプリを開発〜リリースするまでのまとめ - kazu0620の日記 Webプログラミング素人
Paypalは実はまだ日本に『来ていない』 – その根拠と裏事情とは | Token Spoken
先日の記事「Paypal新少額決済サービスMicropaymentsの衝撃とは」は、twitterでのツイートでも、はてなブックマークの登録でも、共に1,200件を超えるという大きな反響をいただきました。 実際、理屈抜きに魅力的な決済手数料を用意し、誰でも今日から使い始めることができて、かつ山ほどの開発リソースが公開されているPaypalが、なぜ未だに日本では爆発的に利用されないのでしょうか？ どう考えても利用が急増してもおかしくない理由しか見当たらないはずなのです。 もちろんマーケティングや営業上の問題もあるでしょうが、実は皆さんが根本的に見逃されている大きなポイントが一つあります。 それは、Paypalが実はまだ日本に「来ていない」という事実なのです。 Paypalが日本に来ていないという根拠 いったいそれはどういうことなのでしょうか？ その証拠を見れば一目瞭然でしょう。これをご覧くだ
ディテールにこだわった、美しいデザインのナビゲーション集
1ピクセルのライン、細かいエレメント、美しいグラデ、繊細なテクスチャなどを使用してディテールにこだわりつつ、主張しすぎない素晴らしいナビゲーションをDribbbleから紹介します。
スマートフォン最適化サイトの本命か·jQuery Mobile MOONGIFT
jQuery MobileはjQuery公式が開発したスマートフォン向けサイト開発用ライブラリ。 MOONGIFTはこう見る jQuery Mobileは数ヶ月前に開発が発表され、ついに1.0α版が登場した待ちに待たれたライブラリ。既に幾つかこの手のライブラリはあるが、本家が打ち出してくる以上、人気は集まるだろう。既に機能も多いので、大抵のスマートフォンサイトならこなせそうだ。 jQTouchは不具合とは言わないまでも、利用に際してはコツを掴む必要があった。jQuery Mobileはぜひそのテツは踏まず、PC向けライブラリ同様の使い勝手を維持してほしいと願ってしまう。 jQuery MobileはJavaScript/jQuery製のオープンソース・ソフトウェア。iOS、特にiPhone/iPad用のWebサイトを作るための専用ライブラリは数多い。最適化され、iPhoneなどで見やすい画
【初級編】絶対入れておくべきFirefoxアドオン基本中の基本 :教えて君.net
Firefoxの魅力は、ブラウザの機能を拡張する多種多彩なアドオンにある。しかし、あまりに数が多すぎて、どれを導入すべきか分からなくなっている人も多いに違いない。今回は、Firefoxを使う上で、絶対に欠かせない基本アドオンを紹介するぞ。見落としているツールがないかしっかりチェック。 「FireGestures」 マウスカーソルの挙動によってブラウザを操作できるマウスジェスチャー。「覚えるのが面倒臭そう」と敬遠している人も多そうだが、よく使う動作、例えば「タブを閉じる」だけ割り当てても、操作効率は劇的に向上する。Firefoxの定番「FireGestures」を利用しよう。 詳細はこちら→ Firefoxマウスジェスチャーの新定番「FireGestures」 「Vacuum Places Improved」 Firefoxが最大のライバルであるChromeにもっとも差を付けられているのが「
Evernote Blog � Blog Archive � New updates to Web and Windows
Evernote のニュースEvernote で起きている変化、改善について興味はありますか？ これらの記事は私たちが取り組んでいることをご紹介しています。ぜひご覧ください 新着情報レガシー版 Evernote アプリの廃止2024 年 3 月 26 日を以て、レガシー版 Evernote アプリを廃止いたします。V10 以前の Evernote エクスペリエンスを統合することで、セキュリティを大幅に高めることができ、開発のスピードアップに充てる人員を増やすことができます。 もっと読む 便利な 14 種類の機能を全ユーザ向けに開放Evernote の便利な機能を使用して、検索や添付ファイルの管理、ノートへのアクセスなど、主要な機能を最大限に活用しましょう。どれも今すぐご利用いただけ、Evernote が秘める力を解き放ちます。
【保存版】明日から役立つ！ 面接・説明会で鋭い質問を連発するための4つの方法
面接・説明会で質問が思いつかないあなたへ 企業説明会や、面接中にほぼ必ずと言っていいほど出てくる「何か質問はありますか？」というフレーズ。逆質問と呼ばれますが、これに即応してキレのいい質問をすることは非常に重要です。 しかし、「面接や説明会で質問が思いつかない」「面接や説明会での質問の仕方が分からない」という方は多いのではないでしょうか。このコラムでは、面接や企業説明会で的を射た質問をするための方法を4つご紹介します。これから面接や説明会を控えている方は、是非ご覧になってください。 面接・説明会で質問をすることの重要性 説明会や面接で質問をすることのメリットは、大きく分けて二つです。 ①有効な自己PRになる 第一には自己アピールになるということ。 説明会であれば、誰も手を上げない中で積極的に質問すれば人事に目をつけられる可能性も高まります。 「名札とかなかったら意味ないのでは？」と思う方も
TechCrunch | Startup and Technology News
Byju’s is cutting 500 to 1,000 more jobs at the firm, this time eliminating several non-sales roles as well, as the Indian edtech giant pushes to improve its finances, according to a person fami While platforms like Reddit and Twitter are changing rules and making life difficult for developers of third-party clients, the ecosystem of Mastodon apps is still growing. Today, indie developer Jake
ダラダラ続くムダ会議から脱出！「会議」の効率を今すぐアップする方法 - はてなブックマークニュース
忙しい業務の合間に行う「会議」は、できる限り効率良くコンパクトにまとめたいもの。しかし実際には、「ダラダラと時間ばかり過ぎる」「いつのまにか議題からズレてしまう」というような“ムダ会議”になってしまうケースが多々あります。今日はそんなムダ会議から脱出するために、「効率良く会議を進める方法」をご紹介します。 ■“ムダ会議”の原因はどこにある？ まずはよくあるムダ会議の原因から探っていきましょう。会議でのこんな状況、あなたも経験したことがありませんか？ ＜理想は“議事録ドリブン”＞ ▽ 第1回 会議の何が問題なのか？ - ITmedia エンタープライズ よくある会議の問題点としては、次のようなものがあります。 会議が迷走する。 会議が決まらない。 会議で決まったことが実行されない。 会議が長い。 本来の議題からいつのまにか離れて個人が好き勝手に話していたり、結論があいまいになっていたり、決ま
ざるそばともりそばの違いは？「似ているようで違うもの」を集めてみた - はてなニュース
「ウインナーとソーセージはどう違うの？」と聞かれたら、あなたは何と答えますか？「ざるそばともりそば」「ファスナーとジッパー」など、「よく似てるけど違いはあるの？」と疑問に思う言葉はたくさんありますよね。今日は、そんな“似ているようで違うもの”について学べるエントリーを集めました。 ■似ているようで違う「食べ物の名前」 “似ているようで違うもの”がとにかく多いのが「食べ物の名前」です。あなたが食べているそのメニューも、実は呼び方が違うかもしれません。 ＜「ウインナー」と「ソーセージ」＞ ▽ カゴメのレシピ|カゴメ株式会社 ▽ 「ウインナー」と「ソーセージ」の違い お弁当のおかずとしてもおなじみの「ウインナー」や「ソーセージ」。どちらの呼び方も普段からよく使いますが、実は「ウインナー」はソーセージの種類の1つ。JAS（日本農林規格）では、ソーセージのうち「羊腸を使用したもの、又は製品の太さが2
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「無知」が選挙争点になっているアメリカ 誰が金を払っているのか(1/2ページ)｜ニュースな英語 - goo辞書