サイト構築
レスポンシブデザインにすぐ使える！すごいアイデア30個
Post on:2016年3月4日
サイトをレスポンシブ対応にするには、デバイスごとのスクリーンサイズ、フォントや画像のサイズだけでなく、クリックとタップ、スクロールとスワイプなどの機能性、そして見た目もサイズだけでなく、配置やトリミングなど、さまざまな取 […]
レスポンシブ対応、Googleマップの中心にピンを表示するテクニック -the new code
Post on:2016年3月3日
Googleマップをレスポンシブ対応にするのは、簡単です。embedのコードから高さと幅を削除して、ラッパーを用意するだけです。しかし、クリティカルな問題が一つあります。サイズを水平方向に変更した際に、地図の端が切断され […]
これが知りたかった！よく使うUI要素をFlexboxを使ってシンプルに簡単に実装するチュートリアル
Post on:2016年3月2日
Flexboxの基本的な使い方から、ヘッダ・フッタ・ナビゲーション・タブ・カードなど、Webページでよく使うUIコンポーネントをFelxboxで実装するチュートリアルを紹介します。 2016年1月12日にIEの古いバージ […]
デザイナーやコーダーがいなくても、BootstrapベースのかっこいいWebページが驚くほど簡単に作成できてしまう -Assembly
Post on:2016年3月1日
デザインやHTML, CSSの知識は不要。Bootstrap 3ベースのかっこいい縦長ページや複数ページのサイトが簡単に作成でき、デザイナーやコーダーがいなくても、そしてデザインやコードが分かる人には今までの作業がぐっと […]
Lightroomに絶対入れておきたい！すごい無料プリセットのまとめ
Post on:2016年2月29日
プロのカメラマンが写真画像をレタッチする時に使用しているものから、カメラスクールで提供しているものなど、写真画像が見違えるLightroomの無料プリセットを紹介します。 どんなアングルで撮影した写真でもOKです！ 写真 […]
[JS]画像の拡大表示をシンプルなコードで実装し、スマホ時のクロップ表示にも対応しているスクリプト -enhance.js
Post on:2016年2月29日
Mediumで採用されているような画像拡大のエフェクトに、より使いやすくなるように工夫が加えられたスクリプトを紹介します。 アニメーションがより洗練され、スマホなどの小さいサイズではクロップして画像を表示します。 enh […]
今使用しているナビゲーションやタブやボタンにHTMLを汚さずにさまざまなアニメーションを適用できる -All Animation
Post on:2016年2月25日
ページ上のさまざまな要素やコンポーネントにclassを加えるだけで、CSS3アニメーションを適用できるスタイルシートを紹介します。 既存のナビゲーションやボタンにちょっとアニメーションを与えたい時にも最適です。 HTML […]
写真やイラストをヴィンテージ風に仕上げる美しいグラデーション素材 -Vintage Lights
Post on:2016年2月25日
写真やイラストをヴィンテージ風に仕上げるPhotoshopの美しいグラデーション素材を紹介します。 通常は有料ですが今週末まで無料なので、この機会にダウンロードしておくのをオススメします。個人でも商用でもクライアントワー […]
Webデザインでよく使う要素やカラーやタイポグラフィに一手間加えて、マンネリ化から抜け出すデザインテクニックを解説
Post on:2016年2月24日
Webデザインで今、注目されているトレンドはデザイン的にも面白く、かなり使いやすいです。最新のデザインやトレンドな機能をサイトに加えて、いつもの同じようなデザインから抜け出すために使ってみるのもよいでしょう。 ここで紹介 […]
これはかなり気になる！スタイルシートの可能性が広がるReact.jsのCSS版のようなスクリプト -Descartes
Post on:2016年2月23日
「React: CSS in JS」からインスピレーションを得て、CSSをJavaScriptで記述し、スタイルの定義、変数・関数の利用、レスポンシブやスクロールなどのイベントに動的に値を生成できるスクリプトを紹介します […]
sponsors
