Webエンジニアを始めて丸2年が経ちました。 複数プロジェクトを進める中で、CSSコーディングを行うときの「こうしておくと便利」「このほうが管理しやすい」といった知見が溜まってきたのでまとめます。 はじめに 長くなってしまった細かい説明はところどころ折りたたんでいます。概要だけで理解できたら飛ばしていただき、詳しい話が気になったら開いて読んでください。 これらは「自分がよく取り入れている手法」であって、必ずしもどのプロジェクトにも当てはまるものではないと思います。 各項目について、自分がその判断に至った 「理由」 を説明していますので、 理由を読んだ上で自分のプロジェクトに取り入れるか判断いただくと良いと思います。 この記事は、すでにCSSコーディングをしていてアイデアがほしい人に向けた記事で、 CSSをこれから学び始めるような 初学者向けではない ことご了承ください。 一般的と思われるキ

PSOFT ShotBoothは漫画やイラストレーション向けの作画支援ソフトウェアです。3DモデルをShotBoothに読み込んで配置し、高品質な線画を出力できます。

Discover millions of accessible color combinations with RandomA11y, the real-time color playground.

先日、シャニマスで霧子の新しいサポートSRが出ましたね。 その名も「我・思・君・思　幽谷霧子」。 果たしてどんなイラストでしょうか？ 遠っ！ がっつりと大きく取られた背景の中にポツーーンと人がいる。たしかに印象的ですね。 ……あれ？　この構成、どこかで見たことがありますよね？ そう。19世紀フランス・バルビゾン派を代表する画家、 ジャン＝バティスト・カミーユ・コローです！ 代表作「モルトフォンテーヌの思い出」なんか、人物の比率がほとんどそのままじゃないですか！！！！！！！！！！！！！！！！！ シャニマスは間違いなくバルビゾン派の影響を受けている！！ 終わり！　閉廷！！！！！！！！！！！！！ などという茶番をやるために筆を執ったわけではありません。 シャニマスの絵、いいですよね。 ぜんっぜんプレイしてないですがツイッターによく流れてくるのでなんとなく見たことあります。実際、ソーシャルゲームの

GUIにおけるアイコンとは、プロダクトを触れるユーザーに対して、機能や動作を抽象化してシンプルかつ直感的に伝達させる、文字情報に頼らない記号です。 基本的に、記号が内包する意味には受け手によって解釈の余地があるような状態であってはなりません。しかし、ユーザーに対して、シンプルに正しい意味を伝えることが出来るという前提さえ踏まえれば、それを成すスタイリングは作り手やプロダクトによって様々な表現が可能な余地が残されています。 つまり、アイコンは、記号としての機能性に加えて、装飾としての役割も抱く、プロダクトGUIにおけるスタイリング定義の標本となり得るということです。 前段 「Ameba」について 「Amebaらしい」アイコンとは何か 塗りと線のルール 「Amebaらしい」形状 「Ameba Sans」の形状分析と曲率定義 線の太さのルール 命名規則を決める Library化 リプレイス まと

Animated Pictograms 日本に古くから根付く、独特の文化や習慣、 マナーをもっと楽しく、わかりやすく、身近に。 参拝 お辞儀 餅つき タクシーを拾う 入浴 手水 茶道 手締め 電車 相撲の決まり手 阿波おどり Coming Soon

（2.1 18:46 追記） なんでTwitterのトレンドに載っているんだ、会社でYahoo見て焦ったわ。インフルエンサー編集者さんすごいね。 言葉が分からないとの記述あったんでそれもそうかと翻訳。すまぬ。 ★絵馬・字馬：絵が上手い人、字(小説）がうまい人 ★FF10：フォローフォロワー10人　FF外とかと同じ ★マロ：マシュマロというWebサービス。匿名で感想を送れる。誹謗中傷などはAIが弾く。オタク界隈は使っている人が多い ★支部：pixiv 二次創作界隈に身を置いている腐女子ですが、沼ったジャンルを一通り眺めて、フォロワー一桁だけど見事に埋もれている描き手を見つけて押し上げるのが好き。 だいたい絵馬と字馬は勝手に繋がって勝手に相互RTとかして褒め合って勝手に作品を上げるので放置していい 界隈を見ていると、あ、けっこううまいな、これはいけそうかも、中堅絵師にはなれるかも、本人もその気

初心者向けHTMLリファレンス HTMLタグの役割や基本的な使い方をまとめました。コーディングや学習の際にリファレンスとしてご活用ください。

Designers at IDEO wanted to bring artificial intelligence to the world of fonts, so they created Font Map, a quick experiment to see how machine learning can address challenges in design. Font selection is one of the most common visual choices designers make—and most fall back on old favorites, or search for a font within categories. By leveraging AI and convolutional neural networks to draw highe

はじめにVR空間で音楽活動を行う2人組バーチャルオルタナアーティスト、memexのぴぼです。 本日22:00に、メンバーであるアランのPCVR環境が整った、という動画を公開しました。 その動画の中で、 「memexを始めるにあたって、生活費を削らないというルールを設けた」 「つまり、これまでの収益のみを予算としてVRReadyなPCとHMDを購入した」という旨の発言を行いました。この記事はその発言の補足です。 「生活費を削らない」というルール、一見後ろ向きな姿勢に聞こえると思うのですが、長期的に前向きでいるために必要だと思って設けたルールでした。 「退路を断つ」という才能私は「VR空間で音楽活動をするバーチャルアーティスト」という方法を知るまで、クリエイターに最も必要な才能とは 退路を断つ才能 だと思っていました。 「退路を断つ才能」とは、「人生の優先度(生存を含む)のトップに創作を置ける

――　なぜそのようなコンセプトに？ この同人誌は制作当初、「鬼人正邪という天邪鬼なキャラクターが主人公で、物語が二転三転する」という、ストーリー面での天邪鬼さだけを考えていました。 ですが、「果たして天邪鬼がそのようなストーリーの枠だけに収まりきれるのか」「天邪鬼ならもっと天邪鬼なことを仕掛けてくるのではないだろうか」と思考を巡らせた結果、ふと「読者に嫌がらせをする本」という発想に至り、このような特殊な形（乱丁落丁無裁断本）で制作することにいたしました……というのが1つのきっかけです。 他にも「装丁に関する自分の知識を総動員させた作品を作りたかった」「そもそも東方Projectというジャンルが、このような突拍子もない創作物に比較的寛容」といった理由もあります。 ――　かなり変わった本だと思うのですが、依頼した印刷会社さんの反応は？ 至極当然ですが、本の概要を丁寧に説明すればするほど、印刷会

オブジェクトのストローク（線）をランダムな設定の破線にするIllustrator用スクリプトを作りました。指定した値の範囲内で不規則な［線分］と［間隔］を設定します。デザインの装飾などにお使いください。 対応バージョン Illustrator 2019／2020 ダウンロード スクリプトをダウンロードする インストール方法 1. ダウンロードしたファイルを解凍します。 2. 所定の場所に「ランダム破線.jsx」をコピーします。 3. Illustratorを再起動します。 4. ［ファイル］→［スクリプト］→［ランダム破線］と表示されていればインストール成功です。 ファイルをコピーする場所 Mac： /Applications/Adobe Illustrator (ver)/Presets/ja_JP/スクリプト/ Win： C:\Program Files\Adobe\Adobe I

同人誌を買わせて貰っている 一言言わせてくれ ネコの陰茎の揺れが足りない

anond:20201004004630 で、さらに意外だったのは母と母方の親戚（全員女性）が大反対だったことです。 「ナバタメの名字をツルオカに変えると向こうの家の人間になったみたいで嫌だ」 上にも書きましたがそんなことはありません。たとえ養子縁組したとしても（普通は）ナバタメ家とツルオカ家両方に属することになるだけで、ナバタメとの縁が切れることはありません。 と、理屈を言っても通じないんですよね。そもそも、いやあなた達全員嫁いで名字変わってるじゃん。自分たちは結婚した時に先祖伝来の名字を捨てたくせに、僕が同じことすると怒るわけ？ というか、「ナバタメ」なのは母だけだよね？ 母の親戚達がなんで口出してくるんだ。わけがわからないよ。 そんなにわけが分からないもんかね。分からないんだろうね。 改姓した親には、改姓していない子供(と孫)くらいしか同じ名字の血縁者はいないんだよ。 あなたは「妻の

TAK(@tak_dcxi)です。今回もCSSに関する投稿です。 以前このようなツイートをしました。 メインビジュアルなど、画面いっぱいに要素を表示するためにheightやmin-heightに100vhを指定する。そして、iOSで表示確認した時に以下のような問題が起こるわけです…。 iOSのSafariでの100vhが気に食わない問題 iOSのSafariでは100vhの計算にアドレスバーが考慮されていないため、アドレスバー分押し出されて格好悪く表示されます。ちなみにiOSのGoogle Chromeは中身SafariなのであれもSafariです。 この問題に立ち向かうために、実装者はJavaScriptを利用して高さを指定したり、height: 100%;のバケツリレーを行ってアドレスバーまで考慮した画面いっぱいの表示を実現するために頑張ってきたわけです。 そんな中、先程のツイートから

グラフィックソフトで当たり前のように搭載される角を丸くする機能。 角丸だったり、コーナーラウンド、Radius、border-radius、と呼ばれたりもします。 Illustrator 場合、効果メニューの「角を丸くする...」から半径を指定する方法と、コーナーウィジェットを表示し角付近にある丸いマークをドラッグ＆ドロップしたり、変形パネルの角丸の半径やコントロールパネルのコーナーの半径を指定する「ライブコーナー」という２つの方法が存在します。 角を丸くするとライブコーナーの比較 角を丸くする効果はオブジェクト全体の角をまとめて丸くし、ライブコーナーは角それぞれを個別に丸くできる。という意味合いで使い分けてる方も多いと思います。 ですが、この２つの方法は全く違う方法で角を丸くしています。 さらに、ライブコーナーには相対値と絶対値という２つの方法が用意されています。 実際にどのくらい違いが

本日、はてラボに新サービス「てがきはてなブログ」をリリースしました。 https://tegaki.hatelabo.jp てがきはてなブログとは？ てがきはてなブログは、はてなブログで「手で書く」と「手で描く」表現を手軽に楽しめるサービスです。 手書き日記を始めてみたり、イラスト、4コマ、ちょっとした挿絵などを飾ってみませんか？ てがきはてなブログの特長 はてなブログ、はてなフォトライフとの手軽な連携 てがきはてなブログで作成した画像は、はてなブログやはてなフォトライフに簡単に投稿することができます また、はてなフォトライフに投稿すると、画像に書かれた文字を読み取り、画像のaltテキストとして利用することが可能になります。これにより、手書き日記も検索エンジンの対象とすることが可能になります*1。 ブログでの利用に適した用紙設定 画像のサイズを、Twitterの og:image に適した

■新作デザート『プリン』『あんみつ』　引き続きご案内中です先月より販売を開始したイートイン限定デザート『生苺キャラメルとレモンクリームのプリン』『苺と白桃煎茶のあんみつ』暑い時期にぴったりのひんやり食･･･ ■テイクアウトドリンクのご案内三条店では、京都の街散策のお供にぴったりのテイクアウトドリンクもご用意しております。まだ暑い日も続くようですので苺専門店ならではの苺を使った冷たいドリンクをぜひお楽しみく･･･ ■メディア掲載情報『和樂 10・11月号』日本の色々な「美」を伝える雑誌『和樂』の10・11月号の特集『秋、「美食の聖地」京都へ』にてメゾン・ド・フルージュを取り上げていただきました。京都三条店で一番･･･