「ミライリアルの幸せを、デジタルの力で創る」ことを目指すSupershipグループの社内報です。日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipグループの”Be Super”なストーリーをみんなでシェアしていきます。
ScaleOut | Supership
「ミライリアルの幸せを、デジタルの力で創る」ことを目指すSupershipグループの社内報です。日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipグループの”Be Super”なストーリーをみんなでシェアしていきます。
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
コリス
CSSの:has()疑似クラスは2023年暮れにFirefoxでもサポートされ、すべての主要ブラウザでサポートされました。今までのCSSでは、要素の存在のあり・なしによって特定の親や要素にスタイルを設定することは不可能でしたが、:has()疑似クラスのおかげで、指定した要素がある場合にのみスタイルを適用できるようになりました。 WebサイトのUIでよく見かけるCSSの:has()疑似クラスの便利な使い方を紹介します。今までは少し面倒なCSS、もしくはJavaScriptが必要でしたが、:has()疑似クラスを用いると簡単に実装できます。
今回はゲームとあまり関係ない話。 『トイ・ストーリー』シリーズを始めとする数々の傑作でおなじみアニメ制作会社、ピクサー。この会社の作品のDVDソフトには、たいていピクサー社内における制作現場のメイキング映像が特典として収録されている。最新作『トイ・ストーリー3』のブルーレイ版にも豪華な特典映像がたっぷり付いていたが、その中のひとつ「脚本の書き方講座」が、映像をまじえてとてもわかりやすく作られており、非常に面白いものだった。 まず前提として、ハリウッドの娯楽映画の多くは「映画の尺の1/4が第1幕（発端）、1/2が第2幕（葛藤）、残りの1/4が第3幕（解決）」という3幕で構成されている。ピクサー作品の場合「脚本はおおよそ100ページで、3幕の配分は25/50/25ページ」とのこと。 この特典映像「脚本の書き方講座」では、ピクサーの『トイ・ストーリー』『ファインディング・ニモ』『Mr.インクレデ
Lo-fi Hip Hop（ローファイ・ヒップホップ）はどうやって拡大したか 特徴、始まり、主なアーティスト、アニメとの関わり、そして今後についてなど - beipana
screengrab from chilledcow 2018年にSpotifyで急成長したジャンル2位となり、SNSではミームとしても機能し始めるなど、認知がピークに達しつつある"Lo-fi Hip Hop（ローファイ・ヒップホップ）”・"Lo-fi beats（ローファイ・ビーツ）"。一体どうやって拡大したか、特徴、始まり、主なアーティスト、アニメとの関わり、今後についてなどまとめてみました。 Lo-fi Hip Hopとは Lo-fi Hip Hopの始まり Lo-fi Hip Hopが拡大したきっかけ 誰がオリジナルか 主なチャンネル・レーベル Lofi Girl （旧 Chilled cow) Chillhop Music Ryan Celsius 代表的なビートメイカー Tomppabeats Jinsang BSD.U Elijah Who wun two Lo-fi Hip
1960年、山口県生まれ。監督・プロデューサー。学生時代から自主制作映画を手掛け、その後TVアニメ『超時空要塞マクロス』（1982年）、劇場用アニメ『風の谷のナウシカ』（1984年）等に原画マンとして参加。1988年、OVA『トップをねらえ！』でアニメ監督デビュー。1995年にTVアニメ『新世紀エヴァンゲリオン』を手掛け、1997年の『新世紀エヴァンゲリオン劇場版』とともに社会現象を巻き起こす。1998年、『ラブ＆ポップ』で実写映画を初監督。2006年、株式会社カラーを設立し、代表取締役に就任。自社製作による『ヱヴァンゲリヲン新劇場版』シリーズ（2007年〜）では、原作、脚本、総監督、エグゼクティブ・プロデューサーを担当している。最新作は脚本・総監督を務めた実写映画『シン・ゴジラ』（2016年）。現在は『シン・エヴァンゲリオン劇場版』を2020年6月公開に向けて制作中。 庵野秀明監督・特別
テキシコー | NHK for School
この番組は、思わず頭の中で手順を組み立て、先を予想したくなるような興味深い実験、手順の組み合わせを改善していく楽しさを伝えるアニメーション、さまざまな仕事や物の中にプログラミング的思考が活かされていることを伝えるコーナーなどで構成されています。番組の中では、実際にコンピューターを使ったプログラミングを体験するシーンは出てきません。コンピューターへの苦手意識やICT 環境を問わず、誰でも楽しくプログラミング的思考を育めます。コンピューターを使ったプログラミングへの導入としてはもちろん、実際のプログラミング体験をした後でも、活用できる番組です。
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
Appleから提供されているiOSのプログラミングガイド。日本語に翻訳されたiOSのドキュメントがあります。iOSデバイス向けのアプリを開発するにあたっては、必読の内容となっています。 これらは全てPDFで提供されています。 ですのでiPhoneでPDFを開き、iBooksで保存することが出来ます。 このように、持ち運んで空き時間に勉強できるんです。 PDFのリンクは下記にまとめていますので、iPhoneでご覧ください！ iOSのドキュメント一覧(2011.8.20現時点) Audio & Video AV Foundationプログラミングガイド iOSカメラプログラミングトピックス Audio Session プログラミングガイド Core Audio の概要 iPodライブラリアクセス プログラミングガイド Tools & Languages Objective-C
全てこなせば絵がうまくなる！絵の描き方・上達方法まとめ
絵画・イラスト・漫画など全てに共通して 頭で描いたものをそのまま描き出すのは非常に難しいです。 しかし、地道な練習によって画力が上がったり １年ほどで急に上達した人も非常に多いです。 今回はそんな画力アップに成功した人が実践した 絵の上達法をまとめてみたのでぜひ参考にしてみてください。 絵がみるみる上達する５つの練習方法 絵の基礎能力を上げることができるので 以下の練習方法を上から実践してみましょう。 １、「○」をひたすら描くだけの画力上達法 どんなにへたくそでも一日後には絵が上手くなる方法 紙にひたすら「○」を描いていくという方法で 絵は描けば描くほど上手くなるということを実証する 一度、ウェブ上で話題になった方法です。 ２、画像での人物描き方講座 印刷しておくと必ず役に立つ絵の資料まとめ とにかく役立つ具体的な絵の描き方が掲載されています。 全身・顔・手・上半身・下半身・髪・服など、
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！ まずは王道！縦に長い高級ペライチ
庵野秀明（2000）
庵野秀明 プロフィール 庵野 秀明（映画監督、アニメーター） 1960年生まれ。大阪芸術大学芸術学部映像計画学科出身。 2006年よりスタジオカラー代表。 監督作『トップをねらえ！』『新世紀エヴァンゲリオン』『シン・ゴジラ』など Twitter：株式会社カラー@khara_inc ホームページ：庵野秀明公式ウェブ （以下、会見録） ２０００．１２．５ 人研 お忙しい中本当にありがとうございます。それでは早速会見の方に入らせていただきます。今回庵野さんにお会いしたいと思ったのは、縁がありまして、DAICONフィルムを高校時代に見る機会があったんですよ。これを撮ったのが大学生だと聞かされてものすごい驚愕したんですね。そこから庵野さんに注目し始めたんですけれど。エヴァンゲリオンにしてもラブ＆ポップにしても、DAICONフィルムの頃の自主制作の手法を僕は感じたんですね。そういうところのこだわりに
jquery小技まとめ３２
作成：2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール １．ページ内リンク／フッターまわり／トップに戻る ２．パララックス スライド ３．カルーセル ４．レスポンシブなスライダー ５．ヌルヌルサクサクなスライドメニュー ６．サムネイル付きクロスフェードスライドショー 補助 ７．Google Ana
Googleブックスの騒ぎを知って約1年。気づくと今そこには「読んでみたかった！」という本が数多く載せられていることを知りました。 さて、そこでゲーム開発にも応用できる知識を中心に私がチョイスしたのが以下の本たちです。もちろんGoogleブックスではこれら以外にもまだまだ多くの本を閲覧することができます。これらを読めば、本には本当に知識と情報がまとめられているということ、著者たちの努力を発見できると思います。 ゲームデザイン 「おもしろい」のゲームデザイン: 楽しいゲームを作る理論 シリアスゲーム デジタルゲーム学習: シリアスゲーム導入・実践ガイド ユーザビリティエンジニアリング原論: ユーザーのためのインタフェースデザイン 人はなぜ形のないものを買うのか: 仮想世界のビジネスモデル ゲーム理論の基本と考え方がよ〜くわかる本 ノベルゲームのシナリオ作成奥義 ライトノベル創作教室 すごい人
Posted: 2012.03.08 / Category: javascript / Tag: jQuery, アニメーション 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-
Prezi
Give more engaging, meaningful, virtual presentations in Zoom.
GitHub
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
京都市伏見区にあるアニメーション製作会社のスタジオが男に放火された事件で警察によりますと33人の死亡が確認されたということです。また35人がけがをして病院に搬送されたということです。火をつけたのは41歳の男とみられ、警察が放火の疑いで調べています。 消防車30台が出て消火にあたった結果、出火から５時間近くがたった午後３時すぎに火はほぼ消し止められました。 出火当時、建物には従業員など70人余りがいたとみられていて、警察によりますと、33人の死亡が確認されたということです。 男性が12人、女性が20人で１人は性別が不明だということです。また35人が病院に搬送されました。 このうち17人は重傷で、16人が入院して手当てを受けているということです。 消防によりますと建物内の救助活動は終了し、取り残されている人はいないということです。 一方、放火した男は現場から逃走しましたが、100メートルほど離
絵の描き方・上達法総まとめ 初心者からベテランまで絵を描く人に役立つ記事36選 ｜ お絵かき速報！萌え絵上達法
あらゆる絵の描き方や上達法を集約したサイトが見たい、という思いから作った 「お絵かき速報」2年間の総まとめです。 今まで紹介してきた中で、反響が大きかったおすすめの記事をまとめました。 絵を描いたことがない、これから描いてみたい、という方は描き始めるきっかけとして。 既に絵を描いている方は、更なる上達への足がかりに。 また、作業効率の向上や、モチベーションを上げるための参考になさってください。 【初心者向け講座】 初心者にも分かりやすい『人の描き方』講座まとめ とっつきやすい、キャラの描き方講座まとめ 絵が全く描けない初心者に最適のイラスト教本と練習法 これから萌えキャラを描き始めようとする人に 絵が上手くなりたい人が見るべき講座・サイトまとめ チェックしておくべき定番の絵の上達サイトを紹介 【絵の上達法・練習法】 印刷しておくと必ず役に立つ絵の資料まとめ 何度も見返し参考にしたい絵の資料
（2019.02.23に書いたブリコルールのブログ記事の引越しです） 写真をイラストっぽく使いたいなどの局面はいろいろありまして、備忘録も兼ねて。 会社の近所で撮影した写真をこんな感じでイラスト風にして、弊社のキャラクターと合わせてみました。まあまあアニメのワンシーンのようにも見えなくもない？？ 最近だと、アプリで簡単に写真をイラスト風に変換できるものもありますが、photoshopを使います。 ベースとなるレイヤーを作成・調整する もとの写真はこちらです。 なんの変哲もない、何年か前に撮ってフォルダの奥底で眠っていた写真ですが、空を抜きやすい写真を選ぶとよいです。 【イメージ】＞【色調補正】＞【HDRトーン…】を選択します。 他のサイトなどでもHDRトーンを使って紹介しているところは多いです。私もこれを使います。HDRトーンの正しい使い方は正直なところ自分はわかっていません…。調整がまと
「機動戦士ガンダム」の監督として知られる富野由悠季さんが10月27日、「東京コンテンツマーケット2008」（独立行政法人・中小企業基盤整備機構関東支部主催）のトークセッションに登場し、「プロフェッショナル・クリエイターの条件」というタイトルで自らの“プロ論”を披露した。 「自分流の言葉づかいしかできなくて本当に申しわけない」と言いながら、集まったクリエイターに刺激的な言葉を投げかける富野さん。セッションは、コンテンツ関連のコンサルティングを手がけるQPRの清田智社長との対談形式だったが、事実上富野さんの独演会だった。 「コンテンツ」という言葉はおかしい セッションのタイトルは「プロフェッショナル・クリエイターの条件」ですが、これは無理やりつけたタイトル。ここにいる人（コンテンツマーケットの出展者など）はプロクリエイターの条件を満たしてますから。ぼくみたいなロボットアニメの専門家がぐだぐだ言
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
人生で観ておくべき、日本映画ベスト50
タイムアウト東京 > 映画 > 人生で観ておくべき、日本映画50選 日本映画には大きな魅力と素晴らしい監督の存在がある。特に黒澤明は、この地球上で最も偉大な映画監督といえるが、日本が生んだ名監督は彼だけではない。小津安二郎や宮崎駿、溝口健二、市川崑ら、映画「東京物語」「七人の侍」「となりのトトロ」など、圧倒的な名作を生み出し映画界に貢献してきた。 サイレント時代から戦後の映画黄金期をへて、パンキッシュで挑発的な1960年代のニューウェーブ、アニメーション作品の爆発的なヒットを生み出した。そして、多くの作品はアメリカやヨーロッパで大きな影響力を持つようになった。タランティーノやスコセッシは、大の日本映画好きで伝達者であり、ゴジラはハリウッドの大作映画としてとどろき続けている。 しかし、あまりに多くの作品があるため、何から観ればいいのか頭を抱えてしまうかもしれない。ここでは、タイムアウトワール
「線形代数を簡単に理解できるようになりたい…」。そう思ったことはないでしょうか。当ページはまさにそのような人のためのものです。ここでは線形代数の基礎のすべてを、誰でもすぐに、そして直感的に理解できるように、文章だけでなく、以下のような幾何学きかがく的なアニメーションを豊富に使って解説しています。ぜひご覧になってみてください（音は出ませんので安心してご覧ください）。 いかがでしょうか。これから線形代数の基礎概念のすべてを、このようなアニメーションとともに解説していきます。 線形代数の参考書の多くは、難しい数式がたくさん出てきて、見るだけで挫折してしまいそうになります。しかし線形代数は本来とてもシンプルです。だからこそ、これだけ多くの分野で活用されています。そして、このシンプルな線形代数の概念の数々は、アニメーションで視覚的に確認することで、驚くほどすんなりと理解することができます。 実際のと
クソ酷いウェブサイト
他に何がほしいってんだ、クソ野郎 お前はウェブサイトを作ってその糞サイトを最高だと思ってるんだろ？ お前は13MBに及ぶパララックスエフェクト付きのクソ重いページがアホらしいグッドデザイン賞をとるとでも思ってるんだろ？ お前は20kgあるjQueryファイルと83個のpolyfilがIE7をまともに動作させると思ってるんだろ？ どアホ、お前は間違っている。俺様が俺の考える最強のウェブページを教えてやる。 クソ軽量でクソ速いページ 全てのデバイス幅に対応できる どんなうんこブラウザでも見た目が一緒 お前のサイトに訪れるどんな糞野郎でもアクセス可能 読みやすく伝えたいことが明確（もっともお前が5MBサイズのシャレオツなコーヒー写真ではなくて伝えたいことがあればの話だがな） よく聞け、糞野郎ども お前らはハッキリ言ってオーバー・デザインだ。この史上最強のウェブサイトを見てみやがれ。俺がごみコンテ
アルゴリズムビジュアル大事典
このサポートページでは、マイナビ出版発行の書籍「アルゴリズムビジュアル大事典」にて作成しましたシンボル、アニメーション、疑似コードを掲載いたします。また、内容のアップデートを行ってまいります。詳しい解説は、本書をご参考にしてください。 アニメーションコントローラの使い方はクイックマニュアルでご確認頂けます。 補足情報が表示されているトピックにつきましては、ご注意ください。その他の訂正等は正誤表をご覧ください。ご質問、不具合等のご報告は、ご遠慮なくy.watanobe@gmail.com（渡部）までお送りください。
絵心がないと悩む人でも一瞬で100の表情が描けるようになるラクガキテクニックとちょっとしたコツ【emography(エモグラフィ)】
子供の頃から絵を描くこと（ラクガキ）が大好きでした。 とはいえ、絵を仕事にする画家や漫画家になりたいというのはあまりなく、ただ単に絵を描くことが好きでテストの裏紙やノートや手帳に描いたりがほとんど。 それもあって「これは自分が楽しむためのラクガキなんですよ」といい続けてきました。 そんなある日、このブログで私のラクガキを見てくれた知人の「僕も絵を描けるようになりたいんです！」というリクエストに応えるために「ハッピーラクガキライフ」というラクガキ講座を開催することになりました。 今回はその講座の中でも一番キャッチーで多くの人に喜んでいただいている「絵が苦手な人でも一瞬で100の表情が描けるようになるテクニック」をご紹介したいと思います。 人間の表情を構成する要素 人間には人の顔にとても敏感に反応する本能が備わっています。この現象のことを「シミュラクラ現象」といいます。 ▼点3つが顔に見えるこ
画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 LightboxLightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。グル
プログラミング教育や社員の健康をサポートする「CHO室」の取り組みなど、DeNAのCSRに関する情報を発信するブログ
動くCSSのためのメモ。
CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす 「動く」といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。 例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ
[JS]jQueryのプラグイン100選 -2011年総集編
2011年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年はCSS3の影響もあってかアニメーションのエフェクトが目立ちました。また、Resposive Web Design用の可変ものや動画・テキストを扱ったものも多かったですね。 [ad#ad-2] 動画関連 画像ギャラリー関連 画像拡大関連 画像配置・キャプション関連 背景画像関連 コンテンツスライダー・カルーセル関連 タブ関連 ナビゲーション関連 レイアウト関連 パネル・ボックス関連 ツールチップ・ティッカー関連 アニメーション関連 エフェクト関連 スクロール操作・スクロールコンテンツ関連 リスト関連 テーブル関連 フォーム関連 テキスト関連 見出し抽出関連 ローディング関連 エレメント・コンテンツ生成 その他 動画関連
投稿１６９ 日常の中の曲率 Ｓ．Ｈ氏
平素はSo-netをご利用いただき、誠にありがとうございます。 このたび、誠に勝手ながら、2021年1月28日(木)をもちまして、「U-page+」サービスの提供を終了させていただくこととなりました。 サービスをご利用いただいておりますお客さまには、ご迷惑をおかけすることを深くお詫び申し上げますとともに、これまでのご愛顧に厚くお礼申し上げます。 記 ■提供終了サービス名 U-Page+ ■提供終了日 2021年1月28日（木） 15:00 提供終了日以降、お客さまのWebコンテンツの表示、FTPからのデータダウンロードができなくなります。 ■解約のお手続きについて 2021年1月28日(木)をもって自動解約となりますので、お客さまご自身での解約のお手続きは必要ございません。 サービス終了日以前に解約をご希望のお客さまは、解約のお手続きが必要です。 下記のWebページよりお手続きください。
今のウェブデザインの流行りは「レスポンシブ・ウェブデザイン」！ 昨日、とあるアプリの紹介ページについて話し合っていたのだが、株式会社LIGのデザイナブログに書いてあった「必読！5分でわかる流行のレスポンシブWebデザインまとめ」に載っていた「NHKスタジオパーク」のレスポンシブ・ウェブデザインがイケイケすぎて感動したので、紹介する！これは本当にすごい！！ まず普通に表示するとこんな感じ。よくある3コラムベースのウェブサイト。 少し幅を狭めると、下にあったコンテンツが右サイドバーに移動し、右サイドバーにあったコンテンツが下に移動した。 さらに狭めてみると、右のサイドバーが完全に無くなった。 さらに狭めると今度は左のサイドバーが消えた。 ブラウザの限界まで狭めてみると、各パーツの幅も狭まってこのような形に落ち着いた。 これを試している時、各要素の動きがあまりにも滑らかでものすごく感動した。皆さ
実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。 今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。 対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。 また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ（特にIE7・IE8など）によっては動きや見栄えが説明と異なる場合があ
止まらない血、中学3年生の余命宣告…『涼宮ハルヒ』『ひだまりスケッチ』『コードギアス』声優・後藤邑子と“人気絶頂で姿を消した背景” | 文春オンライン
◆◆◆ 最初のきっかけは「中学3年生の夏、止まらなかった鼻血」 ――「全身性エリテマトーデス」とはどのような病気でしょうか？ 後藤邑子さん（以下、後藤） 自己免疫疾患のひとつです。本来、免疫というのは外から入ってきたウイルスなどの外敵と戦うものですが、それが自分の体の細胞を攻撃してしまう病気です。 血液だったり、臓器だったり、あるいは皮膚だったりと、どこを攻撃するのかわからないので、「全身性」といいます。原因は、まだハッキリとは突き止められていないようです。 ――病気が発覚したのはいつでしたか？ 後藤 2012年に倒れて入院し、そのときに検査してわかりました。 もともと私は別の自己免疫疾患、特発性血小板減少性紫斑病（血小板に対する「自己抗体」がつくられることで、血小板が破壊され、出血の危険が高まる病気。国が指定する難病の対象）というのを長く患っていたので、その症状がひどくなったのかと思って
※2014/03/17追記：巻末にオマケを追加 先日、Twitterで漫画のイマジナリーラインについて話題になった。 【イマジナリーライン】を超えたマンガは最悪なのか http://togetter.com/li/641095 その中で、自分もドラゴンボールのワンシーンを画像としてTwitterに投稿し、その画像を起点に色々な議論が交わされていくのを非常に興味深く読んだ。そこで思い出したんだけど、自分もドラゴンボールの左と右に関する記事を書いてる途中だった。 というわけで、話題がホットなうちに公開しようと思い急遽書き上げたのでお読みください。（書くこと多すぎて旬を過ぎた感は否めないけど、イマジナリーラインとは直接関係ない話だし、ね！） キャラ位置が頻繁に入れ替わるのに読みやすい まずはこの画像を見ていただきたい。自分がTwitterに投稿して議論になったドラゴンボールのワンシーン。 2コマ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ピクサーの「脚本の書き方講座」が素晴らしかった - Gamers, Be Ambitious
【庵野監督・特別寄稿】『エヴァ』の名を悪用したガイナックスと報道に強く憤る理由
Ajaxload - Ajax loading gif generator
通勤中でも寝る前でも！iPhoneプログラミングを勉強出来る簡単な方法！ » SHINGOLOG
縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個！
Googleブックスで読めるソフトウェア開発に関する本たち - 俺がぐったり部だ！
jQueryでスクロールすると表示する系いろいろ
アニメ会社で放火 33人の死亡確認 36人けが 消防 | NHKニュース
【photoshop】風景写真をイラスト・アニメ風に加工する｜ヱノプルギスの夜 / こころ動かす者
「お前らの作品は所詮コピーだ」――富野由悠季さん、プロ論を語る (1/5) - ITmedia News
線形代数とは？初心者にもわかりやすい解説 | HEADBOOST
画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net
DMM.make - 熊野MAKE日記 - 家をつくる・１
UXの効果が数字でわかる！5つのUX KPI : DeNA Creator(クリエイター) Blog
なんだこれ！！「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ！！ | ゴリミー
CSSのみで実装するボタンデザインやホバーエフェクト 20＋α - NxWorld
ドラゴンボールの左と右と読みやすさの秘密