3D美少女ゲームメーカーILLUSION（イリュージョン）が活動終了。開発およびSteam含む全プラットフォームでの製品販売を終了へ - AUTOMATON

2023/07/14 244 users AUTOMATON イリュージョン Illusion 開発

【 ILLUSION 活動終了のお知らせ 】 ゲーム開発ブランド「ILLUSION」は8/18(金)を持ちまして開発・販売を終了致します。 詳細は下記ページをご覧下さい。https://t.co/uAbSCV5uyT 長らくのご支援、ご声援を頂き本当にありがとうございました。 pic.twitter.com/3Vit9b8xhW — イリュージョン (@ILLUSION_staff) July 14, ... 続きを読む

やってよかったbuild own x系(自作OSとか自作DBみたいな自作～)を紹介してみる

2023/03/06 21 users 自作 自作OS 難易度 ヤツ 種類

はじめに build own xってなに？という方がいらっしゃると思います。 下記ページにあるような自作～みたいなやつのことを指しています。 自作OSとかDBとかとにかく様々な種類があるんですが、僕がやってみて良かったなぁと感じたものだけ紹介します。(一部やってないけど良さそうなのも紹介します。) 難易度を星5を最高... 続きを読む

ProtobufでREST APIを快適に開発する方法のご紹介 - Tier IV Tech Blog

2022/02/02 18 users Protobuf 澤田 ティアフォー 認証認可基盤 開発体験

こんにちは、ティアフォーで認証認可基盤を開発している澤田です。 最近取り入れたProtobufで、素晴らしいREST APIの開発体験をしたのでご紹介します。 なお、ティアフォーではマイクロサービスを支える認証認可基盤を一緒に開発いただけるメンバーを募集しています。ご興味のある方は下記ページからご応募ください。 he... 続きを読む

不思議!? div要素一つで同じスタイルなのに、すべてのブラウザで見た目が異なるスタイルシート | コリス

2018/07/10 41 users Edge Safari Firefox Chrome コリス

div要素一つで同じスタイルなのに、IE, Edge, Chrome, Safari, Firefoxなどの各ブラウザで見た目が全く異なるスタイルシートを紹介します。 実際にどのように見えるか、下記ページでご覧ください。...記事の続きを読む 続きを読む

ヒエログリフ・トンパ文字・ルーン文字など、普通の人にはちょっと読めないフリーフォントのまとめ | コリス

2018/03/11 315 users コリス フリーフォント 数式 バーコード 遊び心満載

ヒエログリフ・トンパ文字・ルーン文字などの古代象形文字をはじめ、小説やアニメにでてくる不思議な文字、バーコードや数式やイケメンフォントなど、遊び心満載のフリーフォントを紹介します。 文字として使うだけでなく、背景や飾りなどデザインの一部に使っても面白そうですね。 普通に読める日本語のフリーフォントは、下記ページにまとめました。 2018年用、 日本語のフリーフォント 312種類のまとめ 続きを読む

商用利用無料、紙・布・生地・黒板などのテクスチャをシームレスに使えるパターン素材のまとめ | コリス

2015/10/26 83 users コリス 石こう シームレス 黒板 テクスチャ

紙・布・生地・黒板・皮・木目・石こうなど、繊細な質感を表現したテクスチャをシームレスに使えるパターン素材を紹介します。 下記の素材は全て個人でも商用でも無料で利用できます。 詳しくは下記ページをご覧ください。 ライセンス...記事の続きを読む 続きを読む

Ruby の gnuplot wrapper 経由で gnuplot を利用し、折れ線グラフを描画する - Qiita

2015/06/18 16 users Qiita Ruby 経由 インストール 手順

概要 Ruby の gnuplot wrapper 経由で gnuplot を利用し、折れ線グラフを描画する 前提 OS: Windows7 gnuplot: version 4.6 手順 gnuplot windows 64 bit 版のインストール 下記ページの http://sourceforge.net/projects/gnuplot/files/gnuplot/4.6.6/ gp466... 続きを読む

JavaScriptとCSSは不要！SVGの気持ちいいアニメーションで作られた超軽量のかわいいローディング -SVG Loaders | コリス

2014/12/10 129 users ローディング コリス SVG Step SVGファイル

JavaScriptもCSSも画像も使用せず、SVGで実装された軽快で気持ちいいアニメーションで動くローディングのアイコンを紹介します。 ページに実装する時もJavaScript/CSSは必要ありません。簡単なHTMLでOK！ デモページ SVG Loadersの使い方 使い方は、簡単！ Step 1: SVGファイルをダウンロード 下記ページの右サイドの「Downlaod ZIP」から、SVGフ... 続きを読む

ぷるるんと動くアニメーションが気持ちいい！新感覚のナビゲーション -Gooey pagination | コリス

2014/10/30 67 users Safari Firefox Chrome コリス 縦長ページ

コンテンツスライダーや縦長ページのナビゲーションでよく見かけるビュレットタイプのナビゲーションをかわいいアニメーションで実装するテクニックを紹介します。 アニメーションの操作が気持ちいいので、コンテンツより楽しんでしまうかも。 実際の操作は、下記ページでお楽しみください。 ※Chrome, Safari, Firefox, IEは11では動作しました。 Page scroll concept こっ... 続きを読む

プレゼンや企画書をより魅力的に！商用でも無料でつかえるインフォグラフィック用のベクター素材 | コリス

2014/08/27 177 users インフォグラフィック コリス 有料 バック ダウンロード

個人でも商用でも無料で利用できる、インフォグラフィックのベクター素材をInfographic Template Shopから紹介します。 Infographic Template Shop Infographic Template Shopに数多くある有料のインフォグラフィックの素材から、10種類$30分がパックになって無料でダウンロードできます。 ダウンロードは、下記ページから。 Free In... 続きを読む

[CSS]シンプルなHTMLで、ギザギザのかわいいボーダーをつくるスタイルシートのテクニック | コリス

2014/08/27 290 users div コリス シャドウ CSS HTML

シンプルなHTMLで、シャドウを加えたギザギザのかわいいボーダーをつくるスタイルシートのテクニックを紹介します。 実際の動作は、下記ページで確認できます。 Jagged Border HTML まずは、デモのHTMLから。 デモは3つのギザギザがあるので、3つのdivを使用します。 [html] [/html] ギザギザを一つにした最小限のセットは、こんな感じです。 [html] [/html] ... 続きを読む

約1万円台でFirefox OS搭載SIMフリースマホ「Flame」日本発売開始 - GIGAZINE

2014/07/25 62 users Flame GIGAZINE www.mozilla.jp

開発者向けのリファレンス端末「Flame」の販売予告アナウンスが5月28日にされていましたが、ついに7月28日(月)から日本でも販売されることがわかりました。 Flame の販売を開始いたします！ | Mozilla Japan ブログ http://www.mozilla.jp/blog/entry/10416/ 販売受付開始は7月28日(月)12時より下記ページからで、価格は税込で1万9980... 続きを読む

[CSS]フォームを入力する際、気持ちいいアニメーションで入力欄をちょっとだけ目立たせるスタイルシートのテクニック | コリス

2014/07/22 94 users コリス some active CSS フォーカス

ユーザーがフォームの入力欄をフォーカス・アクティブした際、アニメーションを加えて入力欄をちょっとだけ目立たせるスタイルシートを紹介します。 アニメーションでおっと思わせるだけでなく、入力欄が複数並んでいる時にアニメーションで目立たせるとフォーカスを失わずに入力できる効果もありますね。 実際の動作は下記ページで楽しめます。 上記以外にもたくさんのアニメーションがあります。 Some :active ... 続きを読む

[CSS]OS X Yosemiteのように背景が透ける美しいパネルを実装するスタイルシート | コリス

2014/06/04 84 users コリス Yosemite ブラー 半透明 CSS

昨日発表された2014年秋リリースのOS X 10.10 Yosemiteで採用予定の背景を半透明のブラーで透けさせる美しいパネルを実装するスタイルシートを紹介します。 記事は一日遅れですが、スタイルシートは当日で、仕事が早いですｗ パネルは、タイトル部分とコンテンツ部分で異なる加減で透けています。 ドラッグで移動もでき、透ける背景も変わります。キレイですね！ 動作は、下記ページで楽しめます。 O... 続きを読む

[JS]なにこれ楽しい！インタラクション満載の路線図を実装するスクリプト -transitive.js | コリス

2014/05/23 248 users コリス GitHub canvas スクリプト 路線図

路線図の入り組んでいるところって、分かりにくいですよね。 そんな問題を解決するCanvasで実装するインタラクション満載の路線図のスクリプトを紹介します。 ↓くっついてて分かりにくい箇所も、こんな感じに移動できます。 transitive.js -GitHub 実際の動作は、下記ページで確認できます。 デモページ 上のアニメーションgifみたいに移動させることだけでなく、ホイール操作での拡大縮小や... 続きを読む

[CSS]ボタンにぷるるんとかわいいアニメーションを与えるスタイルシート -Galatin effect | コリス

2014/05/21 91 users アニメーションgif アニメーション ゼリー デモ HTML

a要素にテキストを配置して実装したシンプルなボタンに、ゼリーのようにぷるるんとさせるアニメーションを与えるスタイルシートを紹介します。 ↓は、デモをアニメーションgifにしてみました。 実際の動作は、下記ページで楽しめます。 Gelatin over button effect with Sass HTML HTMLは非常にシンプルです。 [html] Click Here Click Here ... 続きを読む

簡単！アメブロからライブドアブログへの引越し全行程 : 相川裕佳のFabulousBlog

2014/04/03 10 users ヘルプセンター ライブドアブログ アメーバブログ 全行程

先日、アメブロからライブドアブログへ移転する際に、アメブロの記事をそっくりそのままライブドアブログに移したくて、下記ページを見ました。 ブログのお引越し（アメーバブログからの場合） : livedoor Blog ヘルプセンター が、【まずライブドアブログへ登録してから、アメブロの記事をエクスポートして、ライブドアブログにインポートする。】ということ以外全然わからなかったので、わたしのようにあんま... 続きを読む

SVG初心者に！SVGとCSSでボーダーにちょっとかっこいいアニメーションをつけるデモ | コリス

2014/03/11 69 users コリス SVG アニメーションgif コピペ HTML

SVGをちょっと始めてみたいな、という人にもちょうどよさそうなテキストの周りに表示するボーダーをアニメーションで表示するデモを紹介します。 デモのアニメーションgif 実際の動きは、下記ページで確認できます。 テキストやカラー、サイズなどを変更してお楽しみください。 SVG Border Animation コードは簡単、コピペで利用できます。 HTML [html] coliss [/html]... 続きを読む

[CSS]アイコンのデザインに合ったかわいい動きをclassを加えるだけで実装できるスタイルシート -Font Awesome Animation | コリス

2014/02/26 114 users コリス class Chr CSS GitHub

classを加えるだけでさまざまなアイコンが利用できるFont Awesomeを使って、各アイコンのデザインに合ったかわいい動きをアニメーションで与えるスタイルシートを紹介します。 ベルはリンリン♪、いいねは上下に、スピナーはぐるぐる動きます。 Font Awesome Animation Font Awesome Animation -GitHub 実際の動作は、下記ページで楽しめます。 Chr... 続きを読む

落ち着いたパステルカラーを使ったモザイク状のグラデーションが美しい背景素材 | コリス

2014/02/13 39 users ブラー コリス 一味 商用 グラデーション

落ち着いたパステルカラーの美しいグラデーションをモザイク状にした高解像の背景素材を紹介します。 よく見かけるぼやけたブラーや単なるグラデーションとは一味違った面白い素材ですね。 20 Free Mosaic Backgrounds 利用にあたっては個人でも商用でも無料で、クレジット表記は必要はない、とのことです。詳しくは下記ページをご覧ください。 Terms of Use 素材は全部で20種類、サ... 続きを読む

[CSS]フォームにちょっとだけアニメーションを加えて楽しくするスタイルシート -Animated Toggles | コリス

2013/11/27 120 users コリス CSS HTML アニメーション 動作

フォームのチェックボックスとラジオボタンに余分はタグは使用せずに、ちょっとだけアニメーションを加えて楽しくするスタイルシートを紹介します。 実際の動作は、下記ページで確認できます。 Animated Toggles HTML チェックボックスもラジオボタンも通常通りにマークアップします。 余分なタグは特にありません。 [html] Animated Toggles! Apples Oranges ... 続きを読む

[CSS]サークル状のエレメントにかわいいアニメーションを与えるスタイルシート -CSS3 Circle Animation | コリス

2013/11/20 63 users コリス Firefox Chrome アニメーション ホバー時

シンプルなHTMLでサークル状に実装したエレメントのホバー時に、かわいいアニメーションを与えるスタイルシートを紹介します。 実際の動作は、下記ページで確認できます。 Chrome, Firefoxなどのブラウザでご覧ください。 CSS3 Circle Animation アイデアの元となったのは、こちらのサイトの中央のサークル。 Vibrant Villages サークルのアニメーションは、ここで... 続きを読む

[CSS]文字にちょっとかわいいエフェクトを加えるスタイルシート -Opening Type | コリス

2013/10/28 223 users パタ コリス エフェクト span要素 スゴイ

画像は一切使用せず、その文字をホバーするとパタっと開くエフェクトを実装するスタイルシートを紹介します。 単に開くだけでなく、シャドウも開きに応じて変化してるのがスゴイ！ 実際の動作は、下記ページで確認できます。 Opening type 面白そうなので、日本語でも試してみました。 日本語、しかも漢字でもOK 実装はこんな感じになります。 HTML 文字はspan要素で配置し、上に表示されるホワイト... 続きを読む

地味だけど便利！Photoshopでカラーの明度のバリエーションを簡単に展開できる機能拡張 -Lighten / Darken Color | コリス

2013/10/20 81 users コリス カラーピッカー 明度 中程 Photoshop

Lighten / Darken Color カラーの明度を変更するのはもちろんPhotoshopのカラーピッカーで調整することはできますが、いちいち手作業でやるのは面倒くさいもの。そんな時は、この機能拡張を入れるとショートカットで簡単にできます。 明度を10%の増減で展開 Lighten / Darken Colorのインストール インストールは簡単です。 下記ページの中程の「Downloade... 続きを読む

実際に触れて楽しんでみよう！ロングシャドウをいろいろ試すことができるオンラインツール -Long Shadow Generator | コリス

2013/07/22 36 users パネル トレンド ツール スタイルシート コリス

最近よく見かけるロングシャドウをいろいろと試すことができ、そのスタイルシートも生成してくれるオンラインツールを紹介します。 「ロングシャドウ」って何？ という人は、下記ページを参考に。 フラットの後にじわじわきてるデザインのトレンド -long shadow design Long Shadow Generator ツールの使い方は簡単で、左のパネルでいろいろ操作して、ロングシャドウを生成すること... 続きを読む