サイト構築

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

Post on:2017年6月22日

見た目は普通のツールチップ。軽快なアニメーションで表示されるのも、表示方向を指定できるのも探せばあると思います。 しかしその中身はピュアCSS、1kbの超軽量スタイルシートで実装された、スマホもサポートされたツールチップ

...記事の続きを読む

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

Post on:2017年6月21日

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

...記事の続きを読む

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

Post on:2017年6月20日

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

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

Post on:2017年6月19日

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

...記事の続きを読む

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

Post on:2017年6月19日

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

...記事の続きを読む

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

Post on:2017年6月16日

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

...記事の続きを読む

アドビの新プロジェクトがかなり面白い!100年前の画家の絵筆を忠実に再現したPhotoshopのブラシが無料公開中

Post on:2017年6月16日

アドビの新プロジェクト「クリエイティビティの秘宝」の第1弾。 「Skrik(叫び)」で有名な画家のムンクが実際に使用した絵筆を緻密に分析し、柔軟性などの物理的特性やブラシの種類を忠実に再現したPhotoshopのブラシを

...記事の続きを読む

CSSの関数はどんどん便利になっている!minmax()を使うとMedia Queries無しでレスポンシブが簡単に実装できる

Post on:2017年6月14日

CSSの関数には便利なものがたくさんあります。例えば、div要素に「width: calc(100% - 50px);」と指定することで、幅いっぱいから50pxを引いた値を幅に適用できます。 minmax()関数はcal

...記事の続きを読む

最近よく見かけるレスポンシブ対応のUIコンポーネントやレイアウトがよく分かるHTML, PSD, Sketchの素材 -Now UI Kit

Post on:2017年6月13日

最近のWebサイトやスマホアプリでよく見かける、Bootstrap 4をベースにした180種類以上のUIエレメントやコンポーネント、50種類以上のレイアウト、それらがPSDとSketchファイル、そしてHTMLも揃った無

...記事の続きを読む

[CSS]デザイナーには透明に見えてしまう背景を実装するスタイルシートのテクニック

Post on:2017年6月12日

透明が見える、というのはおかしな日本語ですが、どこからどう見ても透明な背景を実装するスタイルシートのテクニックを紹介します。 透明な背景を使いたい時用に、スニペットに登録しておくと便利です。 サンプル: 透明に見える背景

...記事の続きを読む

 Prev 1 2 3 4 5 ... 386 387 Next

top of page

©2017 coliss