サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
Webエンジニアを始めて丸2年が経ちました。 複数プロジェクトを進める中で、CSSコーディングを行うときの「こうしておくと便利」「このほうが管理しやすい」といった知見が溜まってきたのでまとめます。 はじめに 長くなってしまった細かい説明はところどころ折りたたんでいます。概要だけで理解できたら飛ばしていただき、詳しい話が気になったら開いて読んでください。 これらは「自分がよく取り入れている手法」であって、必ずしもどのプロジェクトにも当てはまるものではないと思います。 各項目について、自分がその判断に至った 「理由」 を説明していますので、 理由を読んだ上で自分のプロジェクトに取り入れるか判断いただくと良いと思います。 この記事は、すでにCSSコーディングをしていてアイデアがほしい人に向けた記事で、CSSをこれから学び始めるような 初学者向けではない ことご了承ください。 一般的と思われるキ
先日、シャニマスで霧子の新しいサポートSRが出ましたね。 その名も「我・思・君・思 幽谷霧子」。 果たしてどんなイラストでしょうか？ 遠っ！ がっつりと大きく取られた背景の中にポツーーンと人がいる。たしかに印象的ですね。 ……あれ？ この構成、どこかで見たことがありますよね？ そう。19世紀フランス・バルビゾン派を代表する画家、 ジャン＝バティスト・カミーユ・コローです！ 代表作「モルトフォンテーヌの思い出」なんか、人物の比率がほとんどそのままじゃないですか！！！！！！！！！！！！！！！！！シャニマスは間違いなくバルビゾン派の影響を受けている！！ 終わり！ 閉廷！！！！！！！！！！！！！ などという茶番をやるために筆を執ったわけではありません。シャニマスの絵、いいですよね。 ぜんっぜんプレイしてないですがツイッターによく流れてくるのでなんとなく見たことあります。実際、ソーシャルゲームの
GUIにおけるアイコンとは、プロダクトを触れるユーザーに対して、機能や動作を抽象化してシンプルかつ直感的に伝達させる、文字情報に頼らない記号です。 基本的に、記号が内包する意味には受け手によって解釈の余地があるような状態であってはなりません。しかし、ユーザーに対して、シンプルに正しい意味を伝えることが出来るという前提さえ踏まえれば、それを成すスタイリングは作り手やプロダクトによって様々な表現が可能な余地が残されています。 つまり、アイコンは、記号としての機能性に加えて、装飾としての役割も抱く、プロダクトGUIにおけるスタイリング定義の標本となり得るということです。 前段 「Ameba」について 「Amebaらしい」アイコンとは何か 塗りと線のルール 「Amebaらしい」形状 「Ameba Sans」の形状分析と曲率定義 線の太さのルール命名規則を決める Library化 リプレイス まと
弁理士・西屋ジョージと新人弁理士・桐生眞理がクライアントからの依頼を解決していく知的エンタテイメント漫画です。 専門用語に注釈がありますので、知的財産について馴染みのない方でも楽しみながら弁理士及び弁理士の業務内容を知ることができます。
（2.1 18:46 追記） なんでTwitterのトレンドに載っているんだ、会社でYahoo見て焦ったわ。インフルエンサー編集者さんすごいね。 言葉が分からないとの記述あったんでそれもそうかと翻訳。すまぬ。 ★絵馬・字馬：絵が上手い人、字(小説）がうまい人 ★FF10：フォローフォロワー10人 FF外とかと同じ ★マロ：マシュマロというWebサービス。匿名で感想を送れる。誹謗中傷などはAIが弾く。オタク界隈は使っている人が多い ★支部：pixiv二次創作界隈に身を置いている腐女子ですが、沼ったジャンルを一通り眺めて、フォロワー一桁だけど見事に埋もれている描き手を見つけて押し上げるのが好き。 だいたい絵馬と字馬は勝手に繋がって勝手に相互RTとかして褒め合って勝手に作品を上げるので放置していい 界隈を見ていると、あ、けっこううまいな、これはいけそうかも、中堅絵師にはなれるかも、本人もその気
Designers at IDEO wanted to bring artificial intelligence to the world of fonts, so theycreated FontMap, a quick experiment to see howmachine 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 leveragingAI and convolutional neuralnetworks to draw highe
概要 「Nu みちしるべ」は、日本の道路標識に基づいて作ったフォントです。標識の数字に興味を持ったのが切っ掛けで作りましたが、数字だけだとフォントとしてあまり面白くないので、周りの赤い円を含めて自動的に組み立てられるように作り込んでみました。道路標識の全種に対応しているわけではないです。用途は…何かあるでしょうか。 標識を自動的に組み立てるには、アプリケーションが OpenType‐フォントの高度な機能に対応している必要があります。非対応のアプリしか持っていない場合、手動で画像編集をして部品を組み立てる事になりますが、その部品としてフォントを利用できます。 ウエブブラウザーも今のところ対応状況が微妙なので、次の見本は崩れて表示されてしまうかも知れません。「直接編集」や「自動着色」を切り替えてみると表示が改善する場合があるようです。（なお「直接編集」を無効にした場合、文字列の書き替えは左上の
はじめに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のGoogleChromeは中身SafariなのであれもSafariです。 この問題に立ち向かうために、実装者はJavaScriptを利用して高さを指定したり、height: 100%;のバケツリレーを行ってアドレスバーまで考慮した画面いっぱいの表示を実現するために頑張ってきたわけです。 そんな中、先程のツイートから
グラフィックソフトで当たり前のように搭載される角を丸くする機能。 角丸だったり、コーナーラウンド、Radius、border-radius、と呼ばれたりもします。 Illustrator 場合、効果メニューの「角を丸くする...」から半径を指定する方法と、コーナーウィジェットを表示し角付近にある丸いマークをドラッグ＆ドロップしたり、変形パネルの角丸の半径やコントロールパネルのコーナーの半径を指定する「ライブコーナー」という２つの方法が存在します。 角を丸くするとライブコーナーの比較 角を丸くする効果はオブジェクト全体の角をまとめて丸くし、ライブコーナーは角それぞれを個別に丸くできる。という意味合いで使い分けてる方も多いと思います。 ですが、この２つの方法は全く違う方法で角を丸くしています。 さらに、ライブコーナーには相対値と絶対値という２つの方法が用意されています。 実際にどのくらい違いが
本日、はてラボに新サービス「てがきはてなブログ」をリリースしました。 https://tegaki.hatelabo.jp てがきはてなブログとは？ てがきはてなブログは、はてなブログで「手で書く」と「手で描く」表現を手軽に楽しめるサービスです。 手書き日記を始めてみたり、イラスト、4コマ、ちょっとした挿絵などを飾ってみませんか？ てがきはてなブログの特長はてなブログ、はてなフォトライフとの手軽な連携 てがきはてなブログで作成した画像は、はてなブログやはてなフォトライフに簡単に投稿することができます また、はてなフォトライフに投稿すると、画像に書かれた文字を読み取り、画像のaltテキストとして利用することが可能になります。これにより、手書き日記も検索エンジンの対象とすることが可能になります*1。 ブログでの利用に適した用紙設定 画像のサイズを、Twitterの og:image に適した
苺の美しさに、ほれぼれ。苺の実ってこの１粒が実ではないんですよ。種のように見えているこの粒々が果実です。私たちが実と言っているものは、花托（かたく）という入れ物のようなものです。この苺は、粒々まで赤く･･･ あまーーーい苺のご紹介‼︎1月17日土曜日本日と、1月18日日曜日に、生苺の販売をします。糖度が15-18度という驚異的な甘さを持っている今の時期の2品種。『あまりん』『さちのか』本当に美味しい苺その･･･ 苺のお店では、全国から、産地直送で「これぞ！」という苺を届けてもらっています。・生クリームやバターに負けない濃厚な苺。・繊細でトロピカルフルーツのような華やかな味の苺・バラの芳醇な香りを纏ったような高･･･
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
