An exploration of what's possible with CSS for Pokemon Cards, simeydotme (Simon Goellner)
I've made a JavaScript simulation of driving at night time on the motorway. It's hard to classify what it is. It's not a video, because it's generated dynamically. It's not a game, because you just watch. It's not a screensaver, because it's not the 90s. Maybe it's a "demo"? This is something I've been planning to make for years, but kept forgetting about. I would only remember it when in the pass
For those who have read the article “Arduino – Controlling a WS2812 LED strand with NeoPixel or FastLED” might have gotten infected by urge to get more effects, after all … some of these LEDStrip effects look pretty slick! With the holiday coming up real soon, I figured this would be a great opportunity to create and post some cool effects for your LED strips. Maybe you can be your own Griswold (N
本記事は、ShakuroのRita Kind-Envy氏による「UI/UX Design Trends Of 2022 You Need To Catch Up To」(2021年11月15日公開)の和訳を、著者の許可を得て掲載しているものです。 はじめに 2021年は2020年よりも良い年でしたか?UI/UXデザインに限って言えば、そうです。新しい素晴らしいウェブサイトやアプリが生まれ、グラフィックデザイナー向けの新しいソフトウェアがリリースされ、創造性が泉のように湧き出ているようでした。 デザイナーが在宅を余儀なくされると、より多くのものを生み出し、すでに存在するものについて考える時間ができます。退屈はアーティストの最大の敵で、その解消のために努力します。 世界の他の分野では、2021年は非常に困難な年でした。世界最年長の猫は34歳の誕生日を迎えました。うーん、そう、良かったのはそれだ
1984年生まれ岡山のど田舎在住。技術的な事を探求するのが趣味。お皿を作って売っていたりもする。思い付いた事はやってみないと気がすまない性格。(動画インタビュー) 前の記事:岡山城は中学校!大正時代の地図を片手に岡山市をゆく > 個人サイト オカモトラボ ゲーム機が禁止されていた学生時代 僕は学生の頃には寮に住んでいたのだが、その寮ではゲーム機の持ち込みが禁止されていた。 必然的に将棋とかトランプといったアナログな遊びをせざるを得なかった。 将棋とかトランプはよく遊んだ。それも今となっては良い思い出だ。 その後、レポートを書くためのパソコンは寮内に持ち込めるようになりパソコンゲームはできるようになる。 それまでの将棋やトランプとは違い、パソコンのゲームは華麗なグラフィックや視覚効果(ゲームエフェクト)で彩られ、とても感動したのを覚えている。 さて時は流れゲームエフェクトがなければ満足できな
Terminal Slam Music Videoは街の中に存在する広告を全て消去、もしくはSquarepusher由来の広告に入れ替えるということを行ったDiminished Reality, Mixed Reality Music Videoである。近い将来、このMusic Videoで行われた様にAR/MRグラスをかけることによって街中の風景を自由に書き換えることが出来る様になるだろうと真鍋大度は考えて本MVを作成した。 Machine Learningテクノロジーを用いて、 - Object Detection(画像の中のオブジェクトの位置を認識) - Semantic Segmentation(画像の中のピクセル1つひとつに対してラベル付けを行い、意味に応じて画像領域をカテゴリ分類する) - Image Inpaint(画像修復技術) を行った。街中の広告看板はほとんどのものが周
Easily add high-quality animation to any native app. Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images. Get Started Learn more › Why Lottie? Flexible After Effects features We currently support solids, shape layers, masks, alpha mattes, trim paths, and dash patterns. And we’ll
ほとんどのモダンブラウザがCSS3対応となったことで、これまではPhotoshopなどのデザインアプリで再現していたようなデザインスタイルも、HMTL/CSSで表現できるようになってきており、その進化はますます加速しています。 今回は HTML と CSS、わずかな JavaScript で実装できる、表現力の高いテキストエフェクト用コードスニペットをまとめてご紹介します。コードニペットは各エフェクト別にカテゴリ分けしているので、ウェブサイト制作に活用したいエフェクトを見つけてみましょう。 ナビメニュー100連発!CSSで表現できるコピペ可能なHTMLスニペットまとめ CSS3の広がる可能性!美しいテキストエフェクト用コードスニペット24個まとめ CSSスタイリングで表現できる!すごいテキストエフェクト33個まとめ コンテンツ目次 1. アニメーション・テキストエフェクト 2. グリッチ・
Lightbox Evolution is a tool for displaying images, html content, maps, and videos in a “lightbox” style that floats overtop of web page. Using Lightbox Evolution, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page. Screenshots Testimonials Themes iPad Compatible Technical Support If you have any questions, please conta
羅列された要素をフェードイン しながら徐々にランダムで表示 させるエフェクトをjQueryで実装 出来る、というプラグインの ご紹介。割と短いコードで作れる エフェクトなので覚えておきたい ですね。 要素をフェードインさせながらランダム表示させるjQueryのプラグイン・champagne.jsです。 champagne.js とても軽量で、テキストでも画像でもOKです。シンプルなので色々応用が利きそう。 以下動作サンプルです。※再生ボタンで動作します。 コード <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.champagne.m
jQuery の Cycle プラグインについて。jQuery の Cycle プラグインを使うと、様々なアニメーション動作によるスライドショーを、簡単に作れる。オプションも豊富にあり、細部までカスタマイズできるので、スライドショー以外にも応用できる。 導入 jQuery Cycle Plugin – Downloadより、「 jquery.cycle.all.js 」をダウンロード。 実装例(サンプル) 実装例(サンプル)について 実装例(サンプル)のソースコードについては、こちら。 Cycle プラグインの使い方 基本 「jquery.cycle.all.js」を読み込み、「JavaScript」と「HTML」を下記のように書く。 JavaScript <script> <!-- jQuery( function() { jQuery( '#jquery-cycle' ) .cycle
jQuery Cycle Pluginの使用方法をご紹介します。 jQuery Cycle Pluginは様々な効果でスライドショーを簡単に実装できるjQueryライブラリです。 公式サイト ※ このライブラリは、jQueryが別途必要です。 目次 ダウンロードと設置 JavaScriptの読み込み 適用方法 オプションの設定 ページネーションの設置方法 オプション 効果一覧 ダウンロードと設置 こちらからダウンロードします。 ダウンロードしたJavaScriptファイルを任意の場所に設置します。 JavaScriptの読み込み 任意の場所に設置したjQueryとjQuery Cycle PluginのJavaScriptファイルを読み込みます。 パスは環境に応じて変更してください。 HTML <script src="js/jquery.min.js" type="text/javasc
CSSBeginner's tutorialsYour first website: Styling the contentCSS styling basicsWhat is CSS?Getting started with CSSChallenge: Styling a biography pageBasic CSS selectorsAttribute selectorsPseudo-classes and pseudo-elementsCombinatorsThe box modelHandling conflictsCSS values and unitsSizing items in CSSBackgrounds and bordersOverflowing contentImages, media, and form elementsStyling tablesDebuggin
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く