What CMS?は任意のWebサイトで使っているCMSやプログラミング言語などをチェックできるWebアプリです 500ほどのCMSのデータがあり、その中から使われているCMSがあるかチェック、情報を提供してくれます この点のツールはブラウザの拡張機能でよく見られますが、こちらはCMS特化タイプで、割とマイナーなCMSも調査できるようになっています 主な特徴 試しに、いつもお世話になっているunsplashでテストしてみました。結果によると、サーバーはErlang製のCowboy、Node.jsのWebフレームワーク・Expressが使われており、特定のCMSは使われていない(あるいは独自のCMSや未検出のCMS)事が分かりました。 いろいろなWebサイトでテストしてみましたが、検出率はかなり高めな印象でした。尚、Github pageやMediaWikiなどもCMSとして検出されます。
Result よく見かけるスクロール時のストーカーコンテンツをCSSだけでやろうという内容です。 特にトリックでもなんでもないのすが、position: sticky;使えば一部のブラウザを除いて実装できるようになりましたので使用例的な記事です。 position: sticky;に関してはtableのネタでも以前書きましたので参考になりましたら幸いです。 position: sticky;でtableを下スクロール時はヘッダ、横スクロール時は最左を固定 cssaside h3 { background: yellow; position: -webkit-sticky; position: sticky; top: 0; }html<article> <section>foo</section> <aside> <h3>bar</h3> </aside> </article>can i
bootstrap.buildはBootstrap4のテーマビルダーです。OSSとしてソースも公開されています。コアの設定だけでなく、各コンポーネントの設計も可能で、コンポーネントごとに設定ページも分けられているので作りやすい印象です。Googleフォントやカラーピッカー、SASS等もサポート。この性能でOSSは凄いですね。ライセンスはMIT。 bootstrap.build ご挨拶。本年の更新は以上となります。見てくださった方、ありがとうございました。 少しご意見も頂き、今年中に多少改善できたかなと思います。 なかなか時間が取れず淡々と更新する日々ですが、来年もなんとか暇を見つけて改善していきたいと思います。 新年は4か5日あたりから再開いたします。2018年もどうぞよろしくお願いいたします。
Modaalはウェブアクセシビリティを重視した使いやすいモーダルウィンドウです。WCAG 2.0の達成基準レベルAAをクリアしているそうで、全ての人にとってアクセスブルであると謳っています。jQuery依存っぽいのでこの時点ではい解散って方もいるかもしれませんが。 設定は基本的にカスタムデータ属性を利用して実装します。HTML(iframe)や動画、画像、複数画像によりイメージギャラリー、Confirmationなどの確認ダイアログ、Instagramなどもサポートされています。使った感じクセもなく個人的には良さげな印象でした。ライセンスはMIT。 Modaal いつもご覧頂きありがとうございます。 どうぞよいクリスマスをお過ごしください。
paroller.jsは手軽に導入できるパララックススクリプトです。jqueryに依存します。スクリプトを読みこんで設定、対象の要素に指定されたカスタムデータ属性を付与するだけと、楽に導入できるのが魅力です。この手のは沢山あるのでお好みで。ライセンスはMIT。 paroller.js
tuesdayは任意の要素にアニメーションエフェクトを手軽に付与出来るスタイルシートです。上デモのように、CSSによるアニメーションエフェクトを、classを与えるだけでアニメーションによる表示、非表示が出来るようになります。表示確認はResultで。他にも同じようなライブラリはあるのになぜ今更作ったか、に関してですが、既存のものは遷移時間が長く取られていて使いにくいと感じていたため、短時間のライブラリを作ったそうです。また、classもユニークなプレフィックスを付けているので衝突する事もおそらく無いだろうとの事でした。確かに主張の強いアニメーションはストレスになる事も多々ありますね。ライセンスはMIT。 tuesday
Progress Navはスクロールとともにナビゲーションに現在地を明示するスクリプトです。上の動作サンプルのようにスクロールに合わせてナビゲーションに用意したバーが動いて現在地を教えてくれる、というもの。この手のは同じように明示する方法ありますけど、この方法も悪くないと思ったので備忘録。 Progress Nav On Github
Vidage.jsはフルクリーンで動画を背景にするスクリプトです。スマフォなどのモニタサイズが狭いデバイスなどでは画像が背景になるようにするようです。ファイルサイズは圧縮版で4.7kbほど。非依存型なので単体で動作してくれます。手軽で良いんじゃないでしょうか。ライセンスはMIT。 Vidage.js
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く