z1a2nhのブックマーク / 2017年4月13日

z1a2nh id:z1a2nh

2017年4月13日のブックマーク (4件)

iPhone/iPad/iPad mini用メディアクエリ一覧 | ENTEREAL/エンタリアル
Blog Posts List ブログ記事一覧検索 CakePHP3を始めた方に CakePHP 3.X 2016年01月16日(土) 14時23分 2つの住所から距離を計算する API 2015年12月18日(金) 10時23分「:target」セレクタについて CSS 2015年12月12日(土) 12時23分外部サイトからの画像への直リンクを防ぐ Apache 2015年12月04日(金) 12時23分 CSS3だけで作るブラウザタブ CSS 2015年11月17日(火) 21時23分 CSS3だけで作るパンくずに関する件 CSS 2015年11月12日(木) 12時23分 Bootstrap4のブレイクポイント計算機 Bootstrap 2015年11月11日(水) 19時23分 Bootstrap4のブレイクポイントに関する件 Bootstrap 2015年11月11日(水
z1a2nh 2017/04/13
Web制作
リンク
Flexboxのjustify-contentで最後の行を左寄せにする方法
Flexboxのjustify-contentで最後の行を左寄せにする方法 Flexboxのjustify-contentではflexアイテムの配置方法が指定できます。 justify-contentに「center」と指定すればflexアイテムを中央寄せに、「space-between」と指定すれば両サイドを端に配置し中のflexアイテムを均等に、「space-around」と指定すればすべてのflexアイテムを均等に配置します。以下は、justify-contentにspace-betweenを指定したサンプルです。flex-wrapにはwrapを指定してflexコンテナより溢れたflexアイテムは改行されるようにしています。 See the Pen Flexboxのjustify-content by Kazuma Nishihata (@to-r) on CodePen. 一見、
z1a2nh 2017/04/13
CSS
リンク
【速報】Google天才すぎ。プロ仕様のイラストが誰にでも描ける「AutoDraw」がすごすぎる！ | SELECK [セレック]
Google Inc.が4月11日に公開した、機械学習を応用した無料のオンラインお絵描きツール「AutoDraw」がすごすぎるので、使い方を紹介します！簡単に言うと、AI（人工知能）が、どんなイラストも「デザイナー仕様」に仕上げてくれるんです。しかも一瞬で。しかも無料で。こちらから、誰でもすぐに使い始めることができます。こんな感じ！いびつなお星様が、キラキラのお星様に！Google天才かよ。というわけで、こんなにすごいAutoDrawの使い方を解説したいと思います。（と言っても、解説するほど何もないのですが…） AutoDrawってどんなツールなの？ AutoDrawは、Webベースのイラスト作成ツールです。スマホや、コンピューターでイラストを描くのって、難しいですよね。素人ですと、どうしても線がガタガタになったり、思ったようなものが描けなかったり… AutoDrawは、そんな悩
z1a2nh 2017/04/13
ツール
リンク
かわいい系デザインに使えるCSSいろいろ
かわいい系デザインに使えるCSSいろいろ過去に書いた「かわいい系デザインに使えるフォントや素材、デザインアイデアを集めました」という記事でかわいい系デザインの作り方を紹介しました。今回はかわいい系第二弾！CSSだけでできるかわいい小技をいくつか紹介します。すべてデモ付きなのでイメージしやすいかな？と思います。デモ画面内にある「HTML」「CSS」タブでコードが表示されるので、コピペして使ってくださいね！過去記事「かわいい系デザインに使えるフォントや素材、デザインアイデアを集めました」 1. キラキラ系テキスト某ギャル雑誌（もう刊行されてないのかな？）で毎回見かけていたこの白抜き＋明るい色のシャドウ。CSS では text-shadow を用いて表現できます。ポイントは文字を白に設定し、シャドウの横位置・縦位置ともにゼロを指定してテキストの位置にあわせること。お好みの色で試してみてください
z1a2nh 2017/04/13
CSS
リンク
- 2017年4月14日
- 2017年4月13日
- 2017年4月12日