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

2022/03/23 9 users Fontworks 欧文 modern 筑紫 書体

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

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

2020/11/07 9 users 議論 概念 追求 捉え方 構成要素

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

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

2020/04/15 16 users 森羅 増田 森羅万象 電磁バリア 近く

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

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

2018/01/30 37 users スライダー ラジオペンチ RELIVERS リップクリーム

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

「jQuery 3.3」リリース | OSDN Magazine

2018/01/22 15 users 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 コリス Flexbox フレームワーク コンポーネント CSS

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

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

2017/06/21 13 users CTA SeleQt 留め金 セレキュト Action

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

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

2017/04/12 13 users iPhone SeleQt セレキュト エクスペリエンス

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

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

2017/02/28 74 users フレームワーク コンポーネント Flexboxベース コリス

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

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

2016/02/05 444 users フレームワーク Flexboxベース CSS Bulma 全部

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

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

2015/09/10 107 users 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 Baïkal コリス Sketch コンポーネント レイアウト

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

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

2015/07/17 111 users Photoshop エフェクト コリス オブジェクト フォント

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

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

2015/07/03 11 users F1-Gate.com パワーユニット 検討 マクラーレン

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

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

2015/06/30 90 users コリス script プルダウン Body Step

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

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

2015/04/16 45 users コリス ハンドクラフト 月桂冠 花輪 ベクター素材

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

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

2015/02/12 47 users draw.io net クリエイティブコモンズライセンス

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

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

2015/02/02 24 users UXデザイナー UXPin コリス psd Sketch

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

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

2014/12/22 92 users 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 コリス psd Sketch iOS8 iPhone 5S

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

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

2014/11/26 54 users 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 ユーザエクスペリエンス Materialize コリス 商用

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

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

2014/10/30 80 users コリス ink マージン Photoshop スクリプト

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

Bootstrap 3をベースにしたフラットなかわいいデザインのHTMLとPSDが揃ってる無料のUI素材 -Druken Parrot UI Kit | コリス

2014/10/27 365 users コリス psd GitH Bootstrap free

BootstrapのさまざまなエレメントがかわいくフラットにデザインされたUI素材を紹介します。 Drunken Parrot UI Kit Lite (free) Druken Parrot UI Kit -GitHu...記事の続きを読む 続きを読む

これはイイ！150種類のさまざまな美しい光のエフェクトが描けるPhotoshopの無料ブラシ -ArDesign | コリス

2014/10/20 89 users コリス LIG Photoshop エフェクト イイ

文字やエレメントに加えたり、背景に添えたり、デザインのちょっとしたアクセントにぴったりな美しい光のエフェクトが描けるPhotoshopの無料ブラシを紹介します。 アニメとかマンガの閃光や爆発にも使えそう。 150 Lig...記事の続きを読む 続きを読む