Web design made simple 404 HTML, CSS, JS components compatible with any CSS framework Browse Components
The best resources for learning design and codeReceive hand-picked designer and developer tools, news and resources delivered to your inbox weekly.
×CloseInspiral Web isn't mobile friendly... but you're in luck! Download the beautiful, ad-free Inspiral app for a first-class mobile experience!
WEBでレスポンシブ対応するときに結構大変なのが画像の扱い。iPhone等の高解像度デバイス(Retinaディスプレイ等)には2倍の画像を用意する必要があるし、最近は画面のサイズに会わせて画像を切り替えたい場合も多い。そんな時にHTML5のsrcsetがすこぶる便利だったのでご紹介します。 srcsetでできること 次のようなことが可能になります。 Retinaディスプレイ用に画像を切り替える ウィンドウサイズに合わせて画像を切り替える ウィンドウサイズに合わせて動的に画像を切り替える Retinaディスプレイ用に画像を切り替える 基本的な使い方は下記のような感じでimgタグに使用します。シンプルですね。 <img src="img/example-img.jpg" srcset="img/example-img.jpg 1x, img/example-img@2x.jpg 2x" alt
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"/> <!-- fabric.jsの読込み --> <script type="text/javascript" src="./libs/fabric.js"></script> </head> <body> <!-- canvas要素を用意 --> <canvas id="canvas" width="300" height="300" style="border:1px solid;"></canvas> <script type="text/javascript"> <!-- Canvasオブジェクトを作成 --> var canvas = new fabric.Canvas('canvas'); <!-- ここにコードを書いていきます。 --> </scri
Drop shadow in graphic design is a visual effect which literally looks like a shadow of an object, giving it an illusion that the object is raised from its background. These drop shadows are usually used for menus, templates, or fonts. Being one of the favorite effects and being trendy on several icons, drop shadow is truly one useful effect for designers and non-designers alike. Today, we will sh
Several parents, grandparents, and even teachers consider smartphones to be negatively affecting the education of students. However, they are not that bad if used wisely. Many apps are out in the market that can be worth the time spent for them. Choosing them can even simplify the life of students. Additionally, there are apps related to betting sites that can provide entertainment and potentially
Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Modernizr の基本的な使い方を解説する入門サイトです。Modernizr とは? 【メイン機能】 Modernizr は、JavaScript のライブラリで、訪問者のブラウザがどのような機能(HTML5やCSS3)をサポートしているかをチェックします。 そしてその結果に基づき、html 要素に特定のクラスを付与します。 それと同時に、JavaScript オブジェクト(Modernizr グローバルオブジェクト)にもその結果を記録します。 デザイナであれば、html に付与されたクラスを利用して、ある機能をサポートする場合とそうでない場合とで表示を分けることができます。 プログラマーであれば、JavaScript オブジェクトも利用することでしょう。 【その他機能】 その他にも Modernizr には、以下のような機能があります。 (1) html5shiv IE8
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く