@dubjapanesqueさんのツイッターでの発言より以下引用（前後の発言も参照）。 【参考】Brostepとは(http://www.urbandictionary.com/define.php?term=brostep) ※Dubstepから派生したサブジャンル。LFOスピードやミッドレンジを強調、ソウルを重視しない等、伝統的なダブステ信者からの批判めいた言葉が並ぶ。例:Rusko、6blooc、DoctorPの大口動画。 last.fmによれば中心的ミュージシャンはSkrillexなど。単純にUS産ダブステの変種かと思ったらそうではなく（例えば、Bangs & Worksのシカゴの連中。また機会があったら集中レビューでアメリカのダブステップを紹介してみたいと思います）、ダブステップの持つ分かりにくく曖昧な部分（実際、自分のツイッターのフォロワーさんにも「よく分からないうちにダブステ
headtrackrはWebカメラの映像からリアルタイムに顔認識を行うJavaScriptライブラリです。 Webカメラは動画チャットで使われることが多かったですが、最近ではもっと違う分野への利用も試みられています。その一つとして今回は顔認証技術を使ったheadtrackrを紹介します。 Webカメラへのアクセスが必要です。 フェイストラッキングはこのように顔を傾けても追従してきます。 デモ1。顔を動かすとサークルがダイナミックに移動します。 こちらはゲームのデモです。顔で操作するゲームというのはなかなか斬新。 ボールを避けて飛びます。 こちらは別なデモ。顔を傾けると3D空間を移動できます。 headtrackrはWebカムの映像をリアルタイムに解析し、顔を認識します。そしてその動きに合わせて別なオブジェクトを動かします。顔で操作するという感覚はとても面白いです。 headtrackrはJ
【ポケモンGO】出現位置アプリ「P-GO SEARCH」金銀アイコンに対応する方法【Android/iPhone】 - ポケモンスイッチ攻略Press
ポケモンGO位置アプリ「P-GO SEARCH(ピーゴサーチ)」を金銀ジョウト地方のポケモンが追加されたのでカスタム対応・修正する方法を記載していく。 レイドバトルの表示もされました！ 目次 「P-GO SEARCH(ピーゴ サーチ)」使用方法（金銀・レイドバトル対応版） 特定のポケモンを地図に表示させるには？ Android版「P-GO SEARCH(ピーゴ サーチ)」ダウンロード iPhone版アプリ「P-GO SEARCH(ピーゴサーチ)」ダウンロード パソコン版ウェブ「P-GO SEARCH」ダウンロード 金銀アイコン・名前を追加する方法 金銀対応の画像アイコン 金銀対応「3Dバージョン」 金銀対応「2Dバージョン」 金銀対応「カワイイバージョン」 金銀対応の名前を直す レイドバトルの表示について スポンサーリンク 「P-GO SEARCH(ピーゴ サーチ)」使用方法（金銀・レイド
jQuery & CSS Sprite Animation Explained In Under 5 Minutes | AddyOsmani.com | Where Web Businesses Grow
Today we’re going to take a look at sprite animation. There’s been a lot of talk this year about the future of technologies like Adobe’s Flash and for good reason – with the performance of JavaScript frameworks having come so far since they were first conceived, it’s now possible to create equally as powerful animations and effects without needing to use any third party plugins.In today’s screenca
Scratch 3 Desktop for Raspberry Pi OS on Raspberry Pi - Raspberry Pi Foundation
Scratch 3 was released in January this year, and since then we and the Scratch team have put lots of work into creating an offline version for Raspberry Pi. The new version of Scratch has a significantly improved interface and better functionality compared to previous versions. These improvements come at the cost of needing more processing power to run. Luckily, Raspberry Pi 4 has delivered just t
「ActionScript 3.0 パフォーマンスチューニング － 速い、軽い、 うまいスクリプティングを目指す」 講師：野中文雄氏http://www.jagra.or.jp/schoolblog/2012/01/actionscript-30-1.html 非常に良いセミナーであった。上手い人に教わるとこんなにわかりやすいものかと感動。 忘れないうちに覚書き。 ◆Mathクラスについて 「Math.floor()よりint()を用いる 」 またbitmapDataに粒子等を描く場合や、ビットマップ自体を配置するとき小数点以下ピクセルだと画像がにじので、整数化に使ってた。 「Math.max() , Math.min() , Math.abs()は3項演算子で置き換える」maxNum=Math.max(a , b) → maxNum=(a>b) ? a: b;minNum=Math.mi
30 of the Best CSS3 Navigation and Button Tutorials | Web Design Tutorials and Inspiration | Learn Photoshop Online | Creative Inspiration | Web Resources
With CSS3 you can create great navigation bars and menu items with having to learn/hack JavaScript and images to create nice looking website elements with cool functionality. Today lets take a look at 30 of the best (and current) CSS3 navigation and button tutorials.In a daily basis, CSS3 is changing how we envision, layout and build websites. While it is true that many designers and developers ar
先週の土曜日にUPGRADE JAPAN!!というチャリティイベントにスピーカーの一人として参加しました。 マスコミの取材とかもいたようで、このような大きなイベントになるとはビックリ。義援金も20万円超集まったそうです。よかった。 ということで、話した内容を、SlideShareにアップしました。今後もアフターフォローを兼ねてSassのことを紹介していきたいです。 Sassられ指南 View more presentations from taiju higashi Sassが北陸でも流行るとうれしいです。イベント中、イベント後に「Sassられたい」「Sassりたい」という言葉が微妙に流行ってて良かったです。 セッション中に紹介したリンクなど Webデザイナーの為の「本当は怖くない」”黒い画面”入門 Part.01 « FJORD, LLC（合同会社フィヨルド） CPI x CSS Nit
5 plugins em jQuery para imagens em 360º | Wallace Erick | Desenvolvedor Front-End
Posts Recentes Animatable | Galeria de Animações com CSS Wallace Erick | 10/08/12 | 0 Comen... 5 plugins de E-commerce para WordPress Wallace Erick | 06/08/12 | 0 Comen... 8 técnicas de Javascript feitas apenas com CSS Wallace Erick | 03/08/12 | 2 Comen... Esses Plugins em jQuery permitem a visualização de objetos por uma visão de 360 graus e por todos os ângulos. A maioria deles requer um agrup
45 Fresh Useful JavaScript and jQuery Techniques and Tools — Smashing Magazine
Yes, this is another round-up of fresh and useful Javascript techniques, tools and resources. But don’t close the tab yet, as you might find this one very useful. In this selection we present calendars, forms, buttons, navigation, debugging, optimization and compatibility tables as well as handy resources and tools. We also cover various jQuery-plugins that will help you extend the functionality o
Selling a Go Game at Comiket Go オールスターズ 11 October 2015 Gregory Roseberry Kawaii Solutions Who am I? Went to college in Japan First fulltime Gopher at Gunosy Currently work at Locari (Wondershake) Open source: github.com/guregu/kami: web "framework" using x/net/context github.com/guregu/mogi: SQL mocking/stubbing library github.com/guregu/null: better version of sql.Null{Int64,Bool,String...} and
SVG Stacks | simurai
Image sprites are wildly used for downloading lots of icons or UI elements all at once with just a single HTTP-Request. But they are somewhat cumbersome to use because you have to calculate the background-position offsets. You can’t easily add, remove or reorder them with recalculating. Or change the size without a neighbour peeking in from the side. How could it be solved? Well, by stacking them
Mobile Web Application Best Practices (W3C Proposed Recommendation 21 October 2010)
W3C Recommendation 14 December 2010 This version: http://www.w3.org/TR/2010/REC-mwabp-20101214/ Latest version: http://www.w3.org/TR/mwabp/ Previous version: http://www.w3.org/TR/2010/PR-mwabp-20101021/ Editors: Adam Connors, Google Bryan Sullivan, AT&T (until 2008) Please refer to the errata for this document, which may include some normative corrections. See also translations. Copyright ©2010 W3
High-Performance, Garbage-Collector-Friendly Code - Build New Games
16 milliseconds is not a lot of time. Try eating a hotdog that fast – though I swear I’ve seen our dog go through a beef sausage in under 100 milliseconds. If you want your game to run at 60 frames per second, 16 milliseconds is all you have to get everything done: moving bullets around, creating new entities, drawing sprites, checking collisions, tracking and changing states, handling input and p
35 designers. 5 questions. 5 precise answers. Result: 175 professional suggestions, tips and ideas from some of the best web-developers all around the world. In March we’ve selected over 35 prominent designers and design companies, contacted them and asked to answer five design-related questions, sharing their knowledge and experience with fellows developers. Here on Smashing Magazine. 35 designer
誰でも家でブラウザ上からゲーム開発！超小型ゲーム機「Meowbit」を遊び倒してみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、ブラウザベースのゲーム開発エディタを使って独自ゲームをインストールできる超小型のゲーム機「Meowbit」をご紹介します！ ビジュアルベースのブロックエディタで誰でも簡単にゲームが開発できるうえ、1クリックでJavaScriptによる本格的なプログラミングモードにも切り替えられます。ゲーム機には各種センサーやコネクタも搭載しているので、ちょっとしたIoT開発も可能です。 プログラミングやゲーム開発に興味のある人からガジェット好きな人も含めて、ぜひ参考にしてみてください！ なお、JavaScriptの基本はpaizaラーニングの「JavaScript入門編」で学ぶことができますので合わせてチェックしてみてください。 ■「Meowbit」とは？ まず最初に「Meowbit」の詳細について解説をしておきます。 名刺サイズの小型ボディにフルカラ
5 CSS3 Techniques For Major Browsers using the Power of jQuery - noupe
5 CSS3 Techniques For Major Browsers using the Power of jQuery Many exciting new functions and features are being thought up for CSS3: text-shadow, box-sizing, opacity, multiple backgrounds, border-radius, border-image, etc… CSS3 leads to greater flexibility and makes it much easier to recreate previously complex effects. Not all current browsers support CSS3, but it is however possible to create
EDIT: For the latest of GopherJS/Wasm comparison, see Wasm benchmark result Hi all! This article describes about my experiment of the new WebAssembly port of Go. WebAssembly port is now available on the master branch of Go, and you'd need to compile Go yourself. tl;dr I have created GopherWasm, an agnostic WebAssembly wrapper that works both on GopherJS and WebAssembly port. Performance of GopherJ
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! I’ve been a big proponent of icon fonts. Lots of sites really need a system for icons, and icon fonts offer a damn fine system. However, I think assuming you’re good with IE 9+, using inline SVG and the <use> element to reference an icon is a superior system. First let’s cover how it works.
Blinds: jQuery Slideshow using CSS sprites - little web things
1 2 3 4 5 6 7 Features Smooth animated transition Customizable sprite grid Customizable animation ochestration Multiple instances on the same webpage jQuery compatible (plugin) Unobtrusive javascript Compatibility Works great on the following browsers: Firefox 3.5 IE 8 IE 7 IE 6 (imagine my surprise!) Opera 10 Chrome 4 Safari 4 Download jquery.blinds-0.9.js Working example Back to project's post U
The jQuery Mobile team is very excited to announce the release of Alpha 4. This is the last alpha before we head into beta and it brings some great new features, and a long list of bug fixes (150+ issues closed since A3), and lots of performance tweaks. We’ve also been steadily increasing our test coverage and working our documentation in preparation for 1.0. Below is a summary of some of the high
基本的なツールに続き、グラフィックデザイン向けのツールをご紹介します。 前回でご紹介したものと同じく、長く使っていて本当に便利だと感じたものかつ、仕事で実際に活用しているもののみを厳選しています。 ツールの種類が多いわけではないですが、使っているエピソードも交えてお届けします。 グラフィックツール・ソフト 簡単な文書を書いたり、一時的なメモをするために気軽に立ち上げられるツールでもあり、HTMLやCSS・各種CMSのテンプレートなどを書くための必須ツールでもあります。 高価なオーサリングソフトを使わなくても、小規模なサイトのHTML/CSSであればこれだけで十分と思えるほどです。 Adobe Photoshop CS3 昔からDTP業界・デザイナー業界で広く普及していたこともあり、Webの現場でも普及率が高いため、どうしても欠かせなくなってしまっています。制作会社同士のファイルのやりとりの
AuthorTopic: Mockup Frenzy #3: Game Boy De-Makes! (Read 371645 times) Mockup Frenzy #3: Game Boy De-Makes! Resolution: 160x144 Colors: 4 (see images below for examples) Theme: De-Makes Start Day: September 17th, 2007 Deadline: September 30th, 2007 Notes: To sum up, de-makes are the inverse of the "next-gen" game update. Take a new game, and roll it back to an older piece of hardware. Only we're
今から15年ほど前の2000年前後にインターネットに親しんでいた人なら、訪問するページに設置されていた「アクセスカウンター」を覚えている人も多いはず。刻々と増えるカウンターの数字に一喜一憂し、きりのいいキリ番に当たって「キリ番ゲトー ズザー」と書き込んだ碧い経験を持つ人も多くいると思います。 今やページのアクセス解析はGoogleアナリティクスなどの解析ツールが広く使われるようになり、単純にアクセス数だけをカウントするカウンターはすっかり姿を潜めてしまったのですが、SpriteことJeroen Domburgさんは、物理的なカウンターを使ってウェブサイトのアクセス数をカウントする方法を開発し、ネットで公開しています。 Sprites mods - Mechanical webpage hitcounter - Intro http://spritesmods.com/?art=mechct
This is where I log my learnings, hacks, surprises and frowns regarding .Net and associated technologies... Moving my blog Hi there, I've decided to move my technical blog over to Cognitive Coding. Also, hoping to keep it... Author: shivap Date: 03/06/2008 Automate packing multiple images into one and CSS generation CSS sprites is a technique used to minimize the number of external image downloads
Mastering CSS, Part 2: Advanced Techniques and Tools — Smashing Magazine
CSS is one of the most basic building blocks of modern web design. It creates the structure and style that surrounds your content and is capable of making your site a joy to use or a pain in the neck. Mastering CSS is one of the most important things a web designer can do, and has really become an essential criteria for being a successful designer. In Part 1: Styling Design Elements we covered the
SVG形式の画像の表示はInternet Explorerの場合、IE9以上でしか表示できません。IE7、IE8は基本的にはPNGやGIF形式の画像を表示することになります。次に書いていく方法で、JavaScriptを使わずにCSSのみで、IE9はSVG、IE7・IE8はPNGといった表示方法が可能です。 ※但し背景画像に限ります。 参考サイト Cross-Browser CSS Technique for SVG Sprites with PNG Fallback CSS3のrgba()を使ってIE7・IE8に代替画像を表示させる。 .svg-or-png { background: url(img/hoge.png) no-repeat; /* for IE7 IE8 */ background: rgba(0,0,0,0) url(img/hoge.svg) no-repeat;
UE4 Paper2Dを使って2Dゲームを作る！ - Let's Enjoy Unreal Engine
Unreal Engine 4.3が公開されて、2Dゲーム作成プラグインであるPaper2Dが正式にデフォルトの状態でONになったので4.3からはいきなり2Dゲームが作れるようになりました。 もちろん現状のPaper2Dは試験的な機能もあり、すぐになんでも作れるというわけではありませんが、基本的な機能はありますので簡単な2Dゲームであれば作れそうです。 今回は簡単な2Dゲームを作るチュートリアルとしていこうと思います。今回もお馴染みのユニティちゃんの2D素材を使わせていただきます。ダウンロードからunitypackageの展開の仕方はユニティちゃん3Dの記事を参考にしてください。 UE4でゼロからユニティちゃんを表示させるまで - Let's Enjoy Unreal Engine このアセットは、『ユニティちゃんライセンス』で提供されています。このアセットをご利用される場合は、『キャラク
CSS Programming Advent Calendar 2012 10日目です。 今回の自分の作ったデモは全てOperaでしか動作しませんので、 まだインストールしていない方は予め opera.com にてダウンロード、インストールを行なっておいてください。 今回作成したのがこちらです。 CSS RPG 操作方法はShift+矢印キーで移動。 エンターキーを押すことでアクションをおこすことができます。 Shift+エンターは動作しません。 注意 最後の方でいきなりフォーカスしている場所が黒くなってしまうバグがあります… 最後のエリアで矢印キーを連続で押すとワープしてしまいます… 矢印キーがCSSで動作する仕組みは過去にも作られていました 過去にはgrfxdsgnさんが作ったような下のような作品がありましたが、 CSS RPGはこの仕組みとは全く別の仕組みを利用しました。
A couple weeks ago, someone in my Twitter timeline retweeted the following tweets from DOM Monster: In HTML5, quotes around attribute values are optional. Which means, omit them. Smaller, faster, less clutter. Here’s an example. This page from GitHub contains about 4,517 quote characters. Most of these can be omitted. https://github.com/rails/rails/commit/3756a3fdfe8d339a53bf347487342f93fd9e1edb T
Prev post: 7 Day Roguelike 2020: Plan Next post: NES Emulator Debugging The vertical scrolling effect in the original “The Legend of Zelda” relies on manipulating the NES graphics hardware in a manner that was likely unintended by its designers. Since I don’t have access to any official documentation for the NES Picture Processing Unit (PPU - the graphics chip), my claim of “undefined behaviour” i
Lou's Pseudo 3d Page
Pseudo 3d en español aqui! Gracias a Luis Peña! (C) 2013 Louis Gorenfeld, updated May 3, 2013 NEW: Important details on the segmented road system and some additional links NEW: An (optional) explanation of finding field-of-view for the 3d projection formula NEW: An analysis of S.T.U.N. Runner NEW: General writing improvements Previous update: An explanation of 3d projection mathematics (under Road
Compassで簡単、CSSスプライト作成 第1回 CSSスプライト作成の基礎 CompassでCSSスプライトが手軽にできるのをご存知ですか？ この記事ではCompassでCSSスプライトを作成する基礎を解説します。業務で使うものですから、生成の仕組みもおさえておきましょう。 はじめに 手作業で作ると、ものすごい手間がかかってしまうCSSスプライトですが、Compassを使えば、非常に簡単に実装することができます。このシリーズではCompassのCSSスプライト機能を解説し、Retinaディスプレイ対応のCSSスプライトmixinを作ってみます。 Compassと私 Compassについては、CodeGridでSassの連載時に、簡単に触れました。 SassとCSS設計 - 運用と管理 | CodeGrid Compass Home | Compass Documentation Com
レッドスプライト - Wikipedia
各種の超高層雷放電の模式図 レッドスプライト（英: red sprite）、またはスプライト（英: sprite）は、雷雲上の中間圏で起こる発光現象であり、超高層雷放電の1つである[1]。超高層紅色型雷放電とも呼ばれる。雷とは異なる発光現象だが、雷（雷放電）に付随して発光するといわれている。 概要[編集] スプライト、2004年7月GHCC撮影 ISSから撮影されたスプライト。 ISSから撮影されたスプライトが出現する様子（時系列）。 画像外部リンク スプライトは、アメリカ合衆国の Franzらが1989年に、夜間ビデオカメラの較正をしていた時に偶然に撮影した発光現象である。その色 (red) と妖精 (sprite) のようにひょっこり姿を現すことから、「レッドスプライト」と呼ばれるようになった。現在では単に「スプライト」と呼ぶ。理論としてはチャールズ・ウィルソンが提唱していたが、当時は
Skip to the content. This post serves as an introduction to a “homebrew” video game console made from scratch, using a lot of inspiration from retro consoles and modern projects but with a unique architecture. Some friends of mine have told me again and again not to keep this project to myself and to put this information online, so here it goes. How it got started My name is Sérgio Vieira and I’m
Jquery Eight-Bit Plugin
Eight-Bit.js A CSS/JQuery plugin to display eight bit sprites in pure CSS. How to Use Go to the generator and build your eight-bit sprite. Remember the character name. It is how you will be generating your sprite later. Once your are finished with your grid. Click finished and copy the code. Open you version of eight-bit.js and paste the code under the //Add your eigth bit objects here comment //
75 (Really) Useful JavaScript Techniques | Developer's Toolbox | Smashing Magazine
In this two-part overview, we feature some of the most useful JavaScript and jQuery libraries which could be just the right solutions for your common problems. We hope that this overview will help you find or rediscover some tools that you could use in your next projects. If you have a problem and need a solution for it, chances are high that a JavaScript library or jQuery plugin exists that was c
Skrillex - First Of The Year (Equinox) [Official Music Video]
Skrillex - First Of The Year (Equinox) [Official Music Video] Watch the official video for “First Of The Year (Equinox)” by Skrillex from the album, ‘More Monsters and Sprites EP”. Make sure to subscribe to Skrillex’s channel and turn on notifications to stay updated with all new uploads: http://skrillex.me/YTSubscribe Listen to Skrillex on Spotify: http://skrillex.me/SkrillexSelectsSP Get “Firs
![Skrillex - First Of The Year (Equinox) [Official Music Video]](https://cdn-ak-scissors.b.st-hatena.com/image/square/73584871e29b7f500b40007c7c168d9d06e4a9d3/height=288;version=1;width=512/https%3A%2F%2Fi.ytimg.com%2Fvi%2F2cXDgFwE13g%2Fhqdefault.jpg)
cocos2dのサンプルを勉強がてら読みといていくメモです。テストコードのActionTestを読んでいってみます。全体の流れは他のテストと同じみたいなので個別の部分を読んでみます。 ActionTest.hを見る CCLayerを継承したActionDemoクラスが宣言され、それを継承した形で幾つかのテスト用のクラスが用意されている。 ActionDemoクラスにはCCSprite型のメンバ変数が用意されていて、共通で利用するスプライトを保持する用になっている。 ActionDemoクラスにはcenterSpritesメソッドが宣言されていて（ActionTest.mを見るともう一つalignSpritesLeftメソッドもある）スプライトの一の初期化をテストにあわせて実施する内容が書かれている。 ざっと目を通すとこんな感じです。 ActionTest.mを見てゆく ActionDemo
第26回リクリセミナー「天下分け目のベクター祭り SVGじゃ！ Illustratorを持てい！」に参加して、ちょっと嬉しくなりました | Cherry Pie Web
みなさん、こんにちは。川井昌彦です。 好きなAdobeは Fireworks です（笑） というわけで、2015年11月28日に大阪で行われた、第26回リクリセミナー「天下分け目のベクター祭り SVGじゃ！ Illustratorを持てい！」に参加してきました。 インターネットがありとあらゆるデバイスで表示されるようになり、従来の小さな点の集合で画像を表示するラスター形式（JPEGなど）だけでは限界を感じてきたところで、座標と方向で図形を描くベクター方式（SVGなど）が注目され始めています。 そして、ベクター形式を扱うソフトウェア「Adobe Illustrator」をWebデザインツールとして使用する流れも出てきました。 私は元々DTP出身という事もあり、Illustratorは5.5（CSじゃありませんよ、無印の5.5です）からずっと日常的に使用しています。 Webデザインツールとして
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ポストダブステップ最右翼？"Brostep"について
Webカムを使って頭を認識し、オブジェクトを動かす·headtrackr MOONGIFT
セミナー「ActionScript 3.0 パフォーマンスチューニング 」覚書
UPGRADE JAPAN!!で「Sassられ指南」というセッションを担当しました - あと味
Selling a Go Game at Comiket
35 Designers x 5 Questions — Smashing Magazine
GopherJS vs WebAssembly for Go
Icon System With SVG Sprites | CSS-Tricks
jQuery Mobile Alpha 4 Released | jQuery Mobile
第12回 Webデザインの仕事で活用している厳選アプリ・ツール（2） | gihyo.jp
Mockup Frenzy #3: Game Boy De-Makes!
サイトのアクセス数を物理的にカウントする「機械式アクセスカウンター」の作り方
My experiments with .Net
背景画像でSVG形式の画像が表示できない際にPNG形式の画像を表示する方法(IE7,8用) | CodePlus
CSS RPG (CSS Programming Advent Calendar 2012) | WebDelog
Front End Performance Case Study: GitHub - JP's blog
Zelda Screen Transitions are Undefined Behaviour
Compassで簡単、CSSスプライト作成 | 第1回 CSSスプライト作成の基礎
Building a ‘Homebrew’ Video Game Console
cocos2dサンプル:ActionTestの内容(1) « ITASSIST