サイト構築 -実装
[JS]このスクリプト一つで、さまざまな用途に合わせたスライダーが実装できて便利 -Tiny Slider
Post on:2017年11月8日
スライダーとしてのあらゆる機能を備えた単体で動作する軽量のスクリプトを紹介します。シンプルなHTMLでスライダーを実装でき、ベーシックなスライダーからフルカスタマイズされたスライダーまで、簡単に実装できます。 Tiny […]
[CSS]さまざまなデザインのチェックボックス・ラジオボタンを美しく実装するスタイルシート -Pretty Checkbox
Post on:2017年11月7日
チェックボックスやラジオボタンのスタイルを苦手にしている人も少なくないと思います。シンプルなHTMLにclassを加えるだけで、さまざまなデザインのチェックボックスとラジオボタンが実装できるスタイルシートを紹介します。 […]
Tailwind CSSの便利な使い方、レイアウトやUIコンポーネント用のスタイルシートが簡単にまとめて利用できる
Post on:2017年11月6日
既存のページに外部CSSを加えるだけで、最近のWebサイトやブログで見かけるさまざまなコンポーネントやエレメント、Flexboxベースの柔軟なレイアウトをカスタマイズできるスタイルをまとめたCSSのフレームワークを紹介し […]
デザインするのが楽しくなる！有料のカラーフォントが期間限定で、無料ダウンロードできます
Post on:2017年11月4日
有料のカラーフォントが期間限定で、無料ダウンロードできるので紹介します。 期間は、11/5まで。日本時間だと11/6でしょうか。残り期間がわずかなため、急遽土曜日に更新です。 #ColorFontWeek
[CSS]かなり便利！スタイルシートを自分で決めたルール通りに整形する便利ツール
Post on:2017年11月1日
コードを決められたルール通りに記述するのは、素晴らしいことです。 同じクォートを使い、セミコロンの後のスペースの有無、スペースやタブの数、改行の使い方など、統一するのは大変そうですが、ツールを使用すると簡単にできます。 […]
1クリックで簡単！さまざまなデバイスのサイズで表示したスクリーンショットを撮影する無料オンラインサービス
Post on:2017年11月1日
指定したWebページをさまざまなデバイスのサイズで表示したスクリーンショットを簡単に撮影する無料オンラインサービスを紹介します。 デスクトップ、ラップトップ、タブレット、スマホと、それぞれのサイズで撮影するのは面倒ですが […]
プロ仕様のPhotoshopのブラシが全部無料！デジタルイラストに本気で取り組んでいる人向け
Post on:2017年10月31日
2017年10月19日にアップデートされたAdobe Creative Cloudは、アプリのアップデートだけがニュースではありません。プロ仕様のブラシとして有名なKylebrush.comがAdobeに買収され、1,0 […]
フォント、アイコン、シンボルをデザインする時に便利なテンプレートやスタイルが揃ったデザイン素材 -Greyprint
Post on:2017年10月31日
フォント、アイコン、シンボルをデザインする時に役立つテンプレート素材を紹介します。 Illustrator, Photoshop, XD, Sketch, Affinity Designerのすべてのフォーマットが揃って […]
これを使うだけでUIデザインの印象がかなり変わる！Instagramで人気の色相が変化する美しいグラデーション
Post on:2017年10月30日
スマホアプリの背景やデザイン素材として利用できる、Instagramのログインで使用されているようなアニメーションで色相を変化させる美しいグラデーションを紹介します。 今年になり、グラデーションの使い方はより洗練されてき […]
Adobe XDがどんどん便利になってる！Web制作に使える無料素材のまとめ
Post on:2017年10月27日
先週のCreative Cloudアップデートで、Adobe XDが正式版としてリリースされました。Adobeユーザーはもちろん、Windowsがメイン環境の人にもUI/UXデザインの本命と言えるでしょう。 昨日のAdo […]
sponsors
