[B! design] J138のブックマーク

Card by gharsh11032000 made with CSS | Uiverse.io

J138 2023/06/13

web
design

リンク

各部署での任される役割に加え、従業員が熱量を持って取り組むことができお客さまとともにその思いを共有できる活動に、就業時間の20％を割いてよいとする制度です。役割や部門、キャリアをこえて、社員ひとりひとりが純粋に挑戦してみたいことに取り組み、事業化を目指しています。猫好きなお客さまとともに活動する﹁フェリシモ猫部﹂、お寺文化から私たちの暮らしや心を豊かにするヒントを見つける﹁フェリシモおてらぶ﹂、森を守る植林や自然にやさしい商品を応援する﹁森活部﹂などさまざまな部活があり、自分の仕事の役割を超えた興味のある分野でそれぞれが活動を広げています。最近では、メディアに取り上げられるなど、目覚ましい活躍を見せている部も多数。

J138 2023/04/07

web
design

リンク

SPARK HUMANITY | 株式会社アステックペイント採用サイト

Q.1アステックに転職した決め手は？中国の大学を卒業後、来日したのが28歳のとき。九州大学の大学院を経てCADの販売会社に就職したのですが、もっとデザインができる会社に転職したいと思いました。アステックは、居心地がよさそうな職場環境と、活気あふれる社内の雰囲気に惚れ込みました。あと面接の時に出会った明るくハツラツとした女性社員さんに惹かれて…。入社してから、その先輩は直属の上司になりました。 Q.2入社後の﹁成長﹂﹁変化﹂について教えて！毎日・毎週・毎月・半年…自分の目標︵ゴール︶をしっかり決めていくことが習慣になりました。それを達成するために、そこに行き着くための手順を考え、成し遂げていく行動力が身についたと感じています。仕事だけでなく、家事・育児などでもその癖がついたように思います︵笑︶。最初に驚いたのは、その凛々しい佇まいと流暢な日本語だった。馬さんの生まれは中国。故郷の大学でデ

J138 2023/04/07

web
design

リンク

8の倍数ルールでデザインする理由とメリット・デメリット | Yuya Kinoshita

デザインする際に意識している8の倍数ルールについての記事です。Webサイトやアプリなどスクリーン用のデザインの際には、基本的に要素の大きさを8の倍数ピクセルで設計しています。ここでいう要素とは、コンテンツ幅、ボタンの大きさ、余白の大きさ、バナーの大きさ、メインビジュアルの大きさなど、サイズ指定が必要なほぼ全て要素を指しています。8の倍数によるデザインルールはこれまでに16以上のプロジェクトで活用してきました。ルールを用いることのメリット・デメリットや、そのルールを使い続けている理由を当Webサイトの事例と共にまとめています。 ※フォントサイズは8の倍数ではなく、18pxを基準とした倍率計算によって算出する方法を試しています。詳しくは以下の記事にまとめています。 Webサイトで明快なデザインと運用しやすいコーディングを両立する文字サイズ強弱の仮説・検証8の倍数で設計する理由とメリット

J138 2023/01/11

design

リンク

Neumorphism in user interfaces | Hype4Academy

J138 2023/01/04

リンク

UIKitでNeumorphismのデザインを構築するライブラリ - Qiita

Neumorphism︵ニューモーフィズム︶は、UIデザインの次のトレンドになるかもしれないと昨年末あたりから言われ出している表現手法です。本当にそうなるかどうかは分かりませんが、実験としてiOS用のライブラリ EMTNeumorphicView を作ってみました。ここではその実装アプローチについて書きます。 NeumorphismとはフラットデザインやMaterial Designから、かつて流行したスキューモーフィックデザインに少し回帰したようなデザインといえばわかりやすいと思います。詳細は下記にあります。 Neumorphism in user interfaces Neumorphism will NOT be a huge trend in 2020 自分もnoteを書きました。 "Neumorphism" なるUIデザインのトレンド凸型 (convex) のUIを作成する

J138 2023/01/04

リンク

Neumorphism/Soft UI CSS shadow generator

CSS code generator that will help with colors, gradients and shadows to adapt this new design trend or discover its posibilities.

J138 2023/01/04

リンク

"Neumorphism" なるUIデザインのトレンド｜木村博信 (hiro_kimu)

﹁新しいスキューモーフィズム﹂を謳う "Neumorphism" というデザインが最近一部で提唱されているようです。 Skeuomorph Mobile Banking by Alexander Plyuto この例のようにボタンやカードなどの要素が凹凸で表現されていて、明るい影︵光︶が落とされているのが特徴です。それによってボーダーや塗りを使わずに要素の形状を表します。 Neumorphism in user interfaces 単色の物体に凹凸が付けられているように見えるビジュアルは、ディーター・ラムスがBRAUNで手掛けたブロダクトや初期iPodのデザインをちょっと想起させますね。端的に言えば﹁スキューモーフィズムに半分回帰した﹂ようなUIデザインです。 The Book Of Life - "Dieter Rams" ルールこちらに解説記事がありますが、次のようなルールがあるよ

J138 2023/01/04

リンク

デザイナーさんが選ぶ好きなフォントランキングがこれ「わかるオブわかる」皆さんの好きなフォントもいろいろ挙がって楽しい

デザナビ👀デザインを図解で解説 @wkwdesigner フォローするとデザインのヒントやキッカケが見つかる💡 初心者向けデザインテクニック・Tips／デザインのポイントを図解付きで解説💡 ツイートだけではわかりづらい部分はブログで詳しく解説✏️ https://t.co/X9FzimhN9e

J138 2021/12/30

font
design

リンク

フラットで可愛いイラスト素材を無料でダウンロードできるサイト10選 – ワードプレステーマTCD

PageSpeed Insightsで表示される「使用していない JavaScript の削減」の対策方法 2024.04.24

J138 2021/08/24

リンク

Solved by Flexbox — クリーンでハックのない CSS

イントロダクションCSSには長らく適切なレイアウトメカニズムが不足していました。トランジション、アニメーション、フィルタ、これらはすべて素晴らしくて有用な言語への追加機能ですが、しかしWeb開発者が不満だった、永遠に続くようにも思われた主要な問題に対処するものではありませんでした。 Flexboxに感謝します。ついに我々は解決方法を手に入れました。このサイトはCSSフレームワークではありません。その代わり、CSSだけでは解決するのが難しい、あるいは不可能だった問題が、今やFlexboxでとても簡単になった事例のショーケースとなることが、このサイトの趣旨です。また、Internet Explorer 11の最近のリリースとSafari 6.1により、今やすべてのモダンブラウザがFlexboxの最新仕様に対応しています。以下のデモをご覧ください。Webインスペクタでスタイルを眺めるか、また

J138 2017/05/31

リンク

デザイナーに届けたい…マテリアルデザイン事始め Part.1 - Qiita

2017年DroidKaigi﹁エンジニアが武器にするMaterial Design﹂に感化され、わが社でもデザイナー向けマテリアルデザイン勉強会をしてみようと思います。スライドいつの日か﹁わぁー、イケてるね！︵わくわく︶﹂みたいなデザインができる日が来ることを祈って、説明向け資料をまとめていきます。 Part.1 : マテリアルデザインの概観次回 Part.2 : マテリアルデザインのコンポーネント︵小︶マテリアルデザインってなんなのさ？物質デザイン。デザインパーツを物質として捉え、現実世界のルールに沿うことで、ユーザに直感的な操作を誘導するデザインのこと。基本の考え方マテリアルデザインとは紙とインクの要素で出来ているオブジェクトの重なりを物質的に捉える︵3次元︶意味のあるアニメーションでより直感的に紙とインク紙？ UIパーツは紙でできていると考える。紙は以下の特徴

J138 2017/03/27

design

リンク

Create atomic design systems with Pattern Lab - Pattern Lab

Create atomic design systems with Pattern LabPattern Lab is a frontend workshop environment that helps you build, view, test, and showcase your design system's UI components. Run the following command in your terminal and read the installation guide to get started: npm create pattern-lab

J138 2017/01/19

web
design

リンク

http://game.endride.jp/

J138 2016/11/24

サイトカコイイ

web
design

リンク

HTMLとCSSのコピペですぐに実装できる見出しデザイン14選

WEB制作で必ずと言っていいほど登場するものの1つに﹁見出し﹂があります。そこで今回は、CSSだけで作られている見出しの中でも、実用性が高いものやCSSの最新要素を使ったものを厳選してご紹介します。コピペで簡単に実装できるので、是非使ってみてください。飾り付きの見出し擬似要素before、afterを使って飾りをつける見出しです。beforeとafterのcontentプロパティを変更すれば、☆や♡にすることもできます。同じくbefore、afterを使うパターンです。transf ormプロパティで斜めにした長方形と長方形を重ねることで三角形を作っています。 beforeとafterを使ったシンプルな見出しです。ボーダーを指定した擬似要素の位置をpositionプロパティで指定しています。ボーダーがある見出しキャプション付きの見出しです。シンプルなので使いやすいですが、レスポン

J138 2016/09/14

リンク

atpages.jp - このウェブサイトは販売用です！ - atpages リソースおよび情報

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

J138 2016/08/16

font
design

リンク

かっこいい日本語フリーフォント16選（デザイン向き） - 無料で使える日本語フォント投稿サイト｜フォントフリー

日本語のフリーフォントを利用してデザインする際などに﹁クールなデザインにしたい﹂﹁かっこいいフォントを使いたい！﹂という場面があるかと思います。ただ、英語のかっこいいフォントはすぐに見つかるのに、日本語になるとすぐに見つけられないということがあります。そこで今回は、デザイン性が高くてかっこいい日本語フリーフォントをフォントのタイプに分けてご紹介していきます。商用利用可能なものから、漢字を含んだもの、カタカナのみのかっこいいフォントまで幅広く用意してみましたのでご覧ください。かっこいいゴシックフォント鉄瓶ゴシック鉄瓶︵てつびん︶ゴシックは、フォントな自由さんが公開している角ゴシックフォントです。﹁源ノ角ゴシック﹂を改変して制作されており、極太の文字かつごつごつとした質感がかっこいいフォントです。商用‥OKひらがな‥◯ カタカナ‥◯ 漢字‥◯ ▷ 鉄瓶ゴシックスマートフォン

J138 2016/08/16

font
design

リンク

2016年7月に読んだWeb・デザイン関連の本

2016年7月26日書評 Web制作やデザインに関する情報は、インターネット上以外にも書籍を通して体系的に学ぶことができます。今月も様々な本を拝読しました。その中でいいなと思った物、オススメの物をいくつか紹介します！ ↑私が10年以上利用している会計ソフト！心を動かすデザインの秘密認知心理学から見る新しいデザイン学

J138 2016/08/01

UI
design

リンク

React＋CSSフレームワークを検討してみたよ - Qiita

React使いつつも、既存のCSSフレームワークを何か載せようと思っていろいろ調べたメモ。あくまでもReactとの親和性などに絞って選んでます。 Bootstrapは何か﹁出、出〜〜〜！！Bootstrap奴〜〜〜！﹂ってなりそうだったので、最後の砦として触れてません。 Material-UI 一番Reactに寄り添って出来ている。以下のように必要なコンポーネントをimportしてrender()内で使うだけ。実際触ってみると非常にお手軽で、動きのクォリティも高かった。余計な外部ファイルも読む必要がなくて綺麗。その分かなりカッチリと仕様が決まっているので、少し手を加えたい場合はさらにMaterial-UIコンポーネントをラップするオリジナルコンポーネントを作れば拡張はできる。 // タッチ・クリックの挙動のために必要っぽい import injectTapEventPlugin

J138 2016/07/21

リンク

はてなブックマーク

タグ

関連タグで絞り込む (182)

designに関するJ138のブックマーク (720)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス