回答 (9件中の1件目) 使える人が増えて、人材としてのコストが下がったからじゃない？昔ほど使えるからってたくさん給料が貰える訳じゃないかならね。 雇う側からしたら、安価で頼めるから全然終わって無いんだけど（笑）むしろ使いこなせる人が増えると依頼を掛けやすくて良いよね。もちろん、イイデザインに仕上げてくれるのなら高いお金を払う価値はあると思っています。 道具としてマズくなかったら全然問題ない。
「jqueryとかbootstrapってオワコンだよね」という人がいますが、本当にオワコンなんですか？どの辺がオワコンなんですか？
回答 (9件中の1件目) 使える人が増えて、人材としてのコストが下がったからじゃない？昔ほど使えるからってたくさん給料が貰える訳じゃないかならね。 雇う側からしたら、安価で頼めるから全然終わって無いんだけど（笑）むしろ使いこなせる人が増えると依頼を掛けやすくて良いよね。もちろん、イイデザインに仕上げてくれるのなら高いお金を払う価値はあると思っています。 道具としてマズくなかったら全然問題ない。
【jQuery】画像のドミナントカラーを背景色にする「jquery.adaptive-backgrounds.js」
ちょっと前にブログの記事ごとにアイキャッチ画像のドミナントカラーを背景色にしようかなと思った事があったので忘備録。フォトギャラリー、TOPページのメインビジュアルなどアイデア次第で、面白いサイトが作れそうです。
イージング関数チートシート
イージング関数は、時間の経過に伴うパラメーターの変化率を指定します。 現実の物体は、即座に動いたり停止したりすることはなく、一定の速度で動くこともほとんどありません。引き出しを開けるとき、私たちは最初に引き出しをすばやく引き出し、それが外に出てくるにつれてゆっくりと動かします。床に向けてなにかを（例えばペンのような）放すと、最初に重力によって下に向かって加速し、床に当たった後上に跳ね返ります。 あなたの必要なイージングを選択して、あなたのプロジェクトの中で使用してみてください。
typeahead.js
typeahead.js a flexible JavaScript library that provides a strong foundation for building robust typeaheads
contenteditable要素に対してplaceholder設定を実現する - Qiita
GoogleChrome30.0.1573.2 dev(Mac版)でのみ動作確認しています。 HTML5の機能として提供されるplaceholder属性ですが、とてもとても残念な事にinputタグのみでcontenteditable=trueの要素に対してはその効果を適用出来ません。 そんな中で、inputタグでplaceholderを利用して初期値を表示している箇所と、<div contenteditable=true>を利用して入力可能にしている場所があると、当然ユーザーから 『あれ、ここ(inputタグ)で表示してるこの初期表示をあそこ(contenteditable=true)にも表示できるようにしてよ』 とか言われる訳です。というか言われますよね?。私は言われました。 そこで懇切丁寧に説明して理解してくれるユーザーさんならいいんですが、 往々にして『仕様です！実装してください』と
slick - the last carousel you'll ever need
Features Fully responsive. Scales with its container. Separate settings per breakpoint Uses CSS3 when available. Fully functional when not. Swipe enabled. Or disabled, if you prefer. Desktop mouse dragging Infinite looping. Fully accessible with arrow key navigation Add, remove, filter & unfilter slides Autoplay, dots, arrows, callbacks, etc... Single Item
背景にひと手間加えたい時に便利なスクリプト 10+ - NxWorld
ウィンドウいっぱいの背景に画像や動画を配置したり、ランダムなパーティクルやラインを表示させるなど、主に背景周りで使えそうものや「この領域に何かもうひと手間加えたい...」というときに便利そうだと思うスクリプトを幾つかまとめてみました。 jQueryプラグインが多めですが単体で動かすことができるものもあり、実装方法などに関しても容易にできるものが多いと思います。 背景に画像や動画のスライドショーを実装できる「Vegas」 背景にブラウザいっぱいのスライドショーを実装することができるjQueryプラグインで、画像だけでなく動画を埋め込むこともできます。 また、オプションを変更することでスライドの動きにアニメーションを付けたり、用意されているパターンをオーバーレイで表示させたりすることもできます。
Slider | jQuery UI 1.10 日本語リファレンス | js STUDIO
jQuery UI Sliderプラグインはスライダーによって選択可能な要素を作成します。 多様なオプションによって様々な操作や範囲の指定が可能です。 マウスまたは矢印キーの操作でスライダーを動かします。 スライダーウィジットは初期化時に、class名"ui-slider-handle"のつまみ要素を生成します。 つまみ要素をカスタマイズすることが可能です。 初期化前につまみにする要素を生成、挿入し、classに"ui-slider-handle"を追加してください。 例えばもし、values: [ 1, 5, 18 ]を指定して、1つのカスタムつまみを作成した場合、 プラグインは別にもう2つのつまみを生成します。 スライダーはいくつかの機能的なCSSを必要とします。 このCSSが読み込めないと機能しないため、最初に必要とするCSSを読み込むようにしてください。 依存関係 UI Core(
Home - AJ Hoffer
How To Unit Test With DateTime in C# Your code has compiled. Your unit tests are running. And then you see it. A unit test has failed. After some investigation, you realize the problem: somewhere in the code you have a dependency on something you don't control. The cuplrit? DateTime. ... Read more ~ posted in professional on 12.24.2020 Spruce Up Your List-Item Bullets with Emojis! If you want to a
Home
In 2012, I built my own software for creating and displaying augmented reality content within the browser. Unfortunately, after 2 years it didn’t work out. Then I was freelancing for almost 8 years 👨💻, helping startups building their products in UK, USA, Netherlands and Spain. From webpages connected to third-party services, to digital products used daily by hundreds of users which invoice more
ResponsiveSlides.js · Responsive jQuery Slider & Slideshow
ResponsiveSlides.js v1.55 Simple & lightweight responsive slider plugin (in 1kb) ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using elements inside a container. It has been used on sites like Microsoft's Build 2012 and Gridset App. ResponsiveSLides.js works with wide range of browsers including all IE versions from IE6 and up. It also adds css max-width support for
こうめの“これから使える”jQueryプラグイン
圧倒的な人気を誇るJavaScriptのライブラリー「jQuery」。サイトに効果をあたえるプラグインが多数あることが魅力ですが、そのプラグインを探すことがWeb制作者の手間になっています。本連載では、「こうめ」さんこと大竹孔明さんがおすすめのプラグインと実装方法、実装例を紹介します。
jQueryプラグイン「Waypoints」でスクロール中に要素が出現するサイトを作ろう！ | Neganin(ネガニン)
2. ダウンロード 「jQuery」本体はダウンロードするか、Googleにホストされているファイルを読み込みましょう。 「Waypoints」のバージョンは3.1.1です。下記サイトからダウンロードし「lib」フォルダ内の「jquery.waypoints.min.js」を使用します。 jQuery Waypoints <header id="header"> <h1>Waypoints</h1> </header> <p id="text">jQuery Waypoints Demo</p> <div id="content"> <div id="wrapper"> <section class="section"> <figure class="thumb"><img src="img/thumb1.jpg"></figure> <h2>Title</h2> <p>Text Text
横並びの要素の高さを揃えるjQueryプラグイン「matchHeight」がレスポンシブでもバッチリ動いて素敵
高さが異なる要素を横並びにした時に、その高さを揃えたい–生きとし生けるもの全ての夢。 でまぁ今までとあるプラグインを利用していたのですが、レスポンシブで上手く動かないということでなんかいいやつ無いんかい、と探していたところjquery.matchHeight.jsというのを見つけました。 jquery.matchHeight.js – a more robust equal heights plugin for jquery 動き 簡単なデモページ作ってみましたのでどうぞ。公式でいいじゃんと思ったけど一応テストで作ったので。 デモページ 使い方 使い方も非常に簡単。liabru/jquery-match-heightからコードをダウンロードして、 [html] <head> <script type="text/javascript" src="http://ajax.googleapis
jquery.backgroundSize.js
Introduction background-size: cover; scales an image to cover entirely the background of a target element (the body of this page is styled this way). background-size: contain; scales an image to make it as big as possible but always entirely visible (or contained) in the background of a target element (this box is styled this way). background-size is available in IE9+, Firefox, Chrome, Safari and
JavaScriptで画面サイズを取得する | かえラボBlog
screen.width 画面幅 ： screen.height 画面高 ： screen.availWidth 有効画面幅 ： screen.availHeight 有効画面高 ： window.innerWidth 表示領域幅 ： （IE非対応） window.innerHeight 表示領域高 ： （IE非対応） window.outerWidth ウィンドウ幅 ： （IE非対応） window.outerHeight ウィンドウ高 ： （IE非対応） $(window).width() 表示領域幅 ： $(window).height() 表示領域高 ： document.documentElement.clientWidth 表示領域幅 ： document.documentElement.clientHeight
一行おきにテーブル行の色を変える - jQuery 日本語リファレンス
HOME'S賃貸 家賃相場 2008/03/28のデータより $(document).ready(function(){ // 偶数行の色を設定 $('table#stripe-table tr:even').css('background-color', '#666'); // 奇数行の色を設定 $('table#stripe-table tr:odd').css('background-color', '#333'); }); ここでは直接背景色を指定していますが、addClassなどを使って事前に定義されたスタイルを充てる方が、より実践的でしょう。 $(document).ready(function(){ // 偶数行にのみクラスを指定 $('table#stripe-table tr:even').addClass('even-row'); });
jQuery Sidebar
Usage This library depends on jQuery. Include the script file in your HTML page: ... <script src="path/to/jQuery-sidebar.min.js"></script> ... <div class="sidebar left">Hello World</div> <div class="sidebar right">I am on right!</div> <div class="sidebar top">I am on top!</div> <div class="sidebar bottom">I am on bottom!</div> ... <script> // Sidebar on left (default) $(".sidebar.left").sidebar().
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Using :focus to style outer div?
Airbnb Image Gallery