jed_leeのブックマーク - はてなブックマーク

jed_lee id:jed_lee

jed_leeのブックマーク (2,549)

CSS Filter Generator - create CSS and share CSS filters and mix-blend-mode overlays
Javascript appears to be disabled. This website will not work without Javascript. Please visit enable-javascript.com for more details Internet Explorer warning: It appears you are using Internet Explorer. This website does not work on Internet Explorer as it relies on modern CSS3 features. Please use FireFox, Chrome or Opera. When using these filters, do keep in mind graceful fallback for legacy I
jed_lee 2018/12/24
css3のfilter系エフェクトジェネレーター。URL指定での画像差替機能あり。

CSS

フロントエンド

ジェネレーター

エフェクト

フィルター
リンク
Google Arts & Culture
The Scream is undoubtedly Edvard Munch’s most well-known painting. Painted in Berlin and Åsgårdsstrand in the 1890’s, it reflects Munch's feelings about the human condition and the new, modern century of the 1900s. Scroll on to learn the must-knows about Munch's famous work... Munch produced several versions of The Scream. Two of them are paintings, of which one belongs to the National Gallery in
jed_lee 2018/11/26
GOOGLE CULTURAL INSTITUTEがアーカイブしている世界中のアート作品、文化遺産や写真を閲覧できる。テーマ別やトピックなどさまざまな切り口特集があり、面白い。

ART

文化

culture

history

歴史

world
リンク
「絵文字」の利用で気をつけた方が良いこと、安全な使い方について｜アジャラカ｜note
こんにちは、アジャラカです 😀 OSがアップデートされるたび新しい種類が増えるなど、Emoji︵絵文字︶は今や世界中で表現に欠かせないツールになりつつあるかと思います。文章だけでは伝わりにくいニュアンスや感情を伝えるのにとても役立つ Emoji ですが、使い所によっては注意が必要だと考えています。 😰 多くの Emoji には著作権や使用ルールが存在するEmoji は一般的に Unicode の仕様に則って実装され、環境が変わっても︵主要なものは︶伝えたいメッセージが何なのかを正しく伝えることができますが、イラスト表現そのものは作成した組織や団体が権利を持ち、多くが自身の提供するプラットフォームでの利用を想定されています。わかり易い例だと、Apple はアプリやスクリーンショットにAppleのEmojiを含めることを禁止しています。入力されたテキストとしての Emoji ではな
jed_lee 2018/11/06
オフィシャルな各Emoji（絵文字）には著作権が存在し、アプリやコンテンツ内でのオリジナルアセット流用は「基本不可」な解説記事。代替としてのオープンソース系絵文字セット紹介もありがたい。

DESIGN

絵文字

2018
リンク
Awesome JavaScript : 素晴らしい JavaScript のライブラリ・リソースの数々 - Qiita
元記事: Awesome JavaScript Awesome List in Qiita Awesome Ruby Awesome Java Awesome Node.js Awesome Python Awesome Go Awesome Selenium Awesome Appium パッケージマネージャ JavaScript ライブラリをホストし, それらを取得してパッケージ化するためのツールを提供します npm - npm は JavaScript のためのパッケージマネージャです. Bower - Web のためのパッケージマネージャ. component - より良い Web アプリケーションを構築するためのクライアントパッケージマネージャ. spm - 新しい静的パッケージマネージャ. jam - RequireJS のレポジトリと互換性があり, ブラウザーに焦点を当てたパ
jed_lee 2018/10/14
殿堂入りクラス評価のJSライブラリまとめ日本語訳 on Qiita。ほとんどの要件を随時カバーしているのでライブラリ探しの際にはここからが吉かも。

フロントエンド

実装

ライブラリ

まとめ

Javascript

参考
リンク
市原湖畔美術館 | 日本デザインセンター
jed_lee 2018/10/08
静ひつでいて "遊ばせる心" もあるパビリオン参考。ホリゾンタルで、なごやかに丸いロゴもまさに「湖畔」で褪せない。

DESIGN

DESIGN-STAND

アフォーダンス

学習

学び

サインデザイン

art

文化
リンク
CoFuFun | 日本デザインセンター
jed_lee 2018/10/08
奈良天理駅前の「CoFuFun」サインデザインプロジェクト紹介ページ。「浸透圧が心地良い "まろやか" なデザイン」参考用。

DESIGN

DESIGN-STAND

アフォーダンス

学習

学び

サインデザイン
リンク
tha snatch
jed_lee 2018/10/06
UI系デザインへの親和性を保ちながら、「間」のあるラインとアイソメトリック "のみ" でしっかりプリミティブさも表現している。健康・食・文化系などで使えそう。

DESIGN

アイコン

icon

MINIMAL

body

UI
リンク
iPhone, iPad, Apple Watch ディスプレイサイズ一覧｜Seiji Miyazawa｜note
iPhone や iPad、Apple Watch といった、Apple のモバイルデバイスのディスプレイサイズがひとまとめで比較できる一覧 PNG を作成しました。以下の項目がブチ込んであります。・名称、米国での発売年、物理的なドット数、物理的な解像度、論理なドット数、論理的な解像度、Retina画像、倍率。・対角インチ数、ドットピッチ、横縦アスペクト比、ノッチや角丸を考慮した表示領域の面積。・対応OS。Apple が正式に発表していないものに関しては、私が計算した数値になりますので﹁だいたいこんなもんか﹂程度でお願いします。間違ってるところや変なところがありましたら、@onthehead まで、優しくご指摘ください。 Apple mobile device display size PNG 画像iPhone、iPad、Apple Watch をひとまとめにした一覧です。ぱっ
jed_lee 2018/09/21
,[apple],[モバイル],[DESIGN],[デバイス],[設計],[ディスプレイ],[まとめ],[スペック] iPhone〜Watch各モバイルディスプレイサイズ。視認性も高く何より「比較」に優れ、実マテリアルとのクイックなアスペクトチェックが可能。

2018
リンク
CSSとSassのコーディングスタイルガイドを作ってみた - Qiita
CSS StyleguideCSSにはスコープという概念が存在しないのでコードを指定する順番を管理してカスケーディングを意図した通りにおこなわせる必要があります。また、インデントや命名規則など好みや考え方が異なることも多いです。スタイルガイドは知識を共有することで認識のズレをできるだけ無くし、制作をする上での約束事を決めることだろうと考えています。以下のガイドラインはCSSとSass︵scss記法︶を扱う上でベターだと考えていることをドキュメントとしてまとめたものです。このガイドラインは2015年11月15日公開︵2016年1月14日に改定︶されたもので、最新のガイドラインはGitHubで公開しています。 css-styleguide | GitHub manabuyasuda はじめにこのスタイルガイドはCSSを扱う上でベターだと思われる方法をまとめたものです。必ずしも正しいもの
jed_lee 2018/09/13
css・sass(一部除きscssにも対応？)の内部向けコーディング記法スタイルガイド。

css

ガイドライン

プロジェクト

コーディング

フロントエンド
リンク
MIKIYA TAKIMOTO PHOTOGRAPH OFFICE - 瀧本幹也
Official website for MIKIYA TAKIMOTO PHOTOGRAPH OFFICE.
jed_lee 2018/09/13
昨今特にタッチデバイスで重要性を増してきているフルフィットの見せ方パターン参考用。世界観とビジュアル重視ならこのぐらいの形がいいのかもしれない。

art

photo

DESIGN

ui

WEB

WEBデザイン
リンク
イマドキのJavaScriptの書き方2018
PySpa統合思念体です。これからJavaScriptを覚えるなら、﹁この書き方はもう覚えなくていい﹂︵よりよい代替がある︶というものを集めてみました。 ES6以降の難しさは、旧来の書き方にプラスが増えただけではなく、大量の﹁旧来の書き方は間違いを誘発しやすいから非推奨﹂というものを作り出した点にあります。5年前、10年前の本やウェブがあまり役に立たちません。なお、書き方が複数あるものは、好き嫌いは当然あると思いますが、あえて過激に1つに絞っているところもあります。なお、これはこれから新規に学ぶ人が、過去のドキュメントやコードを見た時に古い情報を選別するためのまとめです。残念ながら、今時の書き方のみで構成された書籍などが存在しないからです。たぶん明示的に書いていても読み飛ばす人はいると思いますが、すでに書いている人向けではありません。これから書くコードをこのスタイルにしていくのは別にいい
jed_lee 2018/09/05
2018年下期におけるECMAScript 2018 Javascript構築ポイントまとめ。

2018

まとめ

javascript

コーディング

フロントエンド

学習

参考

ES6

ES2018

改善
リンク
JavaScriptを言語仕様から把握し、ライブラリに振り回されない漢を目指す人に贈るJavaScriptの基礎 - Qiita
JavaScriptを言語仕様から把握し、ライブラリに振り回されない漢を目指す人に贈るJavaScriptの基礎JavaScript 個人的に本とかネットで勉強していたものを、ここにまとめていたのですが、せっかくなのでQiitaにも投稿します。間違いなどお気付きの点があればご指摘をお願いいたします。 JavaScript(以下JS) ES6 = ES2015 とする(呼び方多すぎ) 変数と定数の定義基本的に const で定義するようにし、どうしても必要な時だけ let を使うと事故を減らせる var はES6で書けるのであればもう使わなくて良い let 変数を宣言する。宣言できるのは一度だけ宣言時に初期化を行わなくてもエラーにはならない(中身はundefinedとなる) 値の再代入は可能だが、再宣言はエラーになる const 定数を宣言する。宣言と同時に必ず初期化する必要がある値
jed_lee 2018/09/04
JavascriptをES6(=ES2015)に則り、よりピュアなJSパッケージングへ改善をするためのJavascript構築ポイントまとめ。

2018

まとめ

javascript

コーディング

フロントエンド

学習

参考

ES6

ES2015

改善
リンク
GitHub - vuejs/awesome-vue: 🎉 A curated list of awesome things related to Vue.js
Learn Vue 3: Step by Step on Laracasts Vuejs 2 Authentication Tutorial on Auth0 blog Create a GitHub File Explorer Using Vue.js on Scotch.io Vue.js Tutorial on Vegibit Vuex introduction video - James Browne from London Vue.js Meetup #1 Hybrid App Example with Laravel and Vue.js in Portuguese by @vedovelli Vue.js Introduction Turkish Language on oguzhan.in Vue.js VideoTutoral Series in Spanish (3-8
jed_lee 2018/08/12
Vue.js系のプラグインもかなり出揃ってきた。各種プラグインがある程度まとまっているGithubページ。

vue

javascript

コーディング

フロントエンド

プラグイン

実装

まとめ
リンク
アニメーションの調味料「イージング」の使い分けレシピ (透明度、UI、音量) - feb19
アニメーションの調味料﹁イージング﹂の使い分けレシピ (透明度、UI、音量)date2016.12.1(Thu.)tagsflashactionscript この記事は FLASHer Advent Calendar 2016 1日目の記事です。 FLASHer とはAdobe Flash (現 Adobe Animate) を使用している / 使用していたデザイナー、エンジニアの総称です。Flasher はそのまま訳すと﹁露出狂﹂という意味があります。 2016 年現在、前者 GEEK 民族の浄化が行われたので、インターネットで検索をかけると本来の意味での露出狂の画像が見ることができます。会社で検索をかけるのは気をつけて下さい。(なお、本当に露出していた伝説の FLASHer がいます。気になる方は Flasher 露出で検索) なぜ FLASHer である GEEK 民族浄化が起きた
jed_lee 2018/07/16
movie

アニメーション

イージング

エフェクト

インタラクション

エッセンス

学習

参考
リンク
Code to go
jed_lee 2018/07/14
Javascriptの各スニペットを "How to 〜" で検索できるサイト。場当たりスニペットより参考になる、かも、しれないのでひとまずメモ。

Javascript

フロントエンド

制作

スニペット

効率化

参考

学習

リファレンス
リンク
Every shortcut for designers, centralized and searchable
jed_lee 2018/07/14
主な開発 / デザイン制作用主要アプリのショートカットがまとまっているサイト。「神」とか推し / 偏りなくフラットに網羅されているので使いやすい。

アプリ

制作

開発

Mac

効率化

まとめ

高速化
リンク
ガイザーに昇る朝日[10616003340]の写真素材・イラスト素材｜アマナイメージズ
jed_lee 2018/07/03
ボリビアの朝日らしい。よく撮ったな。。とりあえずメモ。

●art

●photo

●picture

●amana

●masterpiece
リンク
10分で学ぶ初心者の知らないGitコマンド一覧 - Qiita
書こうと思ったきっかけ昨年、社内のSVNレポジトリをGit移行してから、チームメンバーにGitコマンドについて色々質問をうけました。そこで、メンバーに教えた便利なコマンドをまとめておきます。基本的なコマンドは理解している事を前提に書いて行きます。この記事内ではざっくりと説明していくので、気になるコマンドがあれば調べてみてください。git reset resetは大別して3種類あります。 resetを使いこなすとかなり幸せになれるので、必ず覚えておく事をオススメします。参考‥http://qiita.com/LOUIS_rui/it ems/8bc0c9058a69a3d6de97 git reset --hard コミットハッシュ指定したコミットハッシュのindexに一致させるときに使用します。指定したコミット以降にindexに追加したファイルは削除されます。気に入らな
jed_lee 2018/07/02
便利で頻出なのに忘れてしまうGitコマンドメモ。ログのグラフィカル化 git log --graph は色分け --pretty=format ... などと併用するとよい（　http://bit.ly/2tWGF7S　）。

WEB

開発

実装

git

バージョン

管理
リンク
Goodpatch Berlin最初のUXデザイナーが、チームにUX思考をインストールした方法｜Goodpatch Blog グッドパッチブログ
Goodpatchでは、ベルリンと東京両拠点の交流の活発化に力を入れています。年に数回はお互いが顔を合わせてコミュニケーションをとるために、数名がオフィスを訪れて交流します。今回東京オフィスへ足を運んでくれたのは、Goodpatch Berlinに最初のUXデザイナーとしてジョインし、今ではUXデザインリードとしてマネジメントを務めるDoro。彼女がどのようにUIデザインドリブンだったデザイン文化に、UXのマインドセットをインストールしたのかを探りました。もともと興味があったコンセプトデザインを活かしてUXデザイナーの道を選んだ ──まずはご自身のバックグラウンドと、これまでのキャリアについて教えてください。私がGoodpatchに入社したのは約1年前のことです。その前はベルリンのthink motoという10人ほどの小さなスタートアップでUXデザイナーとして働いていました。主に担っ
jed_lee 2018/06/26
あとで読む
リンク
はじめに — Vue.js
最終更新日: 2020年5月16日 ⚠️注意: クックブックは随時追加されます。このため、一部のセクションでは未翻訳の箇所があります。現在翻訳作業中一覧はこちらです。作業中の記事についてはしばらくお待ち下さい🙏。翻訳のお手伝いをしたい方は、こちらの翻訳ガイドをお読みください。クックブックとガイドの違いクックブックとガイドはどのように異なるのでしょうか？なぜクックブックが必要なのでしょうか？より焦点を当てて: ガイドというものは、本質的にストーリーを伝えるものです。各セクションは、前の各セクションの知識を元に成り立っています。一方でこのクックブックは、各レシピが独立しています。つまり、これが意図することは、一般的な全体像を把握することより、むしろ各レシピが Vue の特定の側面に焦点を当てることができるということです。より深く: ガイドでは説明が長くなることを避けるために、各機能
jed_lee 2018/06/20
Vue.jsの利用にあたって、特に役立つ情報が随時更新upされている公式記事。「作業中」リンク先Githubをwatchしておくとよさげ。

Javascript

vue

react

コーディング

フロントエンド
リンク
1 2 3 4 5 6 7 8 9 10 次のページ