Shuw Anang

2,209 Added | 18 Magazines | 20 Likes | 5 Followers | @Sanang | Keep up with Shuw Anang on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Shuw Anang”

sketchファイルの中身を確認できるWebサービス・「Sketch.The.Ripper」

Sketch.The.Ripper<br>Sketch.The.Ripperはsketchファイルの中身をプレビューしてくれるWebサービスです。sketchファイルをアップロードするだけで中身を表示、確認できる、というもの。表示するだけではなく、オブジェクトやテキストを別途個別に抽出してくれます。シンプル …

テクスチャ、パターンがなんでも揃う無料オールインワン素材集60個まとめ

[CSS]知っていると便利な「calc()関数」の使い方のまとめ -レイアウト・要素の配置・フォントサイズの定義など

calc()関数を使用すると、レスポンシブ対応ページのレイアウトや要素の配置、ビューポート幅に基づいた相対的なフォントサイズの定義などが期待通りに実装できます。<br>Webページやスマホアプリの実装に役立つcalc()関数の使い方を紹介します。<p>calc()関数はOpera …

やってみたかった表現をマスター!すごいPhotoshopチュートリアル、作り方49個まとめ 2018年3月度

[CSS]こんなやり方があるとは!ボタンのシャドウに2色の美しいグラデーションを与えるテクニック

ボタンや矩形などの要素にシャドウを付ける時は「box-shadow」が便利ですが、1色または重ねても全体が均一のカラーでしかシャドウを適用することができません。<p>2色の美しいCSSグラデーションでシャドウを適用するPure …

独学の人には特にオススメ!JavaScriptの基礎が一通り、14分ちょいで学べるチュートリアル

JavaScriptの基礎となる構文が一通り学べるチュートリアルを紹介します。チュートリアルはステップ形式で、簡単なものから始まるので、初心者にもオススメです! JavaScript in 14 minutes Java...記事の続きを読む

Safari

試してみたらすごかった!PNG画像を最適化し、ファイルサイズを大幅に減らす無料アプリ -Crunch

日本語にも対応!自分で書いた文字からフォントを簡単に作成できる無料オンラインツール -Calligraphr

Webデザイン見本に最適!実例で学ぶ最新トレンド、スタイル45個まとめ

[CSS]「display: contents;」がすごい便利!ラッパーを使った実装が大きく変わるこれからのテクニック

例えばカードで、見出しが1行・3行、本文の量が多かったり少なかったりする場合、それぞれの高さを揃えるのは非常に難しく、かなりトリッキーな実装が必要でした。もしくは、JavaScriptを使用しなくてはできなかった実装です...記事の続きを読む

HTML

CSS Gridを使ったレスポンシブ対応の基本レイアウト

様々なデバイスのモニターに任意の画像を合成できる・「MockupPhotos」

MockupPhotos<br>MockupPhotosはiPhoneやPCなどの画像のモニター部分に任意の画像を合成してダウンロードできるWebサービスです。昔からよく見かけるモックアップ作成ツールですが、異なるのは他にも絵画や名刺といった類の画像も揃っているのと、合成前の高解像度の写真もダウンロードでき …

作業効率が劇的にアップする、Photoshop無料アクション素材58個まとめ【2018年版】

春の新作フリーフォント!ロゴにも本文にもぴったりな日本語の無料フォント -コーポレート明朝

ウェブデザイナー必見!美しいCSSグラデーションをコピペできる無料ツール17選まとめ

フリーランスの人も知っておきたい!メールで要件やスケジュール、修正の内容をやり取りする時のガイドライン

一通りのUIコンポーネントを揃えた軽量なCSSフレームワーク・「Mustard UI」

Mustard UI<br>Mustard …

Photoshopって楽しい!アニメやイラスト、ポスターなどで見たあのイメージを作成できるPhotoshopのアイデア帳

Chapter1 マンガ風味Lecture1 …

商用利用無料、Bootstrap 4をそのまま簡単に使用できるWordPressのテーマファイル -UnderStrap

人気急上昇!2018年にグラデーションカラーが愛用される10個の理由

様々なレイアウトに対応できるよう設計されたflexboxベースのグリッドシステム・「Flexible Grid」

Flexible Grid<br>Flexible …

現在主流のすべてのデバイス用のグリッドが収録されたPhotoshopとSketch対応の無料テンプレート素材

• Desktop Wide<br>• Desktop<br>• Tablet<br>• Mobile<br>• iPad Pro<br>• iPad<br>• iPhone X<br>• iPhone 8 Plus<br>• iPhone 8<br>• iPhone SE<br>• Apple Watch 42mm<br>• Apple Watch 38mm<br>• Android Tablet 9″<br>• Android Tablet …

IPhone 8

[JS]タッチ操作にも対応した快適なスライダー・カルーセルを実装する軽量スクリプト

jQueryなどのスクリプトやアニメーションのCSSに依存せずに、レスポンシブ対応の快適なスライダー・カルーセルを実装する軽量のスクリプトを紹介します。<p>スライダーは最後を表示した際に1枚目に巻き戻し、カルーセルは最後を表示した際に巻き戻さずにそのまま1枚目を表示します。<p>Glide.jsの特徴<p>Glid …

Adobe XDの使い方をマスターしておこう!基本的な操作が10分で身につくAdobe公式のチュートリアルファイル

用途に合わせてアレンジ可能なカリグラフィブラシとテクスチャのセット「Procreate Calligraphy Brushes」

手書きで描かれたカリグラフィは、柔らかな印象やスタイリッシュな印象など様々なニュアンスを表現できることもあり、汎用性も高く人気のアイテムです。そんな中今回紹介するのは、用途に合わせてアレンジ可能なカリグラフィブラシとテクスチャのセット「Procreate Calligraphy …

モダンなものから斬新なタイポグラフィまで幅広くまとめられた最新のフォント集「Free Fonts – 17 New Fonts For Designers」

デザイナーとして常にチェックが欠かせないフォント。手書き一つとっても筆のはね具合などでイメージが変わってきてしまいます。今回は幅広いタイポグラフィのデザインがまとめられた「Free Fonts – 17 New Fonts For Designers」をご紹介していきます。 <br>Free …

グラフィックデザイナーのためのおしゃれなフリーフォント「21 Fresh Free Fonts for Graphic Designers」

デザインの良し悪しの決め手ともなるフォント選び。デザイナーにとって重要なアイテムとなるので、様々なジャンルに対応できる最新のフリーフォントは必見です。そんな中今回紹介するのは、グラフィックデザイナーのためのおしゃれなフリーフォント「21 Fresh Free Fonts for Graphic …