サイト構築
これ知っておかないと！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日
透明が見える、というのはおかしな日本語ですが、どこからどう見ても透明な背景を実装するスタイルシートのテクニックを紹介します。 透明な背景を使いたい時用に、スニペットに登録しておくと便利です。 サンプル: 透明に見える背景 […]
CSSやJavaScriptの新しい動き、フロントエンドのWeb制作の現状とこれから必要とされるテクニックや考え方
Post on:2017年6月9日
ここ1, 2年で、フロントエンドの制作事情は大きく変化してきました。 スマホの登場によりレスポンシブ対応からモバイルファースト・モバイルオンリーへ、HTMLは構造化され、CSSはモジュール単位で実装され、JavaScri […]
sponsors
