📃 Webページをそのままの状態でローカルに保存するツールを作った話 - Qiita
はじめまして。yamaimo (@yarnaimodev) です。Qiita 初投稿...というかネット上にちゃんとした記事を上げるの自体初めてな気がします。 1998 年生まれで、プログラミングとか Web デザインは独学で 3 年ぐらいやってます。TypeScript / Firebase / Node.js / React あたりが特に好きです。 この前 coliss で紹介された Can't Unsee を試してみたら 1 回目が 7,630 点、2 回目が 7,930 点でした。1 小規模ですが Mastodon インスタンスを管理してます。あと Helix キーボード をこの前組み立てた2んですがキー配列を変えたのがなかなか覚えられなくて死んでます。 開発環境は基本的に WSL + Hyper + fish shell と VSCode です。 今回 Puppeteer を使っ
Pictos Redux
Pictos Redux Pictos is back once again with Redux: all new carefully crafted interface icons. Each icon in Redux has three variations: Line, Solid & Color. Pictos Redux enables you to easily change the stroke width and effect in Illustrator by giving you the original vector paths. These paths are not expanded, so you can add any type of stroke to the icons you'd like. The colored icons use Global
デザインがうまくなる方法｜マエデ（前田デザイン室）・公式note
鹿児島で開催されたトークイベント。デザインに興味がある人が多いということでこの際ぶっちゃけてしまおうと思ってこの話をしようと考えた。ぶっちゃけグラフィックデザインは「文字」。これを美しく正しく扱えるだけでグラフィックデザイナーとして食べていける。ただ、そこで満足してはいけない。「文字」に頼りすぎてはいけない。デザインの本質はそこにないからだ。この記事の反響はすごかった。タイトルに惹かれてのことだと思うが、それはそれでデザインへの意識が高い現れで一デザイナーとしてうれしくなった。 自分のデザインの軸を持つ デザインがうまくなる方法の結論は「どれだけ考えて、どれだけデザインしたか」。 ぼくは20代のころ、デザインが全然できなかった。大学生のころは、課題を作品として作ることはできた。でも仕事になった途端、全然できなくなった。僕は任天堂でデザインをしてたので、前田のデザインというよりは、任天堂のデ
良いデザイナーになるために、最初に身につけておきたいデザインの基本の勉強方法 | コリス
良いデザインはある日突然生まれるものではなく、しっかりした基礎に基づいて作られるものです。デザインを実践する前に、最初に身につけておきたいデザインの基本の勉強方法を紹介します。 Before you can master design, you must first master the fundamentals 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 良いデザインは、突然生まれるものではない デザインの基本 その1: 基本はタイポグラフィ デザインの基本 その2: 空白を使ってバランスをとる デザインの基本 その3: サイズを使用してビジュアルの階層を確立する デザインの基本 その4: 意味を伝えるためにカラーを使う 終わりに 良いデザインは、突然生まれるものではない 先週、私はビジターから質問をいただきました。 優れ
モバイルウェブのスピードアップに不可欠なのは 画像・JS・フォント の最適化 #ChromeDevSummit
[レベル: 中級] 昨日とおとといに続いて、今日も Chrome Dev Summit 2018 のセッションレポートをお届けします。 セッションのタイトルは “Speed Essentials: Key Techniques for Fast Websites” です。 昨日レポートしたセッションと同じようにモバイルウェブの高速化がテーマです。 しかし、こちらはより実践的な内容になっています。 パフォーマンス改善に非常に役立つテクニックが満載です。 パフォーマンス改善の優先対象は画像とJS、フォントの3つ モバイルウェブで 1 ページあたりデータ量が多いリソースは次の順番（HTTP Archive 調べ） 画像 (約 500 KB) JavaScript (約 380 KB) フォント (約 80 KB) この 3 つは Performance Budget（パフォーマンス バジェット）
文字詰めできるCSSのfont-feature-settingsが凄い！ 日本語フォントこそ指定したい自動カーニング - ICS MEDIA
游ゴシックではプロポーショナルメトリクスは効果的 WindowsやmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的 デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事「Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ」を参考ください。 ▲左側は未指定（和文等幅）の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。 対応環境：ほぼすべてのブラウザで利用可能 これだけ便利なCSSですが、どれだけの
#LOVEFONT 2014 女性的な曲線が魅力的な「Didot」 - デザイナーのイラストノート
この記事は「#LOVEFONT Advent Calendar 2014」第15日目の記事です。大好きなフォントを語るというこの企画、去年のLino scriptに続いて、今年はハイブランド女性誌ではおなじみ「Didot」です。 Didotとは Didot(ディド)とは、フランスのフェルミン・ディド(1764-1836)によって作られた「モダン・ローマン体」です。名前を知らなくてもこれを見れば分かる、という有名ロゴはこちら、ハイブランドファッション誌「VOGUE」のロゴです。このロゴからも分かるように、女性的・高級感を感じるデザインに用いられることが多いです。 好きなところ Didotはレギュラー、イタリック、ボールドの3種類。スッと真っすぐ伸びた太いストロークに極細のセリフがとてもモダンな、ハッとするような目を引くフォントです。この極端な太さの違いにより、小さい文字や本文には向かないフォ
“表紙あるある”の知恵がこのタグに集結！ #それっぽくなる表紙 - Togetter
🐕️ @54jpd09 今まで作った表紙だが… 一枚目：絵に文字を重ねて後は揃えとけ 二枚目：正方形で揃えとけ 三枚目：タイトル斜め、写真はぼかしてりして効果的にしとけ #それっぽくなる表紙 pic.twitter.com/SOOvvkYgFH 2018-10-24 21:34:52
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
