Let it snow - CSSでWebサイトに雪を降らせよう
Webサイトに雪を降らせるような効果をみせるライブラリは幾つか存在します。多くはJavaScriptを使ってごりごりと実装するのですが、あまりスマートなやり方とは言えません。 今回紹介するのはLet it snow、スタイルシートを活用した降雪効果を見せるライブラリです。 Let it snowの使い方 デモのWebサイトです。 しばらく経ったところ。DOMの上に雪が積もっているのが分かるでしょうか。 アニメーションです。ちょっとずつ積もっているのが分かります。 Let it snowをずっと放置し続けてもどんどん積もるわけではありません。雪は消えたりしています。また、ピュアなCSSアプローチとありますが、一部でJavaScriptも使われているようです。 Let it snowはCSS3製のオープンソース・ソフトウェア（MIT License）です。 Let it snow trevan
PsiTransfer - 自前で立てるファイル共有サーバ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました メールなどで巨大なファイルを送りつけるのはあまり良いことではありません。受ける側は強制的に受信せざるを得ませんし、そのせいで大事なメールが受信できなくなってしまうかも知れません。そのため、送受信両方でメールのサイズ制限を設けていることはよくあります。 そんな時のために使えるのがファイルをシェアするサーバです。今回はPsiTransferを紹介します。 PsiTransferの使い方 最初の画面です。ファイルをドラッグ&ドロップで登録します。 ファイルを登録しました。保存期間やパスワードも設定できます。 アップロード中です。 アップロードが完了し、専用のURLが生成されました。 そのURLにアクセスするとパスワードが聞かれます。 パスワードが合っていればファイルがダウンロードできます
【jQuery】プラグインを使わずに、簡単にサイドからスライドして現れるメニューを実装する(ほぼCSS) | UNORTHODOX WORKBOOK | Blog
UNORTHODOX WORKBOOK BLOG TOP›Web Design›【jQuery】プラグインを使わずに、簡単にサイドからスライドして現れるメニューを実装する(ほぼCSS) 最近はモーダルっぽい感じでメニューをページ全体に表示するパターンが増えてる気がするし、もう随分色々な方法やプラグインがあって、かなり今さらなネタですけど、クリックでサイドからスライドして現れるメニューの新たな知見を得たので書き残しておきたいと思います。 「新たな知見」といっても、誰でも考えつくようなことで、そんなに大したことではなく、「あぁ、なるほど」とちょっと思った程度のことですが。。。 クリックでサイドから現れるメニューとは 何て言う名前なのか良く分からないので、デモを。デモページ右上の三つの四角いボタンをクリックすると、にょきっと横からスライドして現れるやつがそうです。 jQueryを利用していますが
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
【Labs】いろいろ組み合わせてパララックスレイアウト
6月更新・前月(5月)の人気記事トップ10 06/06/2024 ( 02 ↑) 【Labs】position:absoluteとwidth:100%を指定すると横幅の設定がうまくいかない場合の対処方法について ( 01 ↓) 【Mac】macOSをHigh SierraからMontereyにアップグレード ( 03 – ) 【Mac】Safariでソースコードを見る方法 ( 04 – ) 【jQuery】入門2. jQueryをHTMLに組み込む ( 05 – ) 【Mac】横画面で撮影した動画をYouTubeショート用にMacのiMovieで縦画面に編集する方法 ( 08 ↑) 【Labs】CSSだけでドロップダウンメニュー ( 09 ↑) 【Labs】PHPのエラー表示をなくす方法 ( 06 ↓) 【iPhone / iPad】iPhoneのツイッターアプリでユーザー名をコピーする方
jQuery.ssc.js - Social Shared Count
Social Shared Count Demo Can get the count that your URL has been shared on social networking sites. This is dependent on jQuery. Set up head inclusions[Local]: <link href="assets/css/style.ssc.min.css" rel="stylesheet" media="all"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="assets/js/dist/jquery.ssc.min.js"></script> head inclusions[CDN
どのやり方がいい？ ブクマしておくと便利なjQuery無限スクロールまとめ
WPJでも使っている「無限スクロール」。案件でいざ実装するとなってあちこち探しまわるのは面倒なもの。このページをブックマークしておくと便利ですね。 無限スクロール（Infinite scroll）は非常に一般的になった機能ですが、覚えておくと役立ちます。例えば、TwitterやFacebookなどもそうですが、ページ割りの仕組みがないWebサイトの場合です。また、サーチエンジンにも無限スクロールは有効です。無限スクロールにすれば、欲しいリンクが見つかるまでスクロールするので、ページごとで検索するよりサイト滞在時間が長くなります。もしプロジェクトで無限スクロールを使う必要がある場合は、以下に紹介する6つのデモをぜひ参考にしてみてください。 注意点として、6つめの例を除いてデモはすべてjQueryで書かれていて、いくつかはjQueryプラグインを使用しています。6つめの例は簡単にvanilla
STIMED.js | jQuery plugin for controlling CSS styles over time
STIMED.js jQuery plugin for controlling CSS styles over time. 00:00:00 Getting Started It's quite simple to use. Just follow these steps to make it work! 1. Download the Plugin 2. Include the Script to Header <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="stimed.min.js"></script> 3. Initialize & Create Styles var stimed = new $.stimed(); stime
医者として働き始めて不思議なこと
今年から研修医になって実際の医療現場の渦の中にいると不思議に思うことがいくつもある 最初に感じたのが医療行為の不思議さだ 自分が経験した科が内科だからかもしれないが毎日パソコンを弄っているだけで患者が治っていくのである 外来で経過を見ていた患者が肺炎を起こし呼吸困難になったので入院した 私は取り敢えず点滴のための静脈路確保のため患者さんに針を刺した 針を刺したら逆血が来たので静脈と針先が繋がったことが確認できたら否や、ナースさんは「あとはやっておきます」 といって交代してくれた その間に私は電子カルテで「オーダー」を出す 呼吸困難なので酸素マスクの指示を入れる。 発熱があるので一応血にばい菌がないか「血液培養」を取る。培養を取れたことを確認しだい「抗生剤を食塩水に混ぜて点滴に入れて下さい」と指示を入れる。 その後、他の患者さんの作業があって入院患者さんの元を離れたのだが、その数十分後に入院
AWSが不正利用され300万円の請求が届いてから免除までの一部始終 - Qiita
前置き 情けないことだが、自身の過失により、GitHubで長年Privateリポジトリで運用していたリポジトリを、とある事情でpublicに変更したのだが、その中にAWSのS3のアクセスキーとシークレットキーがファイルに直接ハードコーディングされているのにすっかり気づかず、自身のAWSのアクセスキーとシークレットキーが流出してしまうという失態を起こしてしまった。 その不正利用により届いた請求金額は約300万円。請求を見た時は頭が真っ白になり冷や汗ものだったが、過去に同様のミスとその状況と対応をまとめてくださっていた方々のおかげで、なんとか深呼吸して対応することができたので、自分も少しでも今後起きうる同様の状況の方に対する助けになればと、一部始終を共有しておくことにしようと思う。 初心者がAWSでミスって不正利用されて$6,000請求、泣きそうになったお話。 AWS で不正アクセスされて凄い
Gigandect on Twitter: "こんなの笑うでしょ… https://t.co/hlkfUcr1gK"
こんなの笑うでしょ… https://t.co/hlkfUcr1gK
知っていると役に立つ、Dropbox Paper のツウな機能 10 選
0 0 220 0 Dropbox Paper はただのドキュメント ツールではありません。アイデアを出しあいながら共同作業をするための自由なワークスペースです。簡単に始められる Paper ですが、使えるツールを少し増やせばさらに便利になります。基本機能だけではなく、もっと Paper を使いこなしたいとお考えの皆様に、10 種類のツウな機能をご紹介します。 1. テキストをハイライトする 長いドキュメントを作成したけれど、チームに見てもらいたいのは重要なフレーズ数か所だけ。そんな時は、特定のテキストをハイライト表示できるキーボード ショートカット（Mac では cmd + E、Windows では Ctrl + E）を活用しましょう。これで読む相手の時間も節約できます。 2. リンクを手早く作成する リンクを付けたい時は、テキストに URL を貼り付けるだけで完了です。後は Paper
Engadget | Technology News & Reviews
Nintendo Switch 2: Everything we know about the coming release
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://blog.mismithportfolio.com/web/20150917slickjs
背景いっぱいに画像や動画のスライドショーを表示できるjQueryプラグイン Vegas Background SlideShow
あなたの「その仕事」にkintone（キントーン）|あなたのその仕事を３分でカイゼン
https://qiita.com/mzyy94/items/72089df3269eb6b4b1e1