Web design made simple 404 HTML, CSS, JS components compatible with any CSS framework Browse Components
s5-styleのブックマーク (3,661)
-
s5-style 2014/11/17
-
Learn Design Code
The best resources for learning design and codeReceive hand-picked designer and developer tools, news and resources delivered to your inbox weekly.
-
Inspiral Web
×CloseInspiral Web isn't mobile friendly... but you're in luck! Download the beautiful, ad-free Inspiral app for a first-class mobile experience!
-
HTMLのsrcsetを使って画像をレスポンシブにRetina対応させてみよう | Kia King
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
-
STORES.jp｜オシャレなネットショップを最短2分で無料作成
店舗もネットショップも、まとめて管理店舗も ネットショップも、 まとめて管理STORES で、オムニチャネルの顧客管理を
-
-
-
HTML5のCanvasを簡単に高機能化してくれるJSライブラリ「Fabric.js」
こんにちは、渡辺です。 HTML5のCanvasを簡単に高機能化してくれるJSライブラリ「Fabric.js」を紹介します。 Canvas上に描いた絵をマウス操作で動かしたり、拡大縮小する機能が標準で付いていてスゴい便利なライブラリです！ まず、このライブラリの主な特徴についてです。 ■特徴 ・インタラクティブ性 Canvas上に描いたものをマウスやタッチで自由に操作できます（ドラッグ、拡大縮小、回転）。 ・Canvasに描いた内容をオブジェクトとして扱える Canvasに描いたものをgetメソッドやsetメソッド経由で設定変更できます。 ・Canvasのシリアライゼーション・デシリアライゼーションのサポート Canvas上の内容をJSONまたはSVGに変換でき、再度インタラクティブな描画内容を復元することができます。 ■準備 1. ライブラリのダウンロード https://github.
-
-
22 Fresh And Free Drop Shadow Fonts | Naldz Graphics
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
-
메이저사이트 TOP12
French Design Index는 창의성과 기능성을 완벽하게 결합하여 메이저사이트의 추천 순위를 재정의하는 선구적인 회사입니다.
-
-
-
-
-
MobileMozaic, a gallery of the very best designed iphone applications
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
-
Pttrns — Mobile User Interface Patterns
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
-
ideahacker.net - ideahacker リソースおよび情報
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 の使い方 ～ 入門解説 ～ TOP
Modernizr の基本的な使い方を解説する入門サイトです。Modernizr とは？ 【メイン機能】 Modernizr は、JavaScript のライブラリで、訪問者のブラウザがどのような機能（HTML5やCSS3）をサポートしているかをチェックします。 そしてその結果に基づき、html 要素に特定のクラスを付与します。 それと同時に、JavaScript オブジェクト（Modernizr グローバルオブジェクト）にもその結果を記録します。 デザイナであれば、html に付与されたクラスを利用して、ある機能をサポートする場合とそうでない場合とで表示を分けることができます。 プログラマーであれば、JavaScript オブジェクトも利用することでしょう。 【その他機能】 その他にも Modernizr には、以下のような機能があります。 (1) html5shiv IE8
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました