WebSlides - 多彩な表現が可能なHTMLプレゼンテーションフレームワーク MOONGIFT
プレゼンテーションというとPowerPointやKeynoteで作ることが多いですが、HTMLでのプレゼンテーションも使われるようになっています。しかし表現力があまり高くなく、シンプルなスライドが多かったように思います。 そこで使ってみたいのがWebSlidesです。これまでにないほど表現力の高いHTMLスライドが作れるフレームワークです。 WebSlidesの使い方 例えばこんな表示。大きな画像を背景に当てています。 クラスも多数用意されています。 2つのカラムでの表現。ソースコードをハイライトできます。 上下左右、どこでも自由に記述できます。 左寄せ。 3カラムでのグリッド表示。 地図表示の例。 ナビゲーション。 Apple風のクラスが用意されています。 なんとなくそれっぽいですよね。 こんな表示も。HTMLならではですね。 Webサイトにも使えそうなデザインです。 表現という意味にお
TensorFlow.js - Webでも機械学習。JavaScript版TensorFlow MOONGIFT
TensorFlowと言えば機械学習を行うソフトウェアで、多くのサービスやソフトウェアの基盤に使われています。環境を整えるのは若干大変ですが、Dockerイメージもあります。GPUなどのハードウェアさえ用意できれば、利用するまでの敷居はずいぶん低くなっています。 そんなTensorFlowをWebブラウザベース、WebGLで使えるようにしたのがTensorFlow.jsです。 TensorFlow.jsの使い方 こちらはデモです。絵文字に合ったものを見つけてカメラに写すというゲームです。 例えばキーボードの絵文字の場合。認識精度は高いです。 トレーニング機能付きのパックマン。そもそも操作が難しかったりします。 3つのポージングに合わせて出力が変わるものです。サンプルはカメラから一気に取得します。 それぞれの状態に応じて認識率が変わっていくのが分かります。 できあがったモデルを使って動画を作
Sufee Admin - Bootstrap4対応の多機能ダッシュボードデザインテンプレート MOONGIFT
Bootstrap4がそろそろ本格的に導入されるようになっています。後方互換性がないため、これまでのテンプレートが使えなくなってしまったのが残念です。しかし、これによって新しいチャンスが生まれたとも言えるでしょう。 Sufee AdminはBootstrap4向けの管理ページテンプレートになります。今後のことを考えるならばBootstrap4対応版を使うのが良いでしょう。 Sufee Adminの使い方 ダッシュボードです。数値をリアルタイムに更新できます。 テーブル。 ボタン。 バッジ。 タブ。 カード。 ダッシュボードの表現も様々です。 グラフはChart.js/Flow Chart/Peity Cartに対応しています。 地図表示。 ログインページ。 Sufee Adminを使うことで、サイドメニューがあるタイプの管理画面が簡単に構築できます。多くのシステムでは管理画面のデザインまで
hello.js·各種ソーシャルプロバイダの認証をまとめるJavaScriptライブラリ MOONGIFT
今はソーシャルサービス全盛とあって、FacebookやTwitterなどと連携してサービスを提供するのが一般的です。しかし各プロバイダーの接続を一元化したりするのはちょっと面倒に感じていることでしょう。 そこで使ってみたいのがhello.jsです。多数のソーシャルプロバイダーをひとまとめにしてくれるJavaScriptライブラリです。 hello.jsの使い方 hello.jsの良いところはJavaScriptベースということでしょう。 こんなに多くのソーシャルプロバイダーに対応しています。 例えばFacebookでログインした場合。 アイコンや名前が取得できています。 他のサービスでも同様です。 Facebookの場合はJavaScript向けのAPIが公開されていますので、それを使っています。対してTwitterなどの場合はプロキシサーバを立てて、そこでキーを生成するようになっています
CodePenだけじゃない！ブラウザー上でサクッとコードを書けるプレイグラウンド7選
コードの動きをすぐに確かめたいときに便利なのが、Webブラウザーで使えるプレイグラウンドサービス。主要な7つのサービスを紹介します。 フロントエンドのコードを試せるサービスは数多くあります。多くはクイック＆ダーティ（汚くても良いから手早く）で、クライアント側のコードをほかの人と共有します。 主な機能は、 色分けされたHTML、CSS、JavaScriptのエディター プレビューウィンドウで更新せずに変更が確認できる HTMLプリプロセッサー、たとえばHAMLなどに対応 CSSプリプロセッサー、LESS、SASS、Stylusなどに対応 人気のJavaScriptライブラリーが使える 開発者用コンソールと検査ツール ショートURLによる共有 別ページへの埋め込みによるデモ コードのフォーク 基本は無料（プレミアム機能のみ有料） 世の中にあなたの腕前を見せつける です。 面倒なファイル作成やI
コード共有サイト Codepen で2015年に話題となった投稿ベスト100
HTMLなどのコードをブラウザ上で確認ができ、公開や共有もできるCodepen。その中でも、2015年のあいだに特に人気の高かったコードを、ランキング形式でまとめた The Most Hearted of 2015 が発表されていたので、今回はその中でも特に印象的だった、クリエイティブな作品をいくつかピックアップしてご紹介します。 やはり話題性の高い、最先端テクニックを駆使した投稿が中心にまとめられています。HTML/CSSやJSなどのコードを確認することができるので、今後のデザイン制作に活用してみてはいかがでしょう。 詳細は以下から。 コード共有サイト Codepen で2015年に話題となった投稿ベスト100 ページの読み込みに時間がかかる恐れがあります。しばらくしてからスクロールすることをオススメします。 100位 Calendar Widget HTML/CSSのみで作成された、
loadergenerator.com - このウェブサイトは販売用です！ - generate spinner loader activity loading indicator progress bar リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
driveway - CSSだけで作られたMasonry
Pinterestで表示で一躍人気になったのがMasonryと言われる表示です。幅は固定しつつ、高さをずらして表示することで変化による印象付けを与えられます。女性向けのメディア、写真を多用するサイトで使われています。 多くがJavaScriptを使って表現するのですが、今回紹介するdrivewayはCSSだけで実現されています。 drivewayの使い方 デモの表示です。JavaScriptはオフになっています。 CSS3のアニメーションを使うことでフリップしたり、マウスフォーカスを実現しています。 drivewayが便利なのはJavaScriptがオフであっても利用できることです。もちろん、JavaScriptが自動的に行っていた部分は調整する必要があるかも知れません（画像の高さを予め割り当てるなど）。しかしdrivewayの方がデザイナーの方にとってはカスタマイズしやすく、使いやすいの
eCards - 送ろう！Web上でeカード作成 MOONGIFT
誕生日やクリスマスなどに、西洋ではグリーティングカードを送ります。日本でも売られてはいますが、年賀状ほど有名ではないでしょう。そして、最近ではもっと手軽にeカードが使われるようになっています。 今回紹介するeCardsはWeb上でeカードを作成できるソフトウェアになります。 eCardsの使い方 メイン画面です。テーマから選んだり、自分で好きな画像を指定できます。 テーマを選んでみたところです。 日本語も使えますが、フォントが指定できません。 文字を傾けることもできます。 文字の縁取りなど、細かいカスタマイズもできます。 背景画像も変えてみました。 できあがった画像です。テキストに意味はありません。 eCardsを使うとプレゼンテーションのスライドを作るような感覚でeカードを作成できます。すべてWeb上で完結していて、画像の生成までWeb上でできています。Webブラウザさえあれば使えるのが
Konva - Canvas上で2Dを描くのに便利なライブラリ
HTML5の表現力を引き上げる技術にCanvasがあります。しかし使うこなすためには覚えるべきことがたくさんあります。DOMで作るようにCanvasは使えないのが難点です。しかしCanvas用のライブラリも多数存在します。 今回はその一つ、Konvaを紹介します。2D向けのCanvas用ライブラリです。 Konvaの使い方 デモです。ルーレットが回転します。 回転している様子。 手書きができるデモ。 画像のサイズ変更。 ベジェ曲線。 絵合わせゲーム。 Konvaは描画するだけでなく、インタラクティブな操作にも対応しています。デスクトップはもちろん、モバイルブラウザにも使えます。レイヤーをサポートし、様々なシェイプをサポートしています。Canvasを使う際にはぜひKonvaと組み合わせてみてください。 KonvaはJavaScript製のオープンソース・ソフトウェア（MIT License）
tScroll - 多彩なテキストアニメーションライブラリ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 単なるテキストだと見過ごされてしまうかも知れません。そこで必要になるのが目立たせるための工夫です。文字の色を変えたり、フォントを変えたりすることもできますが、ちょっと安っぽくなってしまうこともあります。 そこで使ってみたいのがtScrollです。文字をアニメーションさせることで印象づけるテクニックが使えます。 tScrollの使い方 デモです。アニメーションGIFではちょっと分かりづらいですが、手前から降ってくるような感じです。 下から出てくるアニメーション。 右からスライド。 こちらも下から。 回転しながら。 横回転。 手前に迫ってくる感じ。 tScrollでは様々なアニメーションがあらかじめ登録されているので、それらを指定するだけでインパクトある表示が実現します。JavaScr
「編集の赤字は無視」「OKが出た後に内容を変える」 型破りすぎるマンガ『このかけがえのない地獄』の作り方
※本記事はアフィリエイトプログラムによる収益を得ています 潤んだ目に眼鏡をかけ、リボンをつけた三つ編みの女の子（巨乳）が、こっちを見つめている……。そんな「意味深」なイラストが印象的な短編集『このかけがえのない地獄』（電撃コミックスNEXT・KADOKAWA）が、ひそかに話題を集めています。 鮮烈な表紙 バラバラの媒体で描かれた収録作に出てくるのは、かわいいけれど一癖も二癖もある女の子たち。「なんだこれは!?」と言いたくなるような、ひねりのあるストーリーにうならされ、既刊を調べてみても、情報はなく……。果たして作者のアッチあいとは何者なのか？ 気になったので直接本人に会ってインタビューしてきました。収録作の「黙れニート」の出張掲載とあわせ、魅力をたっぷりとお届けします！ ※レビュー：「恋人でもない男におっぱい揉ませて悔しくないの？」ラブコメの“舞台裏”を暴く!? そして掟破りの衝撃エンドへ
「OCTOPATH TRAVELER」“紹介映像5月編”の補足情報が公開。広大な世界でどこに行き，誰を仲間にするかはプレイヤーの手に委ねられる
「OCTOPATH TRAVELER」“紹介映像5月編”の補足情報が公開。広大な世界でどこに行き，誰を仲間にするかはプレイヤーの手に委ねられる 編集部：御月亜希 スクウェア・エニックスは本日（2018年5月21日），7月13日に発売を予定しているNintendo Switch用RPG「OCTOPATH TRAVELER」の“紹介映像5月編”を補足する情報を公開した。 まずは，紹介映像5月編で公開された，学者のサイラスと神官のオフィーリアについて。サイラスは，「探る」のフィールドコマンドで情報を得られるほか，学者のアビリティにより，火・氷・雷属性の魔法攻撃で敵を一掃できる。一方オフィーリアは，「導く」のフィールドコマンドで人々を同行させたり，アビリティて仲間を回復させたりと，神官らしい能力のキャラクターとなっている。 サイラスとオフィーリアの公開で，本作に登場する8人の主人公の情報が出揃った
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - atashbahar/ecardcanvas: HTML5 Canvas eCard Editor
GitHub - Netflix/falcor: A JavaScript library for efficient data fetching
GitHub - Netflix/flamescope: FlameScope is a visualization tool for exploring different time ranges as Flame Graphs.
GitHub - Netflix/vizceral: WebGL visualization for displaying animated traffic graphs
GitHub - Netflix-Skunkworks/stethoscope: Personalized, user-focused recommendations for employee information security.
GitHub - Netflix/vector: Vector is an on-host performance monitoring framework which exposes hand picked high resolution metrics to every engineer’s browser.
Full Page Slideshow
Apple like slide show
Responsinator