サイト構築
LEGO好きにはたまらない！大人も子供も楽しめる、ブロックを組み立てて遊べるバーチャルモデルツール -LeoCAD
Post on:2017年7月21日
使い方は簡単、Windows, macOS, Linux対応。 10,000種類以上のLEGO風のブロックを自由に組み立てて遊べる無料のバーチャルモデルツールを紹介します。 何千パーツものブロックを使って、壮大な建築物を […]
[CSS]アニメーションの動きもデザインも新しくて気持ちいい！コピペで実装できるローディングスピナーのまとめ
Post on:2017年7月20日
ページのローディング時によく使われる、アニメーションの動きが新しく、デザインもかわいいCSSで実装されたスピナーを紹介します。 一昔前のと比べると、そのデザインも動きも洗練されています。 Spinners & Page […]
フォントの組み合わせが分かるとデザインが楽しくなる！Googleフォントの美しい組み合わせ総まとめ
Post on:2017年7月19日
美しく見せるGooleフォントの組み合わせをクラシック名画と共に紹介します。 文字を使って、モダンな雰囲気を演出したり、ミニマルなデザインを作り出したり、タイポグラフィを勉強するときの参考にどうぞ。 The Ultima […]
[CSS]「:before擬似要素」と「:after擬似要素」の使い方を基本からマスターするためのチュートリアル
Post on:2017年7月19日
HTMLを汚したくない、もしくは変更することができないときに役立つ擬似要素の基本的な使い方から応用テクニックまでを紹介します。 擬似要素で、div要素の両端にシャドウをつけたり、一枚の画像を重ねたりすることができます。 […]
日本語にもしっかり対応してる！PhotoshopのPSDファイルをSketchファイルに変換する -PSD to Sketch
Post on:2017年7月18日
ツールを移行する時にネックになるのが、既存のファイルです。 Photoshopで作成したPSDファイルをSketchファイルに変換するオンラインサービスを紹介します。レイヤー、シェイプ、スマートオブジェクト、マスクなどに […]
これからは今まで以上に、jQueryが必要なくなるかもしれない
Post on:2017年7月14日
3, 4年前あたりから、jQuery無しでこう記述するとか、jQueryの一部の機能を代替する軽量スクリプトなどが出始めました。 2017年も半年が過ぎ、その状況はさらに変わり始めています。 (Now More Than […]
CSSのみでは実装できない、気持ちいい動きのちょっと面白いホバーエフェクト -Attract hover effect
Post on:2017年7月12日
周りがうねうねしたサークル状のアイコン、ホバー時にどんなインタラクションを想像しますか？ カラーが変化したり、裏返しになったり、サイズが大きくなったり、いろいろなエフェクトが考えられると思います。 あまり見たことがない、 […]
ドメインを探す時に便利！指定した文字を含む、短い名前のドメインを見つけられる検索サービス -DomainHack Me
Post on:2017年7月12日
ドメインを取得する時、やっぱり長いドメインより、少しでも短いドメインを取得したいものです。指定した文字を含んだ短い名前のドメインを見つけることができるオンラインサービスを紹介します。 DomainHack Me
[CSS]ワンランク上に！Webページのレイアウトを美調整するスタイルがまとめられたスタイルシート -fractures
Post on:2017年7月10日
float, flexbox, gridのレイアウトでよく使うスタイル、マージンやパディングを調整するスタイル、矩形・角丸・円形を実装するスタイル、幅や高さを調整するスタイル、要素を配置するdisplayやpositio […]
写真やイラストなどの画像からカラーを抽出し、Pantoneや塗料の色番号を表示するオンラインサービス -Impalette
Post on:2017年7月10日
写真やイラストなどの画像からカラーを抽出し、Pantoneカラーやペイント系・建築系の塗料カラーの色番号を表示するオンラインサービスを紹介します。 画像からカラーを抽出するのはいくつかありますが、ほとんどは4,5色と色数 […]
sponsors
