ページ上のあらゆる要素をドラッグ・リサイズ・スケール・回転・ワープ・グループ化・スナップ操作を可能にする万能JavaScriptライブラリ -Moveable

ページ上のあらゆる要素をドラッグ・リサイズ・スケール・回転・ワープ・グループ化・スナップ操作できるようにするJavaScriptライブラリを紹介します。

単体で利用でき、React, Preact, Angular, Vueにも対応しています。

サイトのキャプチャ

Moveable -GitHub

続きを読む

これはかなりオススメ!映画の字幕に使用される文字を再現した『シネマフォント』期間限定の特大セールが開催

映画のスクリーンで見かける字幕用のパチパチ文字を忠実に再現したシネマフォントをはじめ、読みやすくデザイン性に優れたフォント計87,000円分が、96%オフの3,200円で購入できる期間限定の特大セールを紹介します。

セール期間は、10月22日12時までとなっています。

フォントはWebデザイン、アプリ、動画、紙のデザインなどに利用でき、クライアントのプロジェクトでも販売する同人誌に使用してもOK。

読みやすさ抜群!シネマフォント集

読みやすさ抜群!シネマフォント集

続きを読む

ボタンやアイコンやナビゲーションなど、クリック・タップ可能な領域のサイズを広くする実装方法のまとめ

ボタンやアイコン、ナビゲーション、サイドバーなど、さまざまなUI要素に適したクリック・タップ可能な領域のサイズを拡張する実装方法を紹介します。

サイトのキャプチャ

Enhancing The Clickable Area Size
by Ahmad Shadeed

続きを読む

コリス13周年!当選人数100名超えの太っ腹なプレゼント企画 第2弾

昨日のプレゼント企画 第1弾に続いて、第2弾です。
第1弾と第2弾の当選人数は計125名様!第1弾はかなりのボリュームでしたが、第2弾もかなりのボリュームなので覚悟してください。

応募期間は、2019年10月16日までです。

コリス サーティーン その2

続きを読む

コリス13周年 太っ腹なプレゼント企画、開催します!!

ブログを開始して、正確には10/7がその日でしたが、13年が経ちました!
ようやくコリス サーティーンになれました。
たくさんのビジター様、そしてスポンサー様に支えられ、深く感謝しております。

感謝の気持ちをこめて、13周年記念プレゼント企画 第1弾を実施します!

応募期間は、2019年10月16日までです。

コリス サーティーン

続きを読む

スクロールしてビューポートに要素が入る際に、アニメーションを適用するReactコンポーネント「react-genie」

スクロールしてビューポートに要素が入る際に、さまざまなアニメーションを適用するためのReactコンポーネントを紹介します。Appleのプロダクトページなどで見かけるようなアニメーションが揃っています。

サイトのキャプチャ

react-genie -GitHub

続きを読む

商用利用無料!カリグラフィ、ラインアートなど、さまざまなインクの質感で描けるPhotoshopのブラシ素材

カリグラフィ、ラインアート、ペインティングなど、さまざまなインクの質感で描けるPhotoshopのブラシ素材を紹介します。

ペンの描画から、水墨画のようなものまで、多くの絵画スタイルを模倣しています。

インクのPhotoshopのブラシ素材

Free Inktober 2019 Photoshop Brushes

続きを読む

古いCSSリセットからはもう卒業!モダンブラウザに適した新しいCSSリセット -A Modern CSS Reset

モダンブラウザをターゲットにしたWeb制作では、CSSにおけるブラウザの互換性の問題はIE6の頃に比べるとはるかに少なくなりました。無理なリセットやすべてをリセットする必要は全くありません。

現在のWeb制作に合わせて制作された新しいCSSリセットを紹介します。
CSSの知見やテクニックも満載です!

サイトのキャプチャ

A Modern CSS Reset
A Modern CSS Reset -GitHub
by Andy Bell

続きを読む

top of page

©2019 coliss