美しいグラデーションを作成するには、補間するカラーにグレーが含まれないようにすることが重要です。グレーが含まれてしまうと、それがデッドゾーンになり、汚いグラデーションになってしまいます。 このグレーのデッドゾーンを回避し、簡単に美しいグラデーションを生成できる無料ツールを紹介します。 Gradient Generator –CSS &SVG Export ツールを紹介する前に、なぜグラデーションがくすんでしまうのか。 PhotoshopやFigmaなどで幅広い色相のグラデーションを作ろうとすると、グラデーションの中央にグレーのデッドゾーンができてしまうことがよくあります。 左: グレーがあるグラデーション、右: グレーを回避したグラデーション このグレーのデッドゾーンを避けるには、グラデーションに使用するカラーは大きなカーブ(直線はダメ)を描いて補間する必要があります。 そしてここで紹
世界的なタイトルを次々に生み出す、漫画家、イラストレーター、映像監督、シナリオライターなどのジャンルに囚われない創作者の顔を持つ大友克洋。 その創作とプロデュースのすべてを、作者である大友克洋自身が時代順に俯瞰、総括、そしてリ=プロデュースするのが「大友克洋全集」です。 それは多様な「全仕事」を収録した「作家・大友克洋」の底本ともなります。 同時に、日本から世界中に衝撃をもたらした新しい表現方法の集積は、一人の作家のパーソナルな仕事集というだけでなく、1970年代から現代までの漫画、アニメ、映像までをも含む、現代文化の冒険を愉しめる作品集とも言えるでしょう。 時代によって何が生み出されたか。 作家は時代に何を見て、考えてきたのか。 そして作家は、次に何を試みていくのか。 ──作品から発言までを網羅することで、作家としての進化を明らかにし、次の世代の創作者へその姿勢を伝えていく。 この全集は
この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1.CSSツール(14個) 2. パターンツール(7個) 3.イラスト系ツール(3個) 4. デザインツール(10個) 5. 配色カラーツール(6個) 6. グラデーションツール(3個) 7.SVGツール(8個) 8. スクリーンショ
デジタルデバイスにおける画像は、それぞれファイル形式を備えています。WebサイトやSNSに使われている画像、あなたのスマートフォンに入っている画像も同様です。 形式によってその性質は異なり、目に見えない違いが使い勝手に大きな影響を与えることもしばしば。もしかすると、知らないうちに損しているかもしれません。 この記事では、画像ファイル形式ごとの特徴を解説したうえで、その確認方法や変換方法についても紹… ファイルサイズはWebPが最も軽い WebPの開発元であるGoogleによると、同等の画質でJPEGより約25~34%、PNGより約26%も軽くできると発表しています。 有名な拡張子の中では、WebPのファイルサイズが最も軽いということです。 WebPは背景透過も可能 WebPは背景透過も可能です。今までは、背景透過するか否かでJPEGとPNGを使い分ける必要がありましたが、すべて1本化できま
このブログを書き始めたのが2008年2月。同じ頃に、とりあえず登録だけしてみたツイッター。 なんだかんだで13年目となった今、見返していてふと気が付いたことがある。 10年より前のリンク先 ほぼ 無い あるのは自分のサイトくらいなもので…。 なぜ、というのは考えれば分かる。13年前のWebてまずHTML5.0が出るか出ないかくらいの時期で、そもそものWeb言語からして違うよね…? あとインターネットでは光回線は一般的ではなく、まだADSLの人もいた時代。サイズが大き目の画像の読み込みに時間がかかるためページはシンプルなのが普通。地デジ化が2011年なのでテレビもまだアナログ。 pixvのサービス開始が2007年9月で、当時はまだ自分のイラストをアップしておく場所すら少なかった、そして絵師さんを探すために、Webリングなどから個人サイトを周っていたのである。…。 そんな時代なので、そもそも今
この記事では、今後のWeb制作で参考にしたい最新Webサイトデザイン40個をまとめてご紹介します。 「デザインのアイデアが見つからない」「見本サンプル例が欲しい」そんなときに活用したい世界中の最新ウェブデザイン実例を集めました。 アニメーションが当たり前となった今、ウェブデザインの魅せ方はさらに進化を続けています。2020年に入って紹介したウェブサイトと一緒に確認してみてはいかがでしょう。 Webアイデアの宝庫!注目したい最新ウェブデザイン35個まとめWeb制作の参考アイデアに!いま話題の最新ウェブデザイン50個まとめ いまWebがすごい!参考にしたい話題の最新ウェブデザイン37個まとめWeb制作参考アイデア集!話題の最新ウェブデザインまとめ Delassus ポリゴンスタイルの鮮やかなイラストを使った水平パララックススクロールが特長で、スクロールに合わせたアニメーションでユーザーの目
一般家庭ユーザー向けのやらかし体験談記事です。 パソコン周りの知識が豊富な方などは見る価値はないと思います。技術的な話とかはありません。 皆さんはLANケーブルの規格を気にしたことがありますか? 品質を気にしたことがありますか? パソコンを自作する程度には好きで色々と弄っていますが、お恥ずかしいことに規格はチラ見程度、品質なんてものは大きな違いがあるとは思わず、一切気にしたことがありませんでした。 いつ買った、どの機器についていたケーブルかも気にせずブスブス挿していた始末。 そんなLANケーブルを交換したらインターネット回線の速度が3倍ぐらいになったお話です。 先日、いつものメンバーのLINEグループでWi-Fiルーターを交換した話が流れていました。 特に気にすることもなく、適当に流そうと思ったのですが A「有線が100Mbpsなのに無線が234Mbpsなの笑う」 A「有線ポートというか
前回の続きです。今回はシステムデザイン編。 実体験にもとづいて、なるべく雰囲気を再現しようとしてますが ・問題はすべて自作 ・人物、会話等はすべてフィクション なのでよろしくお願いします。実際の会話はNDAにより公開できません。 同じくらいの難易度の問題を、こんなレベルでやり取りして、最終的にはお祈りされました。 ~前回までのあらすじ~GAFAのコーディング面接1回目を何とか乗り切ったyambe2002だが、休む間もなく次の面接が始まって辛い。 出題 ぼく「………」 面接官「あれ?yambe2002?大丈夫?」 ぼ「…はっ!ごめんちょっとボーっとしちゃった。大丈夫大丈夫。えーと、何だっけ?」 面「あー、分かる分かる!面接の連続で疲れるよねー!ぼくの時もそうだったよ」 ぼ「ははは…」 面「じゃもう一回言うね。ぼくからの問題はね、ミュージシャン名で検索すると、関係するコンサートの情報を表示す
こんにちわ!最近はフロント開発も担当させていただいてます、Yamamotoです。 今回はエンジニアがデザインを学ぶべく、100のWebサイトのデザイントレースをして、学んだことをまとめてみました。エンジニアまたは未経験だけど、Webデザインにも興味があるという方の、何かのきっかけになれば幸いです。 目次 なぜWebデザインを学ぼうと思ったのか デザイントレースについて 100トレースして学んだこと なぜWebデザインを学ぼうと思ったのか ざっくりですが、実務を行いながら以下のように思うことがありました。 細部のデザイン指示がなく、開発の手が止まってしまう どう実装するか目線の発想・提案しか浮かばない 綺麗なコードだけではなく、視野を広げてより良いものを作りたい などなど... デザイナーとエンジニアの業務は差別化されてはいますが、互いに近接し交わる部分も多くあります。そんな中で、業務効
ロゴの自動生成サービス「FreeLogo Generator Online」が今までにないレベルで高機能だった話と、これはデザイナの仕事を奪うのかどうか。 このツイートをしたところ、大きな反響をいただきまして、かるく解説記事を書いておきます。 どういうサービスなの?オンラインでネットショッピングをつくることができる有名サービス「Shopify」のはじめたロゴ自動生成サービスです。13のビジネス分野、18のデザイン属性から自分にあったものを選択し、ロゴに入れる文字をタイプするだけでロゴを自動生成することができます。また、生成したロゴのフォント、色、アイコン、レイアウトの調整も可能ですので、自動生成といいながらほぼあなただけのロゴを自動生成することができます。 使い方ログイン不要です。https://hatchful.shopify.com/ にアクセスして、右上の「GET STARTED」
拡張機能を使わずに、Chromeでスクロールするページ全体のスクリーンショットを撮る方法を紹介します。 例えばプレゼン資料を作っているときに、PCサイトでページ全体のスクリーンショットが必要なことがあります。 また、モバイルサイトでページ全体のキャプチャが必要なこともありますよね。 そんな時には、Chromeに標準で搭載されている機能を使えば、拡張機能を使わずに、ページ全体のスクリーンショットを撮ることが可能です。PCサイトでページ全体のスクリーンショットを撮る方法PCサイトでページ全体のスクリーンショットを撮る方法についてです。 次の手順で行ってください。 デベロッパーツールを立ち上げる 詳細機能を呼び出す 「capture」もしくは「full」と入力し、「Capture full size screenshot」を選択 ページ全体のスクリーンショットがダウンロードされる 1. デベ
さくっと短時間で、慣れれば1分!デスクトップやスマホに対応したページを作成したい時にぴったりな無料のオンラインツールを紹介します。HTMLやCSSの作業は一切不要で、Bootstrap 4ベースのさまざまなページをドラッグ&ドロップで積み木のように組み合わせて簡単に作成できます。 Froala DesignBlocks Froala DesignBlocks -GitHub Froala DesignBlocksでは170種類以上のレスポンシブ対応のコンポーネントが用意されており、それらを好きなように組み合わせて、誰でも簡単にWebページを作成することができます。 作成したページは個人でも商用でも無料。詳しくはライセンスページをご覧ください。 短時間で、Bootstrap 4ベースのページを作成してみる 用意されているコンポーネント 短時間で、Bootstrap 4ベースのページ
今回の騒動について、発端はこの記事に集約されている ここまでが今回の問題の概要となる。 ここからは、私の思うことを書く。 諸悪と責任の所在地と、それらのこれから 「記事を読むだけの人」インターネットライト層の今回の騒動への反応 今回の問題すら知らない「読むだけの人」スーパーライト層は反応すらしない 信念に基づいて「記事を書く人」「記事を書かせている人」の反応 真面目に書いても評価されない「記事を書く人」の記事 記事量産仕事には需要がある。現代社会に適したアルバイト もう1つの見えないモラルハザード。アフィリエイターを利用して商品名の検索結果を自浄するアフィリエイト案件アフィリエイト案件のモラルハザードで困るのはアフィリエイター 1つの商売分野が死にゆくのは珍しい話ではない 読む人の意識も変わり始めている 昔のあらゆる事件から学んで5年後を考えてみてほしい DeNAのキュレーションメディア
2016年3月、社員旅行で訪れたタイ国ホアヒン、タイ王室ゆかりの地にて社員数十名が全裸で騒いだ件が株式会社DYMの評判としてネットで話題になりました。 タイの王室保養地で、日本人20人が全裸狂乱事件…国際問題に発展、タイ国内が騒然/ (魚拓) さて、この話題はどのように検索結果に表示されているでしょうか。 4/10と4/21に[DYM]と検索した結果を見比べてみましょう。 赤枠が事件を紹介した記事です。4/10に5枠あったものが2枠に減りました。 そのかわりに現れた表示がこちらです。 前回このブログでは、DMCA申請が悪評隠しに悪用されたと思われる事例をご紹介しました。 そして今回も本来クリエイターの著作権を守るためのDMCA(デジタルミレニアム著作権法)が、タイ国での騒動という株式会社DYMの評判に影響するのを隠そうと悪用されたものだと考えます。 この株式会社DYMは、ネット上での悪評隠
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く