전준영

134 Flips | 5 Magazines | 5 Likes | 1 Follower | @6eco0f6 | Keep up with 전준영 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 “전준영”

[CSS]知っておくと便利!スマホで要素を高さいっぱいに表示したいのに、期待通りに表示されない時の解決方法

ビューポートを使った単位(vw, vhなど)は、特にスマホの各ブラウザにおいて複雑です。例えば、vwのスクロールバーを考慮する必要がありますか? サイトのナビゲーションやページコントロールはどうでしょうか? …

最近のHTMLメールで見かけるさまざまなレイアウトやコンポーネントが揃ったデザイン素材 -Email Design System

デスクトップ・スマホ対応のHTMLメールをデザインするのに役立つレイアウト、コンポーネント、シンボル、テンプレートが揃ったSketchのデザイン素材を紹介します。 HTMLメールのさまざまなデザインが収録されており、制作...記事の続きを読む

書いたコードを画像化して保存できる・「CodeZen」

CodeZen<p>CodeZenは書いたコードを画像化してダウンロードできるWebサービスです。以前書いたcarbonとほぼ同等のサービスですが、こちらはcarbonのようなツイート機能はありません。また、carbonはOSSである事から、あらゆる点で個人的にはcarbonさえ知っていれば済みそうですが …

驚くほど簡単!コーディング作業不要で、まざまなHTMLページを積み木感覚で作成できる無料ツール -Stitches

Webページの任意の要素に設定されたCSSをチェック、コピーできるブラウザ拡張・「CSS Scan」

CSS Scan<br>CSS …

高品質で使いやすい!参考にしたいすごい無料アイコン素材50個まとめ

軽量で多機能なモダンCSSフレームワーク・「Teutonic CSS」

Teutonic CSS<br>Teutonic …

インフォグラフィックに使えるアイコンを配布する・「Infographic Icons」

Infographic Icons<br>Infographic …

いいのを見つけた!譜面や音楽系デザインに、音符や演奏記号が揃ったフリーの記譜フォント -Elbsound Music Font

使いやすいフォームとは、心理学の原則に基づいたユーザビリティの改善方法

これがPhotoshopの実力だ!参考にしたいすごいチュートリアルつくり方まとめ

街なかにある看板や広告、何気なく読んでいる雑誌など、あらゆるデザインの現場で使われているPhotoshop。「これどうやって作るの?」と思わず言いたくなる、魔法のようなデザインテクニックを披露しているチュートリアルで、スキルアップを目指してみませんか。 今回はデザイナーが参考にしたい、最新 …

ハンバーガーメニューの実装もこれなら簡単!パネルを左右上下からスライドさせる超軽量スクリプト

Webページやスマホアプリで、ドロワーのパネルを左・右・上・下からスライドさせるだけの超軽量3kBのスクリプトを紹介します。<p>実装もカスタマイズも超簡単で、デスクトップ・タブレット・スマホを完全にサポートしています。また、他のスクリプトやスタイルシートに依存はなく、React、Vue、Angular、 …

BootstrapにMicrosoft提唱のデザインシステム、Fluentを取り入れたツールキット・「Nespero Fluent Kit 」

Nespero Fluent Kit<br>Nespero Fluent …

すごい簡単!UIデザイン用のさまざまなSVGアイコンをカスタマイズして利用できるJavaScriptライブラリ

WebサイトやスマホアプリにぴったりなSVGアイコンを簡単に使用できるよう構築されたJavaScriptの軽量ライブラリを紹介します。<p>カスタマイズも非常に簡単で、HTMLのdata属性を使用して、SVGアイコンのサイズやカラーを個別に設定できます。<p>vivid.jsの特徴<p>90種類以上のSVGアイコンが …

10分で分かる!Adobe XDの新機能や実践的な使い方が学べるAdobe公式チュートリアルファイル中級編

350以上あるWebフレンドリーでオープンソースなSVGアイコンセット・「BoxIcons」

BoxIcons<br>BoxIconsはWebフレンドリーなオープンソースのSVGアイコンセットです。350以上のアイコンが用意されています。使い方はfont-awesomeライクでCSSを読み込み、classを付与すればいいだけです。SVGなのでカスタマイズもしやすそうです。ライセンスはMITとなってい …

Adobe XDがかなり便利になってる!スマホやWebサイトの制作に使える、UIやワイヤーフレームの無料素材のまとめ

Adobe XDでシンプルなワイヤーフレームを作ろう!便利なUIキットいろいろ

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

デザインでもっとも頭を悩ますことの多い「配色えらび」。配色を決まらずに、時間だけが過ぎてしまったという経験のあるひとも多いでしょう。 …

びっくりするほど簡単!HTMLやCSSの作業なしで、Bootstrap 4のさまざまなページを作成できる無料ツール

さくっと短時間で、慣れれば1分! デスクトップやスマホに対応したページを作成したい時にぴったりな無料のオンラインツールを紹介します。 HTMLやCSSの作業は一切不要で、Bootstrap 4ベースのさまざまなページをド...記事の続きを読む

ホームページを作成しよう!無料で使える高品質HTMLテンプレート26個まとめ 2018年4月度

ウェブサイトやアプリを素早く作成でき、モバイルやタブレットでの表示にも対応した、レスポンシブな無料HTML5/CSS3テンプレート素材をまとめてご紹介します。 人気フレームワークの最新版となるBootstrap …

デザイナー・カメラマンにおすすめ!大量の画像を効率的に管理できるWin, Mac, Linux対応の無料アプリ -Tiat

画像のビューア・管理系のアプリはいろいろありますが、画像の枚数が多くなると挙動が重くなったり、分類するのが面倒だったり、また有料だと高機能すぎたりと、ちょうどよいのに出会えていない人に朗報です。 完全無料で、Win, M...記事の続きを読む

レベル高すぎ!商用可能な無料HTMLテンプレート200+種類を配布しているサイト Colorlib

簡単すぎて驚いた!ユーザーフローとプロトタイプが短時間で作成できてしまうツール -Overflow

CSS Gridベースのを作成できるジェネレーター・「CSS Grid Layout Interface Builder」

CSS Grid Layout Interface Builder<br>CSS Grid Layout Interface BuilderはCSS Gridベースのレイアウトをインタラクティブに作成できるジェネレーターです。特に細かい説明は不要な程度には簡単な仕様なので、手っ取り早くCSS …

オープンソースのポッドキャスト/RSSリーダーアプリ・「Winds」

Winds<br>WindsはOSSで提供されるポッドキャスト/RSSリーダーです。各OSで動作する他、無料で利用できるWeb版もあるようです。OPMLにも対応しており、移行も容易に可能となっています。次々と消えていく主要なRSSリーダーに困惑する方も少なくなさそうですが、理想としては自分で管理できる環境を …

無料で使える音源を大量に配布する・「Fugue」

Fugue<br>Fugueは商用でも無料で使えるさまざまなタイプの音源を大量に配布するプロジェクトサイトです。当ブログでもよく紹介させて頂いているIcons8のプロジェクトで、被リンクが条件(CC BY …

ウェブ開発を爆速に!人気オススメCSSフレームワーク厳選38個まとめ【2018年最新版】

短時間で手軽にウェブサイトを作成できるCSSフレームワークは、数多く公開されています。CSSフレームワークを使用することで、<b>開発速度をスピードアップさせる</b>だけでなく、<b>クリーンで規則性のあるレイアウトを時間をかけずに作成</b>できます。 …

テキスト入力すると自動でマインドマップを作成できる・「Text2MindMap」

Text2MindMap<br>Text2MindMapはテキスト入力だけでマインドマップを作成してくれるツールです。CSSとJavaScriptで出来ており、インデントすれば子のアイテムを作成します。非常に簡易的なもので、保存はプレーンテキストで、読み込みもインデントしたテキストファイルを読み込む、という …