タグ エレメント
人気順 10 users 50 users 100 users 500 users 1000 users「アクエリオン」新作ビジュアル&PV公開、主人公は花守ゆみり 新たなアクエリオンも(コメントあり / 動画あり)
2025年1月から放送される「想星のアクエリオン Myth of Emotions」は、「アクエリオン」シリーズ最新作。優秀な子供たちが集められた私立江ノ島学園で、特殊強化クラスの生徒“エレメント”に選ばれた主人公・オオトリサッコらが、“ベクターマシン”を操縦して“神話獣”と戦う物語が展開される。キービジュアル第2弾には江の... 続きを読む
YAMAHA REVSTAR RSE20 NYW レビュー:エレメントシリーズの音質と性能を徹底解説! | ギターいじリストのおうち
YAMAHA (ヤマハ) のエレキギター REVSTAR (レヴスター) より、RSE20 NYW をレビュー!エレメントシリーズはチェンバーボディによる豊かな音鳴りと取り回しの良さが魅力!アコースティック・デザインによるパワフルな音質と性能を深掘りしながら徹底解説! 続きを読む
【2022年新書体】筑紫AMゴシック | Fontworks
Geometricな欧文に筑紫らしさを 組み合わせた書体 “Antique”な骨格 “Modern”なエレメント 筑紫AMゴシック 筑紫AMゴシックは、アンティークな⾻格を持ち、スッキリとしたモダンなエレメントでデザインした⾓ゴシック体です。 今までの⾦属活字の流れを受けたオールドな⾓ゴシック体や、近年のモダンな⾓ゴシック体とは⼀... 続きを読む
ゲームの面白さとは何か? - 7つのエレメントと対応するゲームジャンル|Jey.P.|note
世の中には様々なゲームがあり、ゲームごとに多様な面白さがあります。面白さの追求や議論には「面白さ」とは何か正確に把握することが不可欠ですが、「面白さ」は人によって捉え方の異なる概念です。 この記事ではゲームの面白さをいくつかの構成要素に分解し、ゲームジャンルを構成要素の組み合わせとして捉えることで... 続きを読む
増田は「四つの力」を知らないのかな? 火、水、風、土のエレメントが森羅..
増田は「四つの力」を知らないのかな? 火、水、風、土のエレメントが森羅万象には備わっているとされているんだ。 次亜塩素ナトリウムには「風」のエレメントが装備されていて、アクティブスキルとしては電磁バリア(スキルコスト:2ターン)が使えるんだ。 この電磁バリアスキルは「スキル発動後、近くにいる質量N未満... 続きを読む
ファスナー・チャックの不具合は修理できる!リップクリームが使えます!|RELIVERS
ファスナー・チャックの不具合は修理できる!リップクリームが使えます! ■ファスナー・チャックは「エレメント」と「スライダー」から成る ■エレメントとスライダー自体の問題ならラジオペンチで自分で修理 ■布を噛んでしまったときの直し方は水平に引っ張るのが大切 急いでファスナーを閉めたら動かなくなった……なんて経験、あるんじゃないですか? 『ガチっ』なんて音を出した後、うんともすんとも言わなくなることが... 続きを読む
「jQuery 3.3」リリース | OSDN Magazine
jQuery Foundationは1月19日、JavaScriptライブラリ「jQuery 3.3」を公開した。エレメントに紐付けられているクラスの操作を行うメソッドが配列を引数として受け付けるようになるといった変更が加わっている。 jQueryはさまざまなWebブラウザに対応するJavaScriptライブラリ。HTML要素の操作やイベント処理などを容易に実装できる。jQuery 3.3は201... 続きを読む
[CSS]便利なのが登場!レイアウトやUIコンポーネント用のスタイルシートが簡単にまとめて利用できる -Tailwind CSS | コリス
既存のページに外部CSSを加えるだけで、最近のWebサイトやブログで見かけるさまざまなコンポーネントやエレメント、Flexboxベースの柔軟なレイアウトをカスタマイズできるスタイルをまとめたCSSのフレームワークを紹介します。 Flexboxを使ってみたい、天地の中央に配置したい、シャドウを加えたい、レスポンシブ対応のナビゲーションを備えたいなど、簡単に利用できます。 デザインにも幅広く対応してい... 続きを読む
目から鱗のCall to Action!「良い」CTAとは何かを教えてくれるユニークな例10選|SeleQt【セレキュト】
良いコール・トゥ・アクション(CTA;ユーザのアクションを喚起するエレメント)は、Webサイト上のさまざまな要素の目的を統合する留め金のようなもので、サイトがユーザに何を求めているかを、ユーザに対して効果的に示すものです(例;「Buy this book」「download our free guide」「contact us for more information」など)。 しかしときに、どう... 続きを読む
【モバイル×アニメーション】デザイナー要確認!モバイルアプリにおけるアニメーション使用の基本的考え方!!|SeleQt【セレキュト】
iPhoneやモバイルアプリの登場以来、「アニメーション」はすっかりインターフェイス・デザインの重要な構成要素になりました。 それは、アニメーションが、作品に「時間」というエレメントを付加することによって、人間の現実的な感覚とソフトウェアとの間にどうしても存在する大きな「ギャップ」に、「橋」をかけてくれるからです。 ユーザを喜ばせるようなエクスペリエンスのためにモーションが欠かせないのも、ここに理... 続きを読む
プロペラがすごい!よく使うUI要素にあったデザインやアニメーション、レイアウトが簡単に利用できる -Propeller | コリス
最近見かける美しいデザインや気持ちいいアニメーション、レスポンシブ対応のコンポーネントやエレメント、Flexboxベースの柔軟なレイアウトなど、人気が高いテクニックを効果的に取り入れて制作されたHTMLとCSSベースのフレームワークを紹介します。 Propeller Propeller -GitHub Propellerの特徴 Propellerのスタイル・コンポーネント Propellerの特徴... 続きを読む
ブルマがすごい!外部CSSを一つ加えるだけで今時のコンポーネントやエレメント、レイアウトが簡単に利用できる -Bulma | コリス
外部CSSを一つ加えるだけで、最近よく見かけるさまざまなコンポーネントやエレメント、Flexboxベースの柔軟なレイアウトが簡単に利用できるCSSのフレームワークを紹介します。 一部だけ利用してもよし、もちろん全部を利用 ...記事の続きを読む 続きを読む
これは面白い!Photoshopで高性能なHTML/CSSエディタが使えるようになるプラグイン -HTML Block | コリス
PhotoshopのPSD上に、HTMLとCSSのコードでエレメントを作成できるPhotoshopのプラグインを紹介します。 外部スタイルシートにも対応した高性能で、Bootstrapのエレメントをといった使い方もできます。 HTML Block HTML Blockの特徴 HTML Blockのダウンロードとインストール HTML Blockの使い方 HTML Blockの特徴 HTML Blo... 続きを読む
最近のWebデザインで採用されているレイアウトやコンポーネントが豊富に揃ったPhotoshopとSketchの素材 -Baikal | コリス
縦長ページ、マガジンスタイル、カード型レイアウト、ランディング、コマース、ブログ、ポートフォリオなど、最近のWebデザインで見かけるレイアウト、ヘッダやフッタ、エレメントのバリエーションが豊富に揃ったコンポーネントベースのUI素材を紹介します。 しかも、商用利用できる全揃いセットをコリスのビジターにプレゼント! 勉強にもよし、そのまま使ってもよしの素材です。 Baikal – Component ... 続きを読む
Sketchを更に便利にパワーアップするプラグインのまとめ | コリス
Sketch Toolbox (無料) Photoshopで言うところのExtension Managerで、Sketch用のプラグインマネージャーです。プラグインを探すのにもインストール・アンインストールするのにも非常に便利なアプリです。 Sketch Measure (無料) テキストやエレメントなど、さまざまなオブジェクトのサイズ、形、カラー、エフェクト、フォントの種類・サイズなどの情報を1... 続きを読む
F1:エンジンペナルティの見直しを検討 【 F1-Gate.com 】
論争となっているF1のエンジンペナルティシステムが見直される見通しとなった。 今年の規則ではパワーユニットの6つのエレメントをそれぞれシーズンの中で4つまでしか使用できず、5つめ以上になるとペナルティを受けなければならない。 今年のグリッドに20台しか並んでいないが、F1オーストリアGPではマクラーレン・ホンダの2台がそれぞれ25グリッド降格ペナルティを科せられた。 さらにグリッド降格で消化できな... 続きを読む
[JS]物理法則に基づいたさまざまなアニメーションを実装できるスクリプト -Dynamics.js | コリス
デモページ 物理法則に基づいたさまざまな動きは、ブルーのプルダウンからいろいろ試すこともできます。 Dynamics.jsの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <body> ... コンテンツ ... <script src="dynamics.js"></script> </body> Step 2: JavaScript 適用するエレメントを指定... 続きを読む
この手描き素材カワイイ!花・葉・羽・リボンなどが丁寧にかわいく描かれたベクター素材 | コリス
Webページやブログに、そして招待状、ハンドクラフトのアイテム、ロゴのデザイン、ブランディングのエレメントにも使える、花、葉、羽、花輪、花冠、月桂冠、リボンなど、完全手描きのベクター素材を紹介します。 通常は有料ですが今...記事の続きを読む 続きを読む
ログイン不要で使えるシンプルなフローチャート作成ツール・「draw.io」 - かちびと.net
draw.io draw.ioはログイン不要で使えるフローチャート作成ツールです。用意されているエレメントやテンプレートも豊富でインターフェースも日本語に変更出来ますので気軽に使えそうです。Google DriveやDropboxへインポート/エクスポートする事も出来る他、iframeによる埋込にも対応しています。また、Githubにてクリエイティブコモンズライセンスの元、ソースコードも公開されて... 続きを読む
無料で高品質なワイヤーフレーム素材!iOS8でよく使用されるエレメントが揃ったPSDとSketchの素材 -UXPin | コリス
スマホやWebなどのUXデザイナーのためのプロフェッショナルツールを数多くリリースしている「UX Pin」の中の人から、「iOS 8のワイヤーフレーム素材をリリースしたよ」と連絡を受けたのでご紹介。 UI/UXを研究して...記事の続きを読む 続きを読む
デザインの参考になるUIエレメントが揃ってる!次のプロジェクトに役立つユーザインターフェイス用の無料素材 -Elixir | コリス
さまざまなバリエーションが揃っており、デザインのクオリティも素晴らしく、商用サイトにもそのまますぐに利用できるUIエレメントが揃ったPhotoshopのPSD素材を紹介します。 単に使用するだけでなく、レイアウトのバリエーション、エレメントの展開など、デザインの勉強にも役立ちます。 Elixir -PSD UI Kit デモ版と有料版があり、デモ版でもその充実度はかなりのものです。 ダウンロードで... 続きを読む
iOS8のデザインに役立つ!iPhone 5s/6/6Plusでの主要なエレメントが揃ったPSDとSketchの無料素材 -iOS8 UI Design Kit | コリス
スマホやWebなどのUXデザイナーのためのプロフェッショナルツールを数多くリリースしている「UX Pin」の中の人から、「iOS 8のUIキットをリリースしたよ」と連絡を受けたのでご紹介。 UI/UXを研究している彼らな...記事の続きを読む 続きを読む
[JS]フォームのさまざまなエレメントを異なるブラウザ・スクリーンで同じように美しく表示させるスクリプト -Formplate | コリス
デモ:Safari/OS Xで表示 フォームの見た目はどのブラウザでも美しく表示されていました。スクリーンサイズを変更しても同様に美しく表示されます。 Formplateの使い方 Step 1: 外部ファイル 当スクリプト・スタイルシートとjquery.jsとModernizrを外部ファイルとして記述します。 <head> // Required javascript <script src="j... 続きを読む
Webページでよく使うさまざまなコンポーネントが簡単に利用できるCSSベースのフレームワーク -Materialize | コリス
最近のWebページでよく使用されているさまざまなコンポーネントやエレメントがフラットにデザインされたCSSベースのフレームワークを紹介します。 オープンソースで、個人でも商用でも無料で利用できます。 Materialize Materialize -GitHub MaterializeはGoogleが提唱する「Material Design」をベースに、ユーザエクスペリエンスにフォーカスされたCS... 続きを読む
スタイルガイドや指示書に便利!エレメントやマージンのサイズを書き出してくれるPhotoshopのスクリプト -Size Marks | コリス
エレメントやマージンなど、指定した箇所のサイズを新規レイヤーに書き出すPhotoshopのスクリプトを紹介します。 個人でも商用でも無料で利用でき、ライセンスはMIT licenceです。 Size Marksを使ってるアニメーション(偶然両方とも173pxになってびっくり!) 以前紹介したInkも同様にサイズを書き出してくれますが、ベクターとテキストのデータのみです。エレメントがベクターならIn... 続きを読む