[CSS]テキストが長いとレイアウトが崩れる!予期せぬコンテンツに対応するためのスタイルシートのテクニック

テキストとアイコンを横並びさせたボタン、カテゴリのテキストを配置したラベル、ラベルが長いフォームなど、これらのテキストが長いとレイアウトが崩れてしまうことがあります。
レイアウトが崩れてしまう予期せぬコンテンツに対応するためのスタイルシートのテクニックを紹介します。

予期せぬコンテンツに対応するためのスタイルシートのテクニック

Handling Long and Unexpected Content in CSS
イラスト: Girls Design Materials

続きを読む

フォントの新しい世界が広がった!世界初の高品質なアラビア語のフリーフォント -Dubai Font

アラビア語は世界で使用されている言語の中で3番目に多く、アラビア半島や北アフリカを中心に公用語として使用されています。しかしその構造の難しさもあり、デジタルで満足して利用できるフォントはなかったそうです。

世界初!ドバイ執行評議会公認で制作された高品質なアラビア語のフリーフォントを紹介します。

サイトのキャプチャ

Dubai Font

続きを読む

[CSS]ツールチップをスマホにも対応させた超軽量のスタイルシートのライブラリ -Microtip

見た目は普通のツールチップ。軽快なアニメーションで表示されるのも、表示方向を指定できるのも探せばあると思います。

しかしその中身はピュアCSS、1kbの超軽量スタイルシートで実装された、スマホもサポートされたツールチップのライブラリを紹介します。

サイトのキャプチャ

Microtip
Microtip -GitHub

続きを読む

これ知っておかないと!Chromeのアドブロックで非表示にされてしまう広告の配置方法

Chromeに広告を非表示するアドブロックが標準機能として搭載される噂を耳にしていましたが、それが具体的にどのような広告が対象になるかは不明でした。

GoogleのSearch Consoleに新コンテンツが追加され、デスクトップとスマホでどのような広告が非表示にされてしまうか詳しく解説されています。

サイトのキャプチャ

The Initial Better Ads Standards

続きを読む

CSSの引き出しを増やしておこう!最近見かけたスタイルシートのアイデア・テクニックのまとめ

最近のWebサイトやスマホアプリで見かけるテクニックをはじめ、Web制作者としてよい刺激になるスタイルシートを巧みに使ったさまざまなアイデアを紹介します。

CSSの引き出しを増やしておこう!スタイルシートのアイデア・テクニックのまとめ

イラスト: Girls Design Materials

続きを読む

目的にあったJavaScriptのライブラリを探す時にかなり便利、JavaScript専門の検索エンジン -searchlibs

スライダーやカルーセル、ナビゲーション、アニメーションを伴ったスクロールエフェクトなど、目的にあったJavaScriptのライブラリを探す時に役立つJavaScript専門の検索エンジンを紹介します。

人気はあるのか、アクティブなのか、リリースされてどのくらいなのか、といった情報も一覧できるので、かなり便利だと思います。

サイトのキャプチャ

Search JavaScript Libraries

続きを読む

ロゴや魔法陣など、美しい幾何学模様の図形を簡単に作成できる!ちょっと珍しい無料の機能拡張 -Looper

元となる要素を複製し、回転、移動させ、サイズや不透明度を変更して、美しい幾何学模様の図形やパターンを簡単に作成できるSketchの機能拡張を紹介します。

下記はすこし複雑な要素が元になっていますが、シンプルな線や形からでも面白い図形を簡単に作成できます。

サイトのキャプチャ

Looper
Looper- GitHub

続きを読む

海外の有料フォントとグラフィック素材セットが3千円から更に安くなるクーポンを全員に進呈します

Webデザインやアプリでも、同人誌やポスターなどの紙でも、動画やプロダクトのデザインでも安心して商用利用できる有料フォント44種類とグラフィック素材50種類のセットを紹介します。

総額約100,000円分が$29、約3,200円で購入できるのですが、更に安くなる20%オフのクーポンを全員に進呈します!
なんと、600円もお得です。
さらに抽選で、セットまるごと全部をコリスのビジター限定にプレゼント!

応募期間は、2017年6月22日で終了しました。

有料フォントとグラフィック素材をプレゼント

The Funtastic June Bundle

続きを読む

 1 2 3 4 5 ... 721 722 Next

top of page

©2017 coliss