lui-kkのブックマーク - はてなブックマーク

https://nuconeco.net/rakuten-cabinet-picture/

lui-kk 2018/01/12

RMSで画像上書き時のメモ。GOLDは体感的にすぐ反映されてる。[楽天RMS]

リンク

★【2018年版】レスポンシブデザインにおけるブレイクポイントの最適解はこれだ！ | nuconeco

lui-kk 2018/01/12

普遍的に使えそうなブレイクポイントの解説。とっても分かりやすかった！

リンク

進化したPhotoshopでWEBデザイン効率アップの１０の奥義！ - STAND-4U

現役プロが比較｢WEBデザインスクール12校｣おすすめランキング！ WEBデザインスクール選びで絶対失敗したくない！プロの目線でおすすめを教えて！ WEBデザイナーがデザインする際に使うツールはPhotoshopがベスト？最近ではSketchやIllustratorでWEBデザインをされる方も増えているが（Fireworksの人口は減る一方）、Photoshopでデザインされている方がまだ大半を占めている。以前Webクリエイターボックスさんが実施したアンケートでもこのような結果だった。やっぱりまだまだPhotoshop強し！みなさん、ご協力ありがとうございました！ぐっない? pic.twitter.com/ajGy0wb46g — Webクリエイターボックス (@webcreatorbox) 2016年2月19日さらにPhotoshopは古くなっているわけではなく、Photos

lui-kk 2017/12/06

めっちゃ便利だなこれ、覚えとこう。レイヤーの移動とか目から鱗。

リンク

絶対と相対パス

絶対パスと相対パスせんせい、画像や他のページへリンクしたいんですけど、うまく表示されないんですよ。画像の変わりに「×」って出たり、ページを開くと「not found」って表示されてしまいます。「×」や「not found」となってしまう場合は、ページ・画像が指定した場所にないか、指定のパスが間違ってるのだよ。パスですか？　<img src ="./***/***.gif">のことですよね？そのとおり。ついでだから絶対パスと相対パスについて勉強しとこうか。パスの知識はホームページを作る時に必ず必要になる。画像やページの指定だけじゃなくて、CGI やJavascriptなんかを使う時にも必要。絶対パス？？相対パス？？どちらも画像やファイルの場所を指定するパスの書き方だ。最初は分かりにくいから↓の図を見てくれ。住所を例にして説明しよう。 ↑の場所に、それぞれ住んでいたとする。道を歩い

lui-kk 2017/10/20

“自分から見た相手の住所、お姉さんは、同じマンション（同じドメイン）に住んでいないので相対では表せない。”曖昧なところ復習。

web基礎知識

リンク

無印iPadがまるでProみたい！魔法のペンがコチラです

無印iPadがまるでProみたい！魔法のペンがコチラです高すぎるiPad ProとApple Pencilには手が出ませんが、この世には安価な無印iPad（2017年3月発売モデル）でもパワーを発揮するスタイラスペンが存在するんです。そこで、無印iPadと相性がいい手書き感覚のスタイラスペンを探してみました。

lui-kk 2017/10/03

これはいいかも。Proか悩んでたけど無印iPadにしようかな

リンク

日本が北朝鮮の核ミサイル被弾の場合、死なないための具体的対処法…20分後に黒い雨

北朝鮮による核ミサイル攻撃が、少しずつ現実味を帯びてきている。核兵器が爆発を起こすと、100万分の1秒後（ということは瞬時）にウランやプルトニウムが分裂反応を起こし、中性子線やガンマ線が放出される。10秒後には、爆発の衝撃波が半径3.7キロメートル四方に及び、最大風速は400メートル／秒以上になるという。3分後には「きのこ雲」が発生し、20分後には「黒い雨」が降り始める。核兵器が爆発した時点で放射線を浴びると、10秒後の爆風や熱に当たらなくても、誰しも致死に至る。しかし閃光や火球を見るや否や、まずやるべきことは、遮蔽物の陰に隠れることだ。そしてコンクリートの丈夫な建物や地下施設があれば、すぐそこに移動する必要がある。放射線の線量は7時間ごとに10分の1ずつ減っていくので、2日（49時間）後には約100分の1まで減少する。よって、建物や地下施設には最低2日間以上とどまり、出ていくなら3

lui-kk 2017/09/20

リンク

イラレで表を作りたい - かもメモ

イラレ(Adobe Illustrator)でデータを作る時に表やテーブルを作成したい時は段組設定が超絶的に便利です。作成したい表の大きさの四角形を作成メニューバーからオブジェクト > パス > 段組設定を選択設定メニューから作成する表の行数と列数を選択セルや表の大きさを変えたい時は選択ルーツでパスを選択して移動させればOK セルの結合は結合したいセルを選択して、再度オブジェクト > パス > 段組設定を選択して縦方向なら行の段数を変更横方向なら列の段数を変更 👆 licecapというアプリでキャプチャを撮ったけどメニューバーを録画範囲に入れることができなかった… この機能知らなかったので今までかなり損してました… 行と列がどっちを指しているのかよく判らなくなります。ﾆﾎﾝｺﾞﾑﾂｶｼｲﾈ。神速Illustrator［グラフィックデザイン編］　CC対応 (Web

lui-kk 2017/09/11

案内をつくるのにメモ。

Illustrator

リンク

ページをめくる効果が美しい。雑誌や本のようにリアルにページをめくれるjQueryプラグイン「turn.js」

turn.js 以前、画像を本をめくれるようにみれるjQueryプラグインである「FlipPage」をご紹介しましたが、今回ご紹介する「turn.js」はまるでFlashで作ったかのようにリアルな本のページを実現しています。しかも、たった6Kという軽さ。 HTML５とCSS３で作られているようで、IE８以前では作動しないのが残念ですが、将来FlashからHTML5が主流になる可能性を考えると期待大です。その他のFirefoxなどのブラウザ、タブレット端末やスマートフォン端末には対応しています。サンプルはこちら。ページの端をクリックするか、ドラッグするとページがめくれます。 →　ページをめくり効果が美しい。雑誌や本のようにページをめくれるjQueryプラグイン「turn.js」サンプル jQueryプラグイン「turn.js」の使い方は続きをどうぞ。まずは、こちらからzipファイルを一

lui-kk 2017/09/05

リンク

The Blog | Welcome to Adobe Blog

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

lui-kk 2017/09/01

知らなかった。

PDF

リンク

わかりやすい文章の10大原則（第2回） | Web文章入門（全7回） | Web担当者Forum

lui-kk 2017/08/29

わかりやすいメモ。

リンク

Photoshopを用いてアニメーションGIFを作成する方法【チュートリアル】

ブログ HubSpot日本語ブログでは、世界中のHubSpotの知見を活かし、日本のビジネスパーソンの課題解決に繋がるような情報を提供しています。

lui-kk 2017/08/29

これでGIF作れた！読み込んだGIFを編集してただ単に編集して再保存するわけじゃないのね汗

リンク

アイコンフォントの使い方を『Material Design Iconic Font』で解説 | 株式会社チップディップ

今回はアイコンフォントの使い方について解説していきます！アイコンフォントは『Font Awesome』も有名ですが、そちらの方は既に解説されている方が多数いらっしゃったので、この記事では『Material Design Iconic Font』を使いたいと思います！ちなみに使い方はどちらもだいたい同じです。 Material Design Iconic FontについてこちらがMaterial Design Iconic Fontのサイトです。 Material Design Iconic Font by zavoloklom まずは一番気になるレギュレーションから確認していきましょう。レギュレーションについてはこちらのLicenseページで確認することができます。 Material Design Iconic Font :: License 詳細は割愛しますが、アイコンを商用利用

lui-kk 2017/08/01

アイコンフォント

リンク

[CSS]ツールチップをスマホにも対応させた超軽量のスタイルシートのライブラリ -Microtip

見た目は普通のツールチップ。軽快なアニメーションで表示されるのも、表示方向を指定できるのも探せばあると思います。しかしその中身はピュアCSS、1kbの超軽量スタイルシートで実装された、スマホもサポートされたツールチップのライブラリを紹介します。

lui-kk 2017/07/05

リンク

ブログのRSSを取得してサイトに読み込む方法まとめ | まめー

ブログの新着情報をニュースやお知らせのように、サイトに読み込みたいときがあります。その方法は、以下のような条件によって実装方法が異なります。・外部ドメインのブログのRSSを取得して表示・内部ドメインのブログのRSSを取得して表示・ドメイン内部のWordPressの新着情報を取得して表示このページでは、それぞれのケースで、ブログのRSSを読み込むための、最適な方法をめとめました。 Google Feed APIは使用不可これまでは、Google Feed APIを使用するのが一般的でした。簡単に実装できたので、私も複数のサイトで使ってました。参考：Google Feed APIを使って外部ブログのRSSを表示する方法しかし、突然に表示されなくなる問題が発生し、2016年頃には正式に廃止が発表されました。2017年の1月には実際に表示されなくなっていますので、代替手段で修正しま

lui-kk 2017/06/27

リンク

http://2ndidea.com/design/gray-on-web-design/

lui-kk 2017/06/23

リンク

RMP エンジニア・ブートキャンプ 2017 - ようこそ web フロントエンドの世界へ

社内の2017新卒向けブートキャンプ ( 研修 ) にて使用したスライド資料ですが、せっかくなので一般公開します。

lui-kk 2017/05/31

リンク

なぜインスタは「キラキラ専用空間」ではなくなってしまったのか？女子大生が語るインスタに起きている変化と、SNSで「着物の価値」が上がった理由。 | アプリマーケティング研究所

なぜインスタは「キラキラ専用空間」ではなくなってしまったのか？女子大生が語るインスタに起きている変化と、SNSで「着物の価値」が上がった理由。女子大生の方に「最近のインスタ」について聞きました。どうしてインスタは「キラキラ写真だけ」じゃなくなってきているのか…？？女子大生からみた「最近のインスタグラム」１、インスタはもう「キラキラ専用空間」ではない。女子大生：インスタって前までは「オシャレな写真だけ」を載せるキラキラ空間だったんですけど、最近は「日常の写真を載せるSNS」に変わってきていて。大きかったのは「ストーリー」です。みんなコレが出てから「臨場感」を伝えるようになった。その場で撮った写真や動画をあげるクセができた。ストーリーの中身は、「美味しいご飯」が圧倒的に多くて、2番目が「友達とはしゃいでるなう」みたいなやつ、3番目は「目の前にある風景」とかが多いかな。今までは

lui-kk 2017/05/24

リンク

JINS､｢Amazon Pay｣でEC事業が好調 | アマゾンジャパン | 東洋経済オンライン

アイウエアブランド『JINS』を展開する株式会社ジンズ（以下、「ジンズ」）。メガネの企画から生産、販売までを一貫して行うSPA方式を実現し、これまで軽量メガネ『Airframe』シリーズを累計1700万本、ブルーライト対策メガネ『JINS SCREEN（旧JINS PC）』を同700万本販売するなど多くのヒット商品を生み出してきた。2017年3月末時点で、国内では316店舗、海外でも中国97店舗、台湾12店舗、米国4店舗を展開している。そんなジンズが、さらなる成長を目指して採用したのは、「Amazon Pay」だった。ジンズは、一点3～5万円が当たり前というメガネの常識を覆し、レンズの追加料金ゼロやこれまでにない機能性メガネで新たな市場を開拓してきた。2007年にはECサイトを開設。以来、バーチャルでメガネの試着ができるアプリの開発や似合うメガネをAIがおすすめしてくれるサービスの提供な

lui-kk 2017/05/17

Amazon Pay

リンク

テニスの王子様は18年でどれだけインフレしたのか：カフェオレ・ライター

プロフィールマルコフリーライター／BL研究家やってます。お仕事のご依頼、ネタのタレコミはメール、またはtwitterあてにお気軽に。お仕事について詳しくはこちら。メールアドレスはma-cafe@hotmail.co.jp 書いている人のことがなんとなくわかる記事↓ 生きていく上でまったく知る必要のないボーイズラブの最新事情まとめダニに噛まれたと思っていた脇腹の傷が、とんでもない病気だった話テニスの王子様は18年でどれだけインフレしたのかスポーツ漫画でおなじみの展開といえば「インフレ」です。スポーツ漫画はバトル漫画に構造が似ていて、「強敵と戦う→勝利→もっと強敵が出てくる→勝つ」の繰り返しになりがちですから、どうしてもインフレせざるを得ません。それが常識的な範囲で収まっているうちはいいのですが、ときとして競技の定義を超えてしまうレベルでインフレしてしまう漫画もあります。その