Please update your browser It seems you are using an old or unsupported browser. To continue enjoying Canva, please update to a recent version of one of the following browsers:
Phlur Launched A $45 Body Oil Version Of Missing Person — & We Tried It
そうだ!いらすとやを動かそう!! こんにちは。にしやまです。 突然ですが、皆さんは「いらすとや」をご存知でしょうか? 某大型家電量販店の店内ポスターに使用されていたり、SNSで拡散されたり、目にする機会が多いのでご存知の方も多いかと思います。 可愛いイラストのフリー素材サイトなんですが、中には「こんなのいつ使うんだろう」っていうようなネタ画像もあって見てまわるだけでも面白いです。 こんなのとか。 こんなのまで。 ある日のことです。 いつものように「いらすとや」を巡回していたぼくはふと思いました。 この愛すべきゆるキャラ(?)たちがイキイキと動いているところを見てみたい!それも超ヌルヌルに!!…と。 というわけで、今回はSpineを使って「いらすとや」をヌルヌルと動かしていきます! ※Spineについては前回の記事「Spineを使って2Dキャラクターを3Dのように動かす」を参照ください。 ま
2020年5月18日 CSS, Webデザイン, 便利ツール 背景に動画を使ったWebサイトや、大きな背景画像を使ったWebサイトに続き、最近は画面全体にきれいなグラデーションカラーを用いたサイトを見かける機会が増えてきました。そこで今回はグラデーションカラーをCSSで実装する基本的な方法から、画像に重ねる応用、配色選びに使えるサイト、実例集などを紹介します! ↑私が10年以上利用している会計ソフト! CSSでグラデーションを実装 グラデーションは background プロパティーに linear-gradient の値を使って色を指定します。意外と簡単。 body { background: linear-gradient(#05FBFF, #1E00FF); } See the Pen CSS linear-gradient by Mana (@manabox) on CodePen
前回のエントリーで7つの項目のものを揃えないと行けないことが分かりました。一度に全部を揃えるとなるといろいろと調べたりしないといけないので、とりあえずPrusa Mendelの躯体を作ることにします。焦らずに少しづつのんびりと作っていこう。 躯体に必要なのはプリントパーツ(RepRaped parts)とメカニカルパーツの2つ。プリントパーツは今後どこかのお店をネットで探して購入する予定。 メカニカルパーツは以下のものが必要。
Discover the islands of “Nokonoshima” and “Shikanoshima” with a day-trip from Fukuoka city. Fukuoka is not only about dining and shopping but also, you may be surprised, there is plenty of nature to enjoy within day-trip distance from the city. There are particularly two recommended places: “Nokonoshima Island”, only 10 minutes away by ferry, offering a rich nature environment, and the land-tied “
人生の全てを記録できたなら……そんな妄想を誰しも一度はしたことがあるのではないでしょうか。 一瞬一瞬を記録することで、物語を残す。そんなコンセプトの身につけるカメラがやってきました。 Read More
RGB形式とHSL形式で、透明度にも対応したフルカラーを作成することが出来ます。 2色指定することで自動でグラデーション色や中間色を作成します。作成された中間色よりお好みの色を選択することもできます。 ホームページ作成時の色調整などにご利用ください。
独特の世界観やゲームシステムが特徴的な「伝説の旅団」。実は、そのUIにも独特の工夫が散りばめられています。伝説の旅団について語られる時に、UIが言及されることはほとんどありません。ある意味、空気のような存在として馴染んでいるのです。しかし、ここに至るまでに、数多くのデザイン作業が行われ、紆余曲折を経て現在の形になりました。普段のプレイ中は意識することはなかったかもしれませんが、今回はそのUIデザインについてご紹介します。 早速ですが、いくつかの画面を並べてみました。 実は、これらの画面の要素は「あるルール」に基づいてレイアウトされているのです。何だか分かりますか? そのルールとは、「主要なボタンを右側に配置する」というものです。 分かりやすいように、左半分を暗くしてみました。ゲームのメインループに関わるボタン群が、全て右側だけで押せることが分かると思います。これは、意図的に配置されたもので
Webページやスマホアプリで見かけるレイアウト、ナビゲーション、ボタン、スライダー、フォーム、タイムライン、ボタンなど、CSSを使って実装されたテクニックがまとめられたコンテンツを紹介します。 デザインのアイデアとして、またそれが実装可能かどうか、実装はどうやっているのか、何かあった時にチェックすると便利です。
The Best Landing Page Examples Learn Design, Download Free Books & UI Kits Lapa Ninja is a gallery featuring the best 5906 landing page examples, free books for designers and free UI kits from around the web. Tired of seeing the same old boring animated websites? Check out landing.love to watch & learn from the best.
BlocksIt.jsの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプトをhead内に記述します。 ※jQueryは1.7.1で開発。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script> <script type="text/javascript" src="blocksit.js"></script> Step 2: HTML HTMLは対象となる範囲をラッパーで包み、各パネルを同列に配置します。 パネルはデフォルトでdiv要素を対象にしていますが、任意の要素で実装できます。 <div id="container"> <div>パネル</div> <div>パネル</div> <div>パネル</div
ブログの再開が2年ぶりだったけど、作ってみたシリーズも同じく2年ぶり。お久しぶり。さて今回は、ものすっごくニッチなツールだけど、Font Awesomeを使ってる人でAlfredを使ってる人には喜んでもらえる気がする。イコール自分のことなんですけどね。 あのアイコンフォントのクラス名を全然覚えられなくて、アイコンの数も300個以上あって把握できなくなっていて、毎回Font Awesomeのサイトを開いて探すのも面倒なので、 Font Awesomeのアイコンをインクリメンタルサーチしてそのクラス名をペーストできる Alfred 2用のプラグインを作ってみた。 百聞は一見に如かず、どんなものかは以下のスクリーンキャストをご覧ください。 前から欲しいとは思ってたんだけど重い腰があがらなくて、でも先週、エンジニア界隈で人気のポッドキャストRebuild.fm #16を聴いていたら「Font Aw
191ヶ国にある理想的な宿泊施設を信じられない価格で見つける。Airbnbで暮らすように旅しよう。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く