無料プラグイン / Unslider / RefineSlide他...全21件
![レスポンシブ対応のjQueryスライドショープラグイン総まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/9e7408f90bd6b9e722b9e061700f88fdaaae115e/height=288;version=1;width=512/http%3A%2F%2Fw3q.jp%2Fupload%2F2013%2F7%2F19%2Fl_2013-7-19_a7a8d54a698d40ba66ed727c910f30e0.jpg)
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 最近友人と『中学生円山』を観に行きました。 女性にはおそらく理解できないであろう「男子中学生あるある(主に下ネタ)」が盛り込まれていて、いい意味でヒドイ内容でした。もう一回観たい(´ω`) さて、今回は「HTMLとCSSはわかるけどjQueryってなにそれ、おいしいの」という方向けに、今日から使える簡単かつ便利な3つのメソッド「slideToggle/fadeToggle/toggleClass」をご紹介します。 こいつらを知っとくと下記のようなメリットがあります。。 アコーディオンメニュー、タブ、スマホサイトでよくある「上からスラスラ出てくるメニュー」とか実装できる 超シンプルな記述なので、今日から使える いやーこれは便利ですね。 というわけで、早速解説していきます。 【こちらもおすすめ】 超簡単jQ
写真 もっと医療面あなたのたん、色や粘り気は? 気道の異常知る「鏡」(2019/7/10) ねばねばしてのどに絡みつくたんは、口から肺への空気の通り道「気道」の異常を知らせるサインだ。4月には、世界初となるたんの診療指針ができた…[続きを読む] 唾液腺に石ができる「唾石症」 切除のリスクは?[どうしました](2019/7/10) 食に「罪の意識」オリンピック選手が語る6年間の無月経[ニュース・フォーカス](2019/7/8) ハンセン病家族訴訟、控訴せず 首相、人権侵害を考慮[ニュース・フォーカス](2019/7/9) 調理実習でジャガイモ食べた児童8人が入院 兵庫・宝塚[ニュース・フォーカス](2019/7/10) 手足口病が急増 鳥取県でも警報、注意呼び掛け[ニュース・フォーカス](2019/7/10) 糖質制限、長期継続で老化早まる恐れ マウス実験で判明[ニュース・フォーカス]
HTML に br という要素がありますね。 4.6 Text-level semantics — HTML5 The br element represents a line break. ということで、改行を表すということになってます。 以前は <br /> が不要なら <br /> を入れなきゃいいじゃない というだけの話だったんだけど、 最近これを有効にしたり無効にしたりと切り替えたくなることがあります。 例えばいわゆるレスポンシブデザインでサイトを組むときに 大きな画面なら表示範囲にゆとりがあるから改行を入れて広く使ってもいいけど スマートフォンなどの画面でそれをやると一目に入る情報量が減っちゃうから そのときだけ br をなかったことにしたいという具合に。 考えたこともやったこともなかったんだけど、 これ実に簡単な話でした。 display: none; にする 要するに br
「SPAM MUSEUM」とは、スパムメールや迷惑メールのランキングサイトです。人の心を動かす「面白い迷惑メール」まとめました。(スパムミュージアム)
プログラミングの基礎であるhtmlを勉強していると、必ず出てくる言葉がcss。 現代のwebサービスにおいて、htmlとcssはいわば兄弟のようなもので切っても切れない関係と言えるでしょう。 では、cssとはいったいどういうものなのでしょうか。 簡単に言うと、Webページの文字の色や大きさ、背景、配置といった見た目を設定する言語の一種です。 静的ページも動的ページも見た目の部分の多くはこのcssで制御されています。 もしcssを詳しく学ぶなら、独学もいいですがプログラミングスクールがおすすめです。費用は当然かかりますが、アドバイスがもらえることと、学習スケジュールが管理されるので、強制的に頑張れる仕組みが作れるのもメリットと言えるでしょう。 The post cssとは?使い方と学び方の基礎まとめ first appeared on プログラミング学習の窓口.
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは、アメーバ事業本部コミュニティ部門の加藤(@ktknest)です。 フロントエンドディベロッパーとして、GIRL'S TALKの開発・運用を担当しています。 GIRL'S TALKは女性だけの完全匿名掲示板サービスで、テキストを主とした構成になっています。それ故、グラフィカルな要素が少ないこともあり、運営側からのお知らせの表示に賑やかしの効果も持たせて、電光掲示板風のティッカーを採用しています。 そこで今回は、陰ながら活躍してくれている、このティッカーを表現するにあたっての、注意点や実装方法をご紹介したいと思います。 実装方法の検討まず、幾
PHP工房とは・・商用サイトに最適なPHPプログラムを配布、カスタマイズ、及び制作を行っています メールフォーム、ニュースCMS、写真ギャラリーCMS、カウンター系、カレンダーなどをメインに現在のホームページに組み込める様々なPHPプログラムを配布しています。PEARやその他特殊なライブラリ、データベース等は一切不要です。 データ保存が必要なプログラムはすべてテキストファイルでのデータ保存形式を採用しているので、設置が容易でサーバー間の問題も起きにくいため、サーバー移転時も全ファイルをそのまま移動するだけで簡単に移行可能です。 サーバーの要件は基本的に「PHPが動作すること」だけです。 レンタルサーバーであればPHPはほぼ100%動くでしょう。 プログラマー目線の自己満足的なものや、「そこは普通に考えてそうじゃないだろ~」的なもの、またややこしいプログラムが世の中には数多く存在しますが、W
エヌケー・テック株式会社は、「インターネット」という言葉が一般にあまり認知されていなかった、 1997年からホームページの制作に取り組み一般企業のお客様だけではなく、 官公庁や各種団体など、時代に合わせた様々なニーズにお応えして参りました。 長年培われたノウハウで、制作から運営・管理までお客様のホームページを完全サポートいたします。
LoRa 開発シールドのデータを enebular で受け取る By hrd_pk|5月 9, 2017|未分類, | 花粉がまだ名残惜しく思っているようで、鼻がまだむずむずしています。 ぽかぽか陽気が続いていますが、みなさんいかがお過ごし… Read More
Result jQuery//最初以外を隠す $('#faq .answer').not(':first').hide(); //クリックイベント $('#faq .question').click(function() { //スライドの処理 if($(this).next('.answer').is(':visible')) { $(this).next('.answer').slideUp(300); } else { $(this).next('.answer').slideDown(300).siblings('.answer').slideUp(300); } });css.question { padding:5px; font-weight:bold; font-family:Arial; font-size:14px; border:1px solid #ddd; ba
Tabby - Lightweight, mobile-first toggle tabs シンプルすぎるモバイルファーストなタブ実装jQueryプラグイン「Tabby」 次のようにボタンがあって、あって、ボタンを押すとコンテンツが切り替わるだけというシンプルな物が実装できます。 jQueryで自分で書くのも難しくなさそうですが、マークアップを書くだけで実装できるので非エンジニアな方には有用かも 実装用のマークアップ。マークアップがシンプルになりますね 関連エントリ タブ切り替え時のエフェクトがクールなタブUI実装jQueryプラグイン「Tabulous.js」 レスポンシブに使えるタブUI実装jQueryプラグイン「Easy-Responsive-Tabs-to-Accordion」
Webサイトにtwitterの「つぶやく」ボタンやfacebookの「いいね!」ボタンなどのソーシャルボタンを設置する場合、一つひとつコードを書いて設置するのは非常に骨が折れる作業です。 そこで、各種ソーシャルボタンをまとめて簡単に設置できてしまう便利なjQueryプラグイン「jquery.socialbutton」 をご紹介します。 使い方 使い方は非常に簡単です。 まず、<head>タグ内で以下のようにjQueryとjquery.socialbuttonを読み込みます。 [html] <script src=”js/jquery-1.x.x.min.js” type=”text/javascript”></script> <script src=”js/jquery.socialbutton-x.x.x.js” type=”text/javascript”></script> [/ht
display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く