gifアニメーションで表現した東京23区の区章 | カラフルで「お役所」感が全然ない : きよおと-KiYOTO
6月20 gifアニメーションで表現した東京23区の区章 | カラフルで「お役所」感が全然ない カテゴリ:Awesomeデザイン http://blog.livedoor.jp/clock510/archives/1818437.htmlgifアニメーションで表現した東京23区の区章 | カラフルで「お役所」感が全然ない モーションデザイナーUKYO Inabaさんの作品 東京23区の区章をカラフルでスタイリッシュなgifアニメーションで表現した斬新なアイデア。 普段、目にする状態だといかにも紋章といった感じで堅苦しく、道路標識などで無意識に見ていても、あまり記憶に残らないことが多いですが、これなら興味をもって身近な存在と感じられそうです。（6/21追記：コチラもおすすめ→東京23区のgifアニメに新展開〜 映画のオープニングのようなクールな表現がスゴイ!!） uky0178(UKYO I
こちらの記事は、Indrek Lasn 氏により2019年 10月に公開された『 Here Are 6 Front-End Challenges to Code 』の和訳です。 本記事は原著者から許可を得た上で記事を公開しています。 著者Twitter https://twitter.com/lasnindrek フロントエンドの開発はストレスが多く難しい作業ですが、練習すれば技術をマスターすることができます。 自ら進んで鍛錬と努力をすれば、フロントエンド開発の場面で問題を解決することのエキスパートとなることができるでしょう。 優れたフロントエンド開発者になるために効果的な方法の１つは、単純にできるだけ多くの課題に取り組み、解決することです。 フロントエンド開発の達人になるために、今日から解き始めることができる6つの課題を紹介します。 ではさっそく、実装すべき６つの課題はこちら。 1. ク
一般的なサイト制作案件では、過度なアニメーション... / CSS3を使ったアニメーション表現 / Simple Icon Hover Effect...他...全10件 一般的なサイト制作案件では、過度なアニメーションを求められることは少ないですが、上手に取り入れることで利用者の心をグッとつかむことができます。どうせ作るなら、ユーザーの印象に残り、かつクライアントの目的を達成できるサイトに仕上げたいものです。 そんな、これからの制作案件にも採用できそうな、ちょっと目を引く表現方法を集めました。
利用しやすいものから、利用シーンを選ぶものまで、jQueryを使って実装したナビゲーションを紹介します。
新着記事
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
海外の『serial experiments lain』コミュニティについて - Mal d’archive
今年（2018年）は『serial experiments lain』20周年ということで、ファンの有志によるイベント が開かれたり、脚本家の小中千昭氏がブログを開設したりと、各所で『serial experiments lain』を回顧する催しが行われているようです。 そこで、この記事では、そういった盛り上がりとは一見したところ無関係の場所で営まれている『lain』コミュニティを紹介することで、『lain』の受容層の広がりと深さの一端をお伝えしたいと思います。 ■lainchan 海外のインターネットには、いわゆるchan系と呼ばれる、日本の「ふたば☆ちゃんねる」に端を発する匿名画像掲示板が数多く存在しています。その中でも、『serial experiments lain』をモチーフとするchan系画像掲示板が、この「lainchan」です。 「lainchan」は、2014年4月に設立
角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成＆コード生成をしてくれる「CSS3 ジェネレーター」まとめ！！
角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成＆コード生成をしてくれる「CSS3 ジェネレーター」まとめ！！ html5-css3-orange-logos / Nelson Felix Giga どうも！おつぱ（ @OZPA ）です！ 今回は、角丸やドロップシャドウ、グラデーションに2D/3Dアニメーションなど、CSS3に対応したスタイルを簡単に作成、さらにコードを生成してくれる「CSS3 ジェネレーター」を厳選して8つご紹介！ ｳｵｱｱｱｱｱｱｱｱ さて、CSS3対応ブラウザも増え、角丸、ドロップシャドウ、グラデーションにWebフォント、はたまた2D/3Dのトランスフォーム（回転／拡大縮小／移動）やアニメーションなどなど…リッチなUIがコードのみで表現できるようになりました。 関連：[CSS]GoodDesign賞にノミネートされて落選するこ
2022年4月27日 CSS CSS小技集シリーズの第3弾！「【第2弾】少しのコードで実装可能な20のCSS小技集」から3年が経ち、さらに便利でサクッと使えるコードが続々登場！特にこれまではJavaScriptで実装していたものがCSSだけで実現できるようになったりと、進化が凄まじいです。初心者さんからベテランさんまで要チェック！ ↑私が10年以上利用している会計ソフト！ 目次 スムーズスクロール スクロールスナップ スクロールすると要素を固定 画像をトリミング CSSで計算式を書く テキストを円形に回り込ませる Webフォントを使った時の表示遅延を回避する テキストに波線を引く テキストの上に記号を表示 表のセルの幅を統一する 入れ子になったリストもカウントする フォームのプレースホルダーの文字色を変更 しましまのライン メディアクエリーを使わずにタイル型レイアウトをレスポンシブに対応
Create a page flip effect with HTML5 canvas | Tutorial | .net magazine HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル。 canvasなんかも活用しつつ次のようにリアルに実現できちゃってます。Chromeなんかでは超なめらかでした。 Flashじゃなくてもできちゃうんですね。 ライブデモ 実装のためのコードがチュートリアル形式で解説されていますが、このテクニックは色々と使えそうですね。 関連エントリ CSS3を使った驚きのデモいろいろ２５種類 画面をスワイプさせてページ送りができるWordPressプラグイン「iPad Swipe」 iPadのブラウザ上で電子書籍風のめくる操作を可能にするJavaScript
海外サイトTutorialzineで公開された「20 Protips For Writing Modern CSS」の著者 Danny Markov より許可をもらい、翻訳転載しています。 この記事では、CSSスタイリングで実践したい、便利な20種類のテクニックをご紹介しています。CSSをはじめたばかりの初心者のひとにも合った内容も多く、あまり知られていない少しだけ高度で、より実践的なCSSテクニックまで学ぶことできます。これらのテクニックを利用することで、今後のウェブ制作をよりスムーズに、快適に行うことができるでしょう。 コンテンツ目次 1. 縦方向のマージン幅に気をつけよう。 2. レイアウトに Flexbox を利用しよう。 3. CSS リセットをしよう。 4. Border-box をすべてに適用しよう。 5. イメージファイルは背景に適用しよう。 6. リストテーブル用ボーダー
美少女ゲーム開発現場でのキャラクター彩色方法を、わかりやすく解説されているブログが凄い！ - 萌えイラスト上達法！ お絵かき初心者の学習部屋
IO 9elements
Our company's top wizards, stuntmen, and industry experts offer their best advice, how-tos, and insights - all in the name of shockingly good code & design. Building a Rock Solid Auto GridExplore a customizable CSS auto-grid layout in our latest post. Adjust column widths, gaps, and max column count for flexible web designs. Ideal for any web project. Hosting a ComfyUI Workflow via APIBasic WebSoc
どんな人向けの記事？ レビューによって心理的なダメージを受けやすい方 非エンジニアだが、エンジニアチームがどんな機能を作っているか知りたい方 業務が溜まっていて、レビューに割く時間を捻出するのに苦労している方 コピペできるコードも公開します 初回レビューをAIに任せると、いろんなロールの人の役に立つ レビューは得意ですか？ 優秀なエンジニアしかいないチームであれば、PRは1トピックに絞って小さく明確なコミットによって作成され、適切な要約とともに提供されることでしょう。 しかし、実際にはいろいろな制約から、PRが想定よりずっと大きくなってしまったり、関連トピックと異なるコードが混じってしまうこともあります。 実際のところ、大きなPRを適切にレビューするのは難しいことです。また、自分が詳しくない領域のレビューを行わなければいけない機会もあります。 今回の記事は、レビューを作成してくれるAI C
アニメNEXT 100 日本のアニメーション研究 １：日本のアニメ大全 国産商業アニメーション映画第一号に関する調査レポート 2017/01/01 中間報告
エブリスタ原作『未来の黒幕系悪役令嬢モリアーティーの異世界完全犯罪白書』がライトアニメ化。 2024年7月19日（金）よりCBCテレビにて放送開始！ 2024-06-26 リリース提供：株式会社エブリスタ らんま1/2」完全新作的アニメ制作決定！ アニメ制作決定特報PVを公開！ 7月17日に大発表会開催！！ 2024-06-26 リリース提供：株式会社小学館
素晴らしいアイデア満載のクリエイティブなスタイルシートのテクニックを紹介します。 これからのプロジェクトに使ってみたくなるような実用的なものから、CSSでこんなこともできるのか！という驚きのテクニックまで、今年もCSSに注目です。
作成：2014/06/30 更新：2014/11/01 Webデザイン > サイトのデザインセンス、または操作性などが良いのか悪いのかわからない。 オシャレで洗練されたデザインにするため、少しでもセンスを上げるために色々なサイトをチェックしておきたい。 今回はただWebデザインギャラリーサイトを紹介するのではなく、ページ別・職種・動き・制作別など「サイト制作時に役立つ」くくりでまとめました。コーポレートサイトやECサイト・自社サービスのデザイン考えるとき、提案前に一度は見ておきたいまとめ。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 配色 １．グラデーション＋フラットデザイン ２．ダッシュボードの配色例 ３．高級感を出す配色 ページ別 ４．採用ページ ５．404ページ 職種別 ６．和菓子系（不足の美） ７．女性向け（エディトリアルデザイン） ８．医療系 ９
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
面白法人カヤックがサイトリニューアル！ いきなり手前みそで恐縮ですが、今年の夏、面白法人カヤックがコーポレートサイトを2年ぶりにリニューアルしました。 「世界一更新頻度が高く、カヤックの活動がひと目で分かるコーポレートサイト」をコンセプトに、可読性が高く容量も軽いサイトに仕上げました。 ひと目見るだけで、最近のカヤックの動向が分かるようにニュースでTOPページを構成し、日々リアルタイムにカヤックの最新の情報を発信します。 技術的には、ブラウザのウィンドウサイズによって拡縮する画像はベクターファイルであるSVG（Scalable Vector Graphics）画像で置き換えたり（SVGはベクトル形式の画像のため、拡大してもボケない）、CSS3を用いることで画像の使用を極力控えたりするなど、ページの軽量化を実現しています。 カヤックサイトのCSSテクニックを丸ごと伝授！ 本稿では、サイトリニ
2021年3月8日から公開された『シン・エヴァンゲリオン劇場版』（以下、シン・エヴァ）。本作は新型コロナウイルス感染症拡大による緊急事態宣言のもと、その終盤においてはリモート環境で制作が行われた。しかし、公開の迫るアニメ映画をリモートで完成させるのは並大抵のことではない。 講演「スタジオカラーのこれからのシステムづくり（仮）」の内容をお届けする。タイトルの（仮）は、登壇者のカラー・鈴木慎之介氏が立ち上げに携わった「ニコニコ動画」のβ版以前の初期名称に由来している 制作環境を構築するため、制作会社であるカラーは、大規模なシステムの強化やインフラの整備を実施。この制作環境構築プロジェクトで主導的な役割を果たしたのが、カラー 執行役員 技術管理統括の鈴木慎之介氏だ。 3月13日、アニメ制作におけるデジタル作画、関連技術をテーマとしたフォーラム「アニメーション・クリエイティブ・テクノロジー・フォー
＊以下のリンク先を読んでおくと、呪いの効果が高まります。 アニメ「2021年のエヴァンゲリオン」雑文集（1/25~3/5） 旧劇のときにはこの世にいなかった人と席をならべて見て、終わったあとはいっしょに少し話をして、本作を目にすることのないまま、この世を去った人たちに思いをはせました。旧劇からのファンと新劇から入ったファンでは、シンエヴァの受け止め方はかなり違うだろうことは理解しています。なので、ファースト・インプレッションでの言い過ぎをまず少し修正しておきますね。 「一般的な映画としては佳作から凡作の間くらいかもしれないが、エヴァンゲリオンとしてはゴミ」 ２時間３５分の半分ぐらいを過ぎたあたりから、もう腕時計ばっか見てました。私小説とプロダクトを両立するダブルエンディングは儚い妄想であり、「One Last Kiss」と「beautiful world(da capo ver.)」もスタ
HYBRIDWORKS
CORPORATE INFORMATION CORPORATE NAME: HYBRIDWORKS,Inc. ESTABLISHED: October, 2004 FOUNDER: Masaki Hoshino ADDRESS: 1F, 6-5-4 Todoroki, Setagaya-ku,Tokyo,Japan 158-0082 CONTACT: info@hybridworks.jp 商 号: 有限会社ハイブリッドワークス 設立日: 2004年10月 代 表: 星野 正樹 住 所: 〒158-0082 東京都世田谷区等々力6-5-4, 1階 お問い合せ: info@hybridworks.jp
〈企画〉アニメ評 魔法少女まどか☆マギカ（2011.04.16） | 京都大学新聞社／Kyoto University Press
口コミやネット上での大騒ぎによって普段アニメをあまり見ないという人たちの間でもかなりその名を知られ始めた感のある本作『魔法少女まどか☆マギカ』が、今月２１日に最終回を迎えた。先の読めない展開の連続や、キャラクターたちを待ち受ける容赦ない過酷な運命、そしてそれらが視聴者にもたらす圧倒的な緊張感でもって今冬のアニメシーンを席巻した本作はまさに今、あらゆるメディアを超えてもっとも「熱い」作品である。 鉄は熱いうちに打て。最終回の熱気が筆者にも、そして本作を視聴した読者にもまだ残っているうちに本作の批評を行いたい。以下、大きく２章に分けて論じていく。（４７） Ⅰ 「まどか☆マギカ」をアイデンティファイする「伝わらない」世界 ストーリーというものを持つすべてのメディアに共通して言えることだが、「めでたしめでたし」のハッピーエンドで終わる話には必ず「想いが伝わる」瞬間がある。ラブストーリーであれば男が
今すぐ使いたくなる！個性的でわくわくする動きのスライダー12選（Javascript・CSS3） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
90年代アニソンの歌詞にフライアウェイ多すぎ問題、その解答。 - プリキュアの数字ブログ
先日、はてな匿名ダイアリーにてこんな記事がありました。 anond.hatelabo.jp 「90年代のアニソンの歌詞にフライアウェイ多すぎ問題」 当ブログに検証して欲しい、との事でした。 確かに面白そうだったのでちょっと検証してみました。 （自分、冗談を真に受けるタイプなのです） 検証方法 「歌詞の検証」なので、歌詞検索サイトを利用して「フライアウェイ」で検索、アニメ作品のみを抽出すればいけるだろうと思い、「うたまっぷ」「歌ネット」「歌詞ゲット」「JOYSOUND」などの「歌詞検索サイト」を色々と見てみました。 しかし各種歌詞検索サイトにより検索結果が異なり、さらに1000を越える曲からアニソンのみのデータを抽出するのに、ものすごく苦戦して挫折しそうになりました。 *1 なんとか気を持ち直し、 今回はJOYSOUNDの歌詞検索を使用させていただきました。 カラオケ・歌詞検索｜JOYSOU
Coveloping
box-shadowでふわりとした影をつくるCSSのジェネレーター、レスポンシブのチェック、アスペクト比の計算機、CSS/JSの軽量化など、たくさんの便利な時短ツールがありますが、それらの便利なツールを一つの場所にまとめたCovelopingを紹介します。 FacebookのOPGチェックやGoogle Mapsの地図生成ツールもあり、新しいプロジェクトを始める時にも役立つものが揃っています。 Coveloping 便利ツールは現在23種類、アスペクト比の計算や一つのカラーに黒と白を加えたバリエーションを生成したり、box-shadowでふわりとした影をつけたり、jQueryのアニメーションのエフェクトなどがあります。 これからもどんどん増えていくそうです。 その中から、いくつか紹介します。
以前はアダルトゲームブランド「minori」のオープニングムービーを製作していた新海誠監督。 そのムービーが凄まじいので「君の名は。」で新海監督を知った人にも是非見ていただきたいです。
このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.
ジブリ鈴木敏夫Pに訊く編集者の極意──「いまのメディアから何も起きないのは、何かを起こしたくない人が作っているから」
宮崎駿作品をはじめとする、数々の名作アニメを生み出してきたスタジオジブリ。その語源であるイタリア語“GHIBLI”と同じ由来によって名付けられた雑誌がある。そのスタジオジブリによって2003年に創刊され、現在も刊行を続けている月刊誌「熱風（GHIBLI）」だ。 （画像はスタジオジブリ出版部｜ 小冊子『熱風』2018年2月号の特集は「潮田登久子 ロング・インタビュー 本を撮る」です。より） この「熱風」は、スタジオジブリ関連書コーナーを常設している書店での店頭配布と、定期購読によってのみ入手可能な無料配布の冊子だ（定期購読は事務経費のための購読料が必要）。 ……こう紹介すると、ジブリの関連情報を伝えるパンフレット的なものが想像されるが、さにあらず。確かに「熱風」には、そうした特集やアニメに関する記事が掲載されることもある。 しかしそれ以外の、憲法改正や人口減少といった政治的社会的な問題、エコ
あなたのWeb制作をサポートしてくれるWebツール13選Update2023.05.24Release2023.04.28Tools HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。 Fuze – CSS Gradient AnimatorFuzeグラデーションアニメーションのCSSジェネレーター。色を複数指定するだけでCSSアニメーション用のコードを作成してくれます。背景色やテキストカラーなどに使えます。 ちなみに、テキストカラーは当サイトのト
作画崩壊を超えた何かを見せつけられるアニメ『ダイナミックコード』1話の追いピアノを見たツイ民の腹筋が次々と壊されている模様
めいじ @meiji26 ダイナミックコードは一度ニコニコで見ることをおすすめする。ホントに。 こう言っては失礼かもしれないけど、ダイナミックコードを見ることで、普段自分達の見ているアニメがどれだけ技術、間の取り方、脚本の水準が高いか分かると思う。そして原作が好きな人はごめんなさいだけど笑い止まらない。 2017-11-01 02:49:31
Web制作者はブックマークしておくと便利！HTMLやCSSやOGPやTwitterカードなどのコードを生成できるオンラインサービス
CSSの面倒なコード、アニメーションやグラデーションやシャドウなど、表示結果を見ながらコードを生成でき、HTML5のよく使うスニペットや新要素、MetaタグやOGPやTwitterカードなどのコードを簡単に生成できるオンラインサービスを紹介します。 こういったコード生成は探せば見つかるかもしれませんが、まとまってると便利ですね。
Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you.
アニメ化後原作が止まった作品リスト
アフィカス、アフィチル全員死ね やらカス死ね 増田で書いてんだから先にこっちをブクマしてね作品名アニメ放送年原作最新刊発行年補足クロックワーク・プラネット2017年4月2015年12月小説は4巻で止まっているが漫画は連載中無彩限のファントム・ワールド2016年1月2016年2月ランス・アンド・マスクス2015年10月2016年12月六花の勇者2015年7月2016年3月旦那が何を言っているかわからない件2015年4月2015年8月アブソリュート・デュオ2014年7月2016年7月ブラック・ブレット2014年4月2014年4月アニメ化時の多忙で体調不良をおこし休載中ワールドトリガー2014年4月2017年3月アニメ化時の多忙で体調不良をおこし休載中甘城ブリリアントパーク2014年1月2016年6月フルメタの仕事忙しそうのうりん2014年1月2016年10月りゅうおうのおしごと！放送中境界の彼
ニコ運営「権利者からじゃねーなら知らねーしwww」 監督「権利者です」 運営「…え…！？」 監督「初めまして、アニメーションの監督 北久保弘之です」 運営「…う、うわあ…ああ…べ…別の連絡手段で…」 監督「twitterで＾＾」
著作権侵害であっても権利者以外からの削除申請には一切応じない、ニコニコ動画運営 ニワンゴ取締役 木野瀬友人さんが 「北久保さんが消せない理由って何ですか？」 って呟いたら、北久保弘之さん本人からリプライがきて、あらあらまあまあ 2/3 関連動画、関連記事 関連まとめを追加 / kinoppix氏が急にプロフィールを変更したことに関わるやりとりを追加 【続編】http://togetter.com/li/277301 北久保監督とドワンゴ会長川上量生氏のやりとり 『ドワンゴ会長「権利者からじゃねーなら知らねーしwww」 監督「権利者です」 会長「知らねーよ」 監督「その動画、俺の監督作品です」 会長「権利者なら削除依頼すればいいんじゃないっすか？」 監督「……」』
最近のWebサイトで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。
![[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/4df978511120c0727c18646f1d386ecdc2ab3a59/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015072304.png)
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フロントエンドのコーディング課題６選-このフロントエンドの課題、実装できますか？ - Qiita
制作案件に使えば注目度アップ！CSS3を使った驚きのアニメーション表現
jQueryを使って実装する、かっこいいナビゲーションのまとめ | コリス
アニメ「Sonny Boy」の『難解』プログラムの解説 - まめめも
Flashに使えるサウンドエフェクト - DesignWalker
【第3弾】少しのコードで実装可能な15のCSS小技集
HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル:phpspot開発日誌
プロが実践するモダン CSS の書き方入門テクニック20選まとめ
GAINAX NET｜GAINAXアニメ講義第1回 「上手・下手、イマジナリーライン」｜講師：鶴巻和哉
もう初回コードレビューはAIに任せる時代になった - CodeRabbit -
CSSのすごいアイデアが満載！実用的なものからスゴ技までスタイルシートのテクニックのまとめ
センス上がった！タイプ別に分けたWebデザインの参考になるサイトまとめ
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
普通に開く“扉”をゲーム内に作るのは，なぜそんなに難しいのか
いますぐ使えるCSS3テクニック集！ コピペ用サンプル付き！
『シン・エヴァ』のリモート制作を支えたシステム&ツール - カラーが考える「アニメのデジタル化」
追悼「シン・エヴァンゲリオン劇場版：呪」｜小鳥猊下
新海誠が作ったエロゲOPはお前のようなエロゲOPがあるかという凄まじさなので見てほしい
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
あなたのWeb制作をサポートしてくれるWebツール13選 | BUILD Journal
「正直、困惑しています」けものフレンズ、プロデューサーが心境を語る
[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ