CSS3とjQueryでフォームを美しく装飾する方法
2014年8月22日 CSS, jQuery どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです！そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。 ↑私が10年以上利用している会計ソフト！ フォームの仕様 今回チャレンジするフォームの主な仕様です！ グラデーション・ボックスシャドウを使って立体感を表現 角丸で丸みをつける（モダンブラウザ） 対応ブラウザ: IE7△, IE8△, IE9, Firefox, Chrome, Safari フォーム制作の流れ CSS3ってなんだ？という人もひとつひとつ記述していけば意外と簡単に作れるはずです！リンクをクリックで各項目にジャンプします。 テキストボック
ディテールにこだわった、美しいデザインのナビゲーション集
1ピクセルのライン、細かいエレメント、美しいグラデ、繊細なテクスチャなどを使用してディテールにこだわりつつ、主張しすぎない素晴らしいナビゲーションをDribbbleから紹介します。
ハチの脳、コンピュータより優れている--英大学調査
ミツバチは、コンピュータでさえ解答を得るのが難しい複雑な数学的問題を解決する能力を備えていることが研究で明らかになった。The Guardianが英国時間10月24日に報じている。 ロンドン大学ロイヤルホロウェイ校の研究結果によると、ハチは、花から花へと飛ぶ際にその最短経路を見つけ出し、一般に「巡回セールスマン問題」と呼ばれる問題を効果的に解決する能力を持っているという。 「巡回セールスマン問題」は、セールスマンがすべての目的地を訪問するという仮定において、その最短経路を見つけることが求められる。コンピュータでは、想定されるすべての経路の長さを比較し、最短経路を選ぶことで解答を得る。 同校が実施した実験では、コンピュータ制御の人工花を使うことで、ハチが単純に花を見つけた順に飛ぶのか、最短経路を見つけようとするのかを調べた。その結果、ハチは、花の位置を調べ、時間とエネルギーを最も節約できる経
スマートフォン最適化サイトの本命か·jQuery Mobile MOONGIFT
jQuery MobileはjQuery公式が開発したスマートフォン向けサイト開発用ライブラリ。 MOONGIFTはこう見る jQuery Mobileは数ヶ月前に開発が発表され、ついに1.0α版が登場した待ちに待たれたライブラリ。既に幾つかこの手のライブラリはあるが、本家が打ち出してくる以上、人気は集まるだろう。既に機能も多いので、大抵のスマートフォンサイトならこなせそうだ。 jQTouchは不具合とは言わないまでも、利用に際してはコツを掴む必要があった。jQuery Mobileはぜひそのテツは踏まず、PC向けライブラリ同様の使い勝手を維持してほしいと願ってしまう。 jQuery MobileはJavaScript/jQuery製のオープンソース・ソフトウェア。iOS、特にiPhone/iPad用のWebサイトを作るための専用ライブラリは数多い。最適化され、iPhoneなどで見やすい画
GoogleがAndroidスマートフォン「Nexus Two（仮）」にあたるモデルを発売か
7月にCEO（最高経営責任者）のEric Schmidt氏が発売しない意向であることを表明していましたGoogle製Androidスマートフォン第2弾「Nexus Two（仮）」が、発売される可能性が出てきたことが明らかになりました。 第1弾の「Nexus One」は販売台数が奮わない結果となっていましたが、いったいどのような背景から、第2弾の販売に踏み切るとみられているのでしょうか。 詳細は以下から。 Google and Carphone in mobile deal | City A.M. イギリスのビジネスニュースサイト「City A.M.」が入手した情報によると、Googleが「Nexus Two」にあたる自社製Androidスマートフォン第2弾をイギリスで発売するそうです。 Googleの「Nexus One」は高いスペックを実現しているにもかかわらず、販売台数が奮わない結果と
ダラダラ続くムダ会議から脱出！「会議」の効率を今すぐアップする方法 - はてなブックマークニュース
忙しい業務の合間に行う「会議」は、できる限り効率良くコンパクトにまとめたいもの。しかし実際には、「ダラダラと時間ばかり過ぎる」「いつのまにか議題からズレてしまう」というような“ムダ会議”になってしまうケースが多々あります。今日はそんなムダ会議から脱出するために、「効率良く会議を進める方法」をご紹介します。 ■“ムダ会議”の原因はどこにある？ まずはよくあるムダ会議の原因から探っていきましょう。会議でのこんな状況、あなたも経験したことがありませんか？ ＜理想は“議事録ドリブン”＞ ▽ 第1回 会議の何が問題なのか？ - ITmedia エンタープライズ よくある会議の問題点としては、次のようなものがあります。 会議が迷走する。 会議が決まらない。 会議で決まったことが実行されない。 会議が長い。 本来の議題からいつのまにか離れて個人が好き勝手に話していたり、結論があいまいになっていたり、決ま
「全部作り直し」快適になったエバーノート4 Windows版が登場 【@maskin】 | TechWave（テックウェーブ）
[読了時間:2分] あらゆる情報を記録するサービスを提供するEvernoteは10月27日、最新版ソフト「エバーノート4」のWindows版の提供を開始した。アプリは無料でダウンロードできる。 テキストや画像、動画までも記録できるメモサービスEvernote。記録する情報が増加するほどアプリが重くなるなどの問題があったが、同社はプログラム言語C++でアプリを作り直し高速化をはかったという。 同社の発表によると「Evernote 4はEvernote3.5より5倍速く起動し、起動時のメモリー使用量も半分に抑えられています」とのことで劇的な高速化軽量化が実現しているとのことで、これだけでも既存Windowsユーザーは楽しみだろう。しかしそれだけではなく、ユーザーインターフェイスの改善や編集機能がブラッシュされるなど変化がたくさんある。 Evernmoteは運営上のトラブルに見舞われるも、熱狂的
【初級編】絶対入れておくべきFirefoxアドオン基本中の基本 :教えて君.net
Firefoxの魅力は、ブラウザの機能を拡張する多種多彩なアドオンにある。しかし、あまりに数が多すぎて、どれを導入すべきか分からなくなっている人も多いに違いない。今回は、Firefoxを使う上で、絶対に欠かせない基本アドオンを紹介するぞ。見落としているツールがないかしっかりチェック。 「FireGestures」 マウスカーソルの挙動によってブラウザを操作できるマウスジェスチャー。「覚えるのが面倒臭そう」と敬遠している人も多そうだが、よく使う動作、例えば「タブを閉じる」だけ割り当てても、操作効率は劇的に向上する。Firefoxの定番「FireGestures」を利用しよう。 詳細はこちら→ Firefoxマウスジェスチャーの新定番「FireGestures」 「Vacuum Places Improved」 Firefoxが最大のライバルであるChromeにもっとも差を付けられているのが「
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
W3C - 『HTML 5 differences from HTML 4』日本語訳 - HTML5.JP
一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この日本語訳は、私が理解を深めるために、自分なりに日本語化したものです。本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。 原文URL：http://www.w3.org/TR/2011/WD-html5-diff-20110525// 原文タイトル：HTML 5 differences from HTML 4 - W3C Working Draft 25 May 2011 翻訳日：2011/05/26 最終更新日：2011/05/26
25 Excellent CSS3 Animations | Blogfreakz - Web Design and Web Development resources
CSS3 has brought about a number of impressive new features. CSS3 animations is one of the most fun a new feature of CSS3. CSS3 Transitions in real use were introduced in late 2007 by Safari. At that time, they were referred as “CSS Animations”, but the terminology changed when Safari introduced their proprietary features also called CSS Animations. On previous post we are published article “15 CSS
ブラウザ上で動くSVGグラフィックエディタのオープンソースが超凄い:phpspot開発日誌
SVG-edit ブラウザ上で動くSVGグラフィックエディタのオープンソースが超凄いです。 次のようなインタフェースで、Chromeだとサクサク動くSVGエディタがGoogle codeにてオープンソースでダウンロード可能です。 SVGでお手軽にお絵かきしたい場合や、SVGなお絵かきサイトなんかを作るのにも活用できそう 描画したグラフィックをSVGに変換した例。ツールバーからそのまま出力可能です。 次のようなXMLデータになります。 触ってみるだけでも価値がありそうです。 関連エントリ JavaScriptでFlashやSVGを使わない3Dアニメーション PHPでベクターグラフィックスを作成するためのチュートリアル テキストで描画されたSVGグラフィックス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
個性的でカッコいいフリーのフォント１１:phpspot開発日誌