Lee Robinson
Lee RobinsonLee Robinsonleerob I'm a frontend developer, optimist, and community builder. I work at Vercel, where I teach the Next.js community, an open-source web framework built with React. Writing On Developer Experience On Developer Marketing On Developer Relations On Developer Products On Community Moderation Rust is Eating JavaScript Product Engineers My Stack Understanding AI Code next-saas
新ゴやリュウミンなど、モリサワフォント553種類全部が誰でも無料で利用可能！STUDIOのアップデートがすごすぎ
新ゴやリュウミンなど、モリサワの500種類以上の書体が当ブログで紹介した際にも評判が高かったSTUDIOで、誰でも無料で利用可能になりました！ STUDIO自体も無料で利用できるので、文字通り「誰でも無料で利用可能」です。 STUDIOはコーディング作業は一切不要で、Webサイトやスマホアプリのデザインを積み木感覚で楽しくデザインできるツールで、無料で始めることができます。
うわっ、私のサイトBootstrapくさすぎ!? たった数文字変えるだけでBootstrapのくさみが抜ける7つのCSSテクニック。
なんか、このサイトBootstrapくさい。そう感じることはありませんか? その理由はズバリ、欧文ベースでつくられたフレームワークを文字構造の違う日本語で適用した際に不都合が出てしまっているからです。 それらが醸し出す違和感を放っておくと、Bootstrapくささを生み出す大きな原因になってしまいます。 そもそもの問題として、欧文と比較して和文は文字の要素が多く、文字自体のリズムも少ないため、どうしても複雑で単調に見えてしまいます。 しかし、和文だからといってあきらめることはありません。BootstrapのCSSを少しだけ変えるだけでグッと見た目がよくなる隠し味をご紹介します。 1. line-heightで行間にゆとりを。明朝やゴシックなど、フォントの種類が言葉の印象を表すように、文字の行間は読みやすさ、文章全体の雰囲気を左右します。 欧文をベースに設計されたBootstrapをそのまま
5分で分かるフラットデザイン
iOS 7やWindows 8も採用した「フラットデザイン」。実際にフラットデザインを実現するにはどうすればいいのだろうか。 1分－フラットデザインとは何なのか アップルの開発者向け年次イベント「Worldwide Developers Conference（WWDC）」が米国時間6月10日に開幕し、基調講演で同社モバイルOSの次期版「iOS 7」が発表された。見た目の印象が従来版からガラリと変わっている。これは「フラットデザイン」という手法を採用したからだ。 フラットデザインとは、簡単にいうと、グラデーションを利用しない非常にのっぺりとしたデザインのことだ。
無料で利用できる高品質Bootstrapテーマコレクション「Bootstrap Zero」 | ソフトアンテナ
Twitter社が開発した人気のCSS/JavaScriptフレームワーク「Bootstrap」。誰でも簡単に利用できることが売りですが、一からサイトを作り上げるとなると、それなりに時間がかかってしまうかもしれません。 「Bootstrap Zero」は、そのような時に参考にしたい、高品質なBootstrap用のテンプレートコレクションサイトです。Bootstrap的ではない、美しいデザインのテーマから、Bootstrapっぽさを残したオーソドックスなテーマまで、たくさんのテーマを無料でダウンロードすることができます。 Custom Bootstrap Templates Custom Bootstrap Templatesカテゴリには、Bootstrapっぽさをできるだけなくした美しいテーマが集められています。製品/アプリの紹介サイトや、管理画面に使える、最近よく見かける形式のテーマが揃
18 National Flags Made From Food
These delicious flags were designed for the Sydney International Food Festival by the advertising agency WHYBINTBWA. It’s a fantastic concept that creates a nation’s flag from the food associated with the country. Now many of you will likely disagree with some of the foods selected to symbolize a particular country, but keep in mind it can be challenging to not only use food that represents the co
動きがユニークで参考になるメニュー系のUIアニメーションまとめ10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもです、フロントエンドエンジニアのはやちです( ˘ω˘)✌ 最近、編集長の朽木さんが一部の方々から「くーにゃん」と呼ばれているのですが、私から「くーにゃん」と呼ぶのは馴れ馴れしすぎるので「くーにゃんさん」と呼んでしまう次第であります。 はい(◞‸◟) さて、今回は動きが面白いUIを集めてみました！ 1つ1つアニメーションを確認しながらご覧いただけるとうれしいです( ˘ω˘)☝ 今回は紹介するアニメーションは全部で10個です( ˘ω˘)☝ 1. GIF Sticker App – Dribbble https://dribbble.com/shots/1719325-GIF-Sticker-App サイドメニューが斜めに表示するパターン、要素もくるくる動いております( ˘ω˘)☝ 2. Home Guard 02 – Dribbble https://dribbble.com/shots
マルチプレイヤーゲームのレベルデザインの基礎を誰にでも理解できるように説明するとこうなる
レベルデザインとはゲーム開発における作業の1つで、ゲーム中に登場するエリアの空間を設計したり、障害物やアイテムを配置したりして、プレイヤーが楽しめるステージを作成することです。ゲーム開発に携わっていない人にとっては取っつきにくそうなレベルデザインですが、レベルデザイナーのBobby RossさんがFPSやTPSなどのシューティングゲームにおけるレベルデザインの基礎を公式ブログで公開しており、わかりやすい内容になっています。 The Visual Guide for Multiplayer Level Design — Level Art+Design Portfolio http://bobbyross.com/blog/2014/6/29/the-visual-guide-for-multiplayer-level-design ◆01：デザインに考慮すべき要素 プレイヤーの行動はレベル
光る服が未来「すぎず」かっこ良すぎる。【洗濯可】:DDN JAPAN
DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中
一部だけが動いてるgifって良いよな : ぶる速-VIP
一部だけが動いてるgifって良いよな 1: 以下、名無しにかわりましてVIPがお送りします 2014/02/11 02:43:28 ID:GGSaa8BR0 シネマグラフというらしい お前らのお気に入り下さい 5: 以下、名無しにかわりましてVIPがお送りします 2014/02/11 02:46:29 ID:GGSaa8BR0 見てて落ち着く 6: 以下、名無しにかわりましてVIPがお送りします 2014/02/11 02:47:13 ID:vTtIZ5G+0 うおーいいなあ 7: 以下、名無しにかわりましてVIPがお送りします 2014/02/11 02:47:26 ID:GGSaa8BR0 不思議 10: 以下、名無しにかわりましてVIPがお送りします 2014/02/11 02:48:30 ID:GGSaa8BR0 きゃわわ 11: 以下、名無しにかわりましてVIPがお送りします 2
そんなロゴで大丈夫！？強い会社ロゴを作成するための5つのノウハウ | 名刺のネタ帳
こちら、中央に、宇宙をイメージするモチーフが隠されていますね。 あなたは気付きましたか？（答えは→ JAXA ロゴ 意味） では、ここからが問題です。あなたは下記の二つのロゴに隠されているモチーフを見つけられるでしょうか？ ●レベル1：ネット通販のAMAZON 人気バンドの「GReeeeN」。彼らの歴史がロゴに隠されています。 彼らの正体は実は・・・！？（ファンの方ならすぐに分かるのかもしれませんね。知らない方も、意味を知ると「なるほど！」と感じると思います） 皆さん、それぞれのロゴに隠されたモチーフが分かりましたか？ 答えを知りたい方は、下記のワードで検索してくださいね。 Amazon ロゴ 意味 - Google検索 GReeeeN ロゴ 意味 - Google検索 名刺に載せる情報といえば、名前、会社名、役職、連絡先などがありますが、忘れてはいけないのが、上記でも取り上げた「会
GoogleのアイコンなどのデザインガイドラインをGoogleのデザイナーが公開中
ChromeやGmailのアイコンはシンプルであり、一度使うと見るだけでそのアイコンが何を示すのかわかりやすくデザインされているのが特徴的です。そんな企業秘密とも言えそうなGoogleのアイコンやロゴのデザインガイドラインをGoogleのグラフィックデザイナーであるロジャー・オドン氏がBehanceで公開しています。 Google Visual Assets Guidelines - Part 1 on Behance http://www.behance.net/gallery/Google-Visual-Assets-Guidelines-Part-1/9028077 Google Visual Assets Guidelines - Part 2 on Behance http://www.behance.net/gallery/Google-Visual-Assets-Guidel
@anime-backgrounds · AnimeBackgrounds
This blog, inspired by the famous Animation Backgrounds blog, will be a place to appreciate and be inspired by the amazing background art in animation. I feel like there are lots of blogs dedicated to the art of western animation, so this blog will be "mainly" focused on Japanese and non-western animation. All artwork is captured from the actual films, with characters edited out, and some digitall
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
good morning inc. 株式会社グッドモーニング
Writing Journals, Planners, Dayplanners, Diaries, Notebooks | Paperblanks
J-Tokkyo.com
J-Tokkyo.com
マンホールふた総合サイト「Hirake! Manhole（ひらけ！マンホール）」
KitKat
「不気味の谷を超えた」ハイパーリアルなCGIツール