はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ エレメント

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 160件)

「アクエリオン」新作ビジュアル&PV公開、主人公は花守ゆみり 新たなアクエリオンも(コメントあり / 動画あり)

2024/11/07 このエントリーをはてなブックマークに追加 109 users Instapaper Pocket Tweet Facebook Share Evernote Clip アクエリオン 主人公 花守ゆみり 新作 PV公開

2025年1月から放送される「想星のアクエリオン Myth of Emotions」は、「アクエリオン」シリーズ最新作。優秀な子供たちが集められた私立江ノ島学園で、特殊強化クラスの生徒“エレメント”に選ばれた主人公・オオトリサッコらが、“ベクターマシン”を操縦して“神話獣”と戦う物語が展開される。キービジュアル第2弾には江の... 続きを読む

YAMAHA REVSTAR RSE20 NYW レビュー:エレメントシリーズの音質と性能を徹底解説! | ギターいじリストのおうち

2024/07/29 このエントリーをはてなブックマークに追加 31 users Instapaper Pocket Tweet Facebook Share Evernote Clip YAMAHA エレキギター アコースティック 音質 ヤマハ

YAMAHA (ヤマハ) のエレキギター REVSTAR (レヴスター) より、RSE20 NYW をレビュー!エレメントシリーズはチェンバーボディによる豊かな音鳴りと取り回しの良さが魅力!アコースティック・デザインによるパワフルな音質と性能を深掘りしながら徹底解説! 続きを読む

【2022年新書体】筑紫AMゴシック | Fontworks

2022/03/23 このエントリーをはてなブックマークに追加 9 users Instapaper Pocket Tweet Facebook Share Evernote Clip Fontworks 欧文 modern 筑紫 書体

Geometricな欧文に筑紫らしさを 組み合わせた書体 “Antique”な骨格 “Modern”なエレメント 筑紫AMゴシック 筑紫AMゴシックは、アンティークな⾻格を持ち、スッキリとしたモダンなエレメントでデザインした⾓ゴシック体です。 今までの⾦属活字の流れを受けたオールドな⾓ゴシック体や、近年のモダンな⾓ゴシック体とは⼀... 続きを読む

ゲームの面白さとは何か? - 7つのエレメントと対応するゲームジャンル|Jey.P.|note

2020/11/07 このエントリーをはてなブックマークに追加 9 users Instapaper Pocket Tweet Facebook Share Evernote Clip 議論 概念 追求 捉え方 構成要素

世の中には様々なゲームがあり、ゲームごとに多様な面白さがあります。面白さの追求や議論には「面白さ」とは何か正確に把握することが不可欠ですが、「面白さ」は人によって捉え方の異なる概念です。 この記事ではゲームの面白さをいくつかの構成要素に分解し、ゲームジャンルを構成要素の組み合わせとして捉えることで... 続きを読む

増田は「四つの力」を知らないのかな? 火、水、風、土のエレメントが森羅..

2020/04/15 このエントリーをはてなブックマークに追加 16 users Instapaper Pocket Tweet Facebook Share Evernote Clip 森羅 増田 森羅万象 電磁バリア 近く

増田は「四つの力」を知らないのかな? 火、水、風、土のエレメントが森羅万象には備わっているとされているんだ。 次亜塩素ナトリウムには「風」のエレメントが装備されていて、アクティブスキルとしては電磁バリア(スキルコスト:2ターン)が使えるんだ。 この電磁バリアスキルは「スキル発動後、近くにいる質量N未満... 続きを読む

ファスナー・チャックの不具合は修理できる!リップクリームが使えます!|RELIVERS

2018/01/30 このエントリーをはてなブックマークに追加 37 users Instapaper Pocket Tweet Facebook Share Evernote Clip スライダー ラジオペンチ RELIVERS リップクリーム

ファスナー・チャックの不具合は修理できる!リップクリームが使えます! ■ファスナー・チャックは「エレメント」と「スライダー」から成る ■エレメントとスライダー自体の問題ならラジオペンチで自分で修理 ■布を噛んでしまったときの直し方は水平に引っ張るのが大切 急いでファスナーを閉めたら動かなくなった……なんて経験、あるんじゃないですか? 『ガチっ』なんて音を出した後、うんともすんとも言わなくなることが... 続きを読む

「jQuery 3.3」リリース | OSDN Magazine

2018/01/22 このエントリーをはてなブックマークに追加 15 users Instapaper Pocket Tweet Facebook Share Evernote Clip OSDN Magazine jQuery リリース 引数 配列

jQuery Foundationは1月19日、JavaScriptライブラリ「jQuery 3.3」を公開した。エレメントに紐付けられているクラスの操作を行うメソッドが配列を引数として受け付けるようになるといった変更が加わっている。 jQueryはさまざまなWebブラウザに対応するJavaScriptライブラリ。HTML要素の操作やイベント処理などを容易に実装できる。jQuery 3.3は201... 続きを読む

[CSS]便利なのが登場!レイアウトやUIコンポーネント用のスタイルシートが簡単にまとめて利用できる -Tailwind CSS | コリス

2017/11/06 このエントリーをはてなブックマークに追加 92 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス Flexbox フレームワーク コンポーネント CSS

既存のページに外部CSSを加えるだけで、最近のWebサイトやブログで見かけるさまざまなコンポーネントやエレメント、Flexboxベースの柔軟なレイアウトをカスタマイズできるスタイルをまとめたCSSのフレームワークを紹介します。 Flexboxを使ってみたい、天地の中央に配置したい、シャドウを加えたい、レスポンシブ対応のナビゲーションを備えたいなど、簡単に利用できます。 デザインにも幅広く対応してい... 続きを読む

目から鱗のCall to Action!「良い」CTAとは何かを教えてくれるユニークな例10選|SeleQt【セレキュト】

2017/06/21 このエントリーをはてなブックマークに追加 13 users Instapaper Pocket Tweet Facebook Share Evernote Clip CTA SeleQt 留め金 セレキュト Action

良いコール・トゥ・アクション(CTA;ユーザのアクションを喚起するエレメント)は、Webサイト上のさまざまな要素の目的を統合する留め金のようなもので、サイトがユーザに何を求めているかを、ユーザに対して効果的に示すものです(例;「Buy this book」「download our free guide」「contact us for more information」など)。 しかしときに、どう... 続きを読む

【モバイル×アニメーション】デザイナー要確認!モバイルアプリにおけるアニメーション使用の基本的考え方!!|SeleQt【セレキュト】

2017/04/12 このエントリーをはてなブックマークに追加 13 users Instapaper Pocket Tweet Facebook Share Evernote Clip iPhone SeleQt セレキュト エクスペリエンス

iPhoneやモバイルアプリの登場以来、「アニメーション」はすっかりインターフェイス・デザインの重要な構成要素になりました。 それは、アニメーションが、作品に「時間」というエレメントを付加することによって、人間の現実的な感覚とソフトウェアとの間にどうしても存在する大きな「ギャップ」に、「橋」をかけてくれるからです。 ユーザを喜ばせるようなエクスペリエンスのためにモーションが欠かせないのも、ここに理... 続きを読む

プロペラがすごい!よく使うUI要素にあったデザインやアニメーション、レイアウトが簡単に利用できる -Propeller | コリス

2017/02/28 このエントリーをはてなブックマークに追加 74 users Instapaper Pocket Tweet Facebook Share Evernote Clip フレームワーク コンポーネント Flexboxベース コリス

最近見かける美しいデザインや気持ちいいアニメーション、レスポンシブ対応のコンポーネントやエレメント、Flexboxベースの柔軟なレイアウトなど、人気が高いテクニックを効果的に取り入れて制作されたHTMLとCSSベースのフレームワークを紹介します。 Propeller Propeller -GitHub Propellerの特徴 Propellerのスタイル・コンポーネント Propellerの特徴... 続きを読む

ブルマがすごい!外部CSSを一つ加えるだけで今時のコンポーネントやエレメント、レイアウトが簡単に利用できる -Bulma | コリス

2016/02/05 このエントリーをはてなブックマークに追加 444 users Instapaper Pocket Tweet Facebook Share Evernote Clip フレームワーク Flexboxベース CSS Bulma 全部

外部CSSを一つ加えるだけで、最近よく見かけるさまざまなコンポーネントやエレメント、Flexboxベースの柔軟なレイアウトが簡単に利用できるCSSのフレームワークを紹介します。 一部だけ利用してもよし、もちろん全部を利用 ...記事の続きを読む 続きを読む

これは面白い!Photoshopで高性能なHTML/CSSエディタが使えるようになるプラグイン -HTML Block | コリス

2015/09/10 このエントリーをはてなブックマークに追加 107 users Instapaper Pocket Tweet Facebook Share Evernote Clip Bootstrap コリス Photoshop CSS コード

PhotoshopのPSD上に、HTMLとCSSのコードでエレメントを作成できるPhotoshopのプラグインを紹介します。 外部スタイルシートにも対応した高性能で、Bootstrapのエレメントをといった使い方もできます。 HTML Block HTML Blockの特徴 HTML Blockのダウンロードとインストール HTML Blockの使い方 HTML Blockの特徴 HTML Blo... 続きを読む

最近のWebデザインで採用されているレイアウトやコンポーネントが豊富に揃ったPhotoshopとSketchの素材 -Baikal | コリス

2015/09/07 このエントリーをはてなブックマークに追加 36 users Instapaper Pocket Tweet Facebook Share Evernote Clip Baïkal コリス Sketch コンポーネント レイアウト

縦長ページ、マガジンスタイル、カード型レイアウト、ランディング、コマース、ブログ、ポートフォリオなど、最近のWebデザインで見かけるレイアウト、ヘッダやフッタ、エレメントのバリエーションが豊富に揃ったコンポーネントベースのUI素材を紹介します。 しかも、商用利用できる全揃いセットをコリスのビジターにプレゼント! 勉強にもよし、そのまま使ってもよしの素材です。 Baikal – Component ... 続きを読む

Sketchを更に便利にパワーアップするプラグインのまとめ | コリス

2015/07/17 このエントリーをはてなブックマークに追加 111 users Instapaper Pocket Tweet Facebook Share Evernote Clip Photoshop エフェクト コリス オブジェクト フォント

Sketch Toolbox (無料) Photoshopで言うところのExtension Managerで、Sketch用のプラグインマネージャーです。プラグインを探すのにもインストール・アンインストールするのにも非常に便利なアプリです。 Sketch Measure (無料) テキストやエレメントなど、さまざまなオブジェクトのサイズ、形、カラー、エフェクト、フォントの種類・サイズなどの情報を1... 続きを読む

F1:エンジンペナルティの見直しを検討 【 F1-Gate.com 】

2015/07/03 このエントリーをはてなブックマークに追加 11 users Instapaper Pocket Tweet Facebook Share Evernote Clip F1-Gate.com パワーユニット 検討 マクラーレン

論争となっているF1のエンジンペナルティシステムが見直される見通しとなった。 今年の規則ではパワーユニットの6つのエレメントをそれぞれシーズンの中で4つまでしか使用できず、5つめ以上になるとペナルティを受けなければならない。 今年のグリッドに20台しか並んでいないが、F1オーストリアGPではマクラーレン・ホンダの2台がそれぞれ25グリッド降格ペナルティを科せられた。 さらにグリッド降格で消化できな... 続きを読む

[JS]物理法則に基づいたさまざまなアニメーションを実装できるスクリプト -Dynamics.js | コリス

2015/06/30 このエントリーをはてなブックマークに追加 90 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス script プルダウン Body Step

デモページ 物理法則に基づいたさまざまな動きは、ブルーのプルダウンからいろいろ試すこともできます。 Dynamics.jsの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <body> ... コンテンツ ... <script src="dynamics.js"></script> </body> Step 2: JavaScript 適用するエレメントを指定... 続きを読む

この手描き素材カワイイ!花・葉・羽・リボンなどが丁寧にかわいく描かれたベクター素材 | コリス

2015/04/16 このエントリーをはてなブックマークに追加 45 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス ハンドクラフト 月桂冠 花輪 ベクター素材

Webページやブログに、そして招待状、ハンドクラフトのアイテム、ロゴのデザイン、ブランディングのエレメントにも使える、花、葉、羽、花輪、花冠、月桂冠、リボンなど、完全手描きのベクター素材を紹介します。 通常は有料ですが今...記事の続きを読む 続きを読む

ログイン不要で使えるシンプルなフローチャート作成ツール・「draw.io」 - かちびと.net

2015/02/12 このエントリーをはてなブックマークに追加 47 users Instapaper Pocket Tweet Facebook Share Evernote Clip draw.io net クリエイティブコモンズライセンス

draw.io draw.ioはログイン不要で使えるフローチャート作成ツールです。用意されているエレメントやテンプレートも豊富でインターフェースも日本語に変更出来ますので気軽に使えそうです。Google DriveやDropboxへインポート/エクスポートする事も出来る他、iframeによる埋込にも対応しています。また、Githubにてクリエイティブコモンズライセンスの元、ソースコードも公開されて... 続きを読む

無料で高品質なワイヤーフレーム素材!iOS8でよく使用されるエレメントが揃ったPSDとSketchの素材 -UXPin | コリス

2015/02/02 このエントリーをはてなブックマークに追加 24 users Instapaper Pocket Tweet Facebook Share Evernote Clip UXデザイナー UXPin コリス psd Sketch

スマホやWebなどのUXデザイナーのためのプロフェッショナルツールを数多くリリースしている「UX Pin」の中の人から、「iOS 8のワイヤーフレーム素材をリリースしたよ」と連絡を受けたのでご紹介。 UI/UXを研究して...記事の続きを読む 続きを読む

デザインの参考になるUIエレメントが揃ってる!次のプロジェクトに役立つユーザインターフェイス用の無料素材 -Elixir | コリス

2014/12/22 このエントリーをはてなブックマークに追加 92 users Instapaper Pocket Tweet Facebook Share Evernote Clip Elixir コリス UIエレメント Photoshop 参考

さまざまなバリエーションが揃っており、デザインのクオリティも素晴らしく、商用サイトにもそのまますぐに利用できるUIエレメントが揃ったPhotoshopのPSD素材を紹介します。 単に使用するだけでなく、レイアウトのバリエーション、エレメントの展開など、デザインの勉強にも役立ちます。 Elixir -PSD UI Kit デモ版と有料版があり、デモ版でもその充実度はかなりのものです。 ダウンロードで... 続きを読む

iOS8のデザインに役立つ!iPhone 5s/6/6Plusでの主要なエレメントが揃ったPSDとSketchの無料素材 -iOS8 UI Design Kit | コリス

2014/12/05 このエントリーをはてなブックマークに追加 94 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス psd Sketch iOS8 iPhone 5S

スマホやWebなどのUXデザイナーのためのプロフェッショナルツールを数多くリリースしている「UX Pin」の中の人から、「iOS 8のUIキットをリリースしたよ」と連絡を受けたのでご紹介。 UI/UXを研究している彼らな...記事の続きを読む 続きを読む

[JS]フォームのさまざまなエレメントを異なるブラウザ・スクリーンで同じように美しく表示させるスクリプト -Formplate | コリス

2014/11/26 このエントリーをはてなブックマークに追加 54 users Instapaper Pocket Tweet Facebook Share Evernote Clip Modernizr コリス head jquery.js デモ

デモ:Safari/OS Xで表示 フォームの見た目はどのブラウザでも美しく表示されていました。スクリーンサイズを変更しても同様に美しく表示されます。 Formplateの使い方 Step 1: 外部ファイル 当スクリプト・スタイルシートとjquery.jsとModernizrを外部ファイルとして記述します。 <head> // Required javascript <script src="j... 続きを読む

Webページでよく使うさまざまなコンポーネントが簡単に利用できるCSSベースのフレームワーク -Materialize | コリス

2014/11/11 このエントリーをはてなブックマークに追加 237 users Instapaper Pocket Tweet Facebook Share Evernote Clip ユーザエクスペリエンス Materialize コリス 商用

最近のWebページでよく使用されているさまざまなコンポーネントやエレメントがフラットにデザインされたCSSベースのフレームワークを紹介します。 オープンソースで、個人でも商用でも無料で利用できます。 Materialize Materialize -GitHub MaterializeはGoogleが提唱する「Material Design」をベースに、ユーザエクスペリエンスにフォーカスされたCS... 続きを読む

スタイルガイドや指示書に便利!エレメントやマージンのサイズを書き出してくれるPhotoshopのスクリプト -Size Marks | コリス

2014/10/30 このエントリーをはてなブックマークに追加 80 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス ink マージン Photoshop スクリプト

エレメントやマージンなど、指定した箇所のサイズを新規レイヤーに書き出すPhotoshopのスクリプトを紹介します。 個人でも商用でも無料で利用でき、ライセンスはMIT licenceです。 Size Marksを使ってるアニメーション(偶然両方とも173pxになってびっくり!) 以前紹介したInkも同様にサイズを書き出してくれますが、ベクターとテキストのデータのみです。エレメントがベクターならIn... 続きを読む

 
(1 - 25 / 160件)