無料で使える、Web制作にとっても便利なサービスやCSS、JSなどをまとめてみました。 | 60-minutes.biz
こんにちわ、ハマケンです。 先週の『2015年が来る前に。。押さえておきたい最近のWEBトレンドを12個ほど。』に続いて、今日は海外や国内でもちょこちょこ紹介があったサービスを11個程まとめてみました。 画像の圧縮やSVG作成、JSやCSS、アニメーションGIFなどのサービスなどもありますので、参考になればと思います。 Advertisement CSSDevices CSSDevices by Yamartino 先週書いたWEBトレンド2014にもあげた様にフラットデバイスデザインが増えてきていますね。 と言う訳でiPhoneやiPadなどAppleのデバイスに特化したフラットデバイスを紹介しているサイトです。AppleWatchもあります。 gifshot gifshot – JavaScript library that can create animated GIFs from
Learn HTML5, CSS3, Javascript - video style tutorials
Learn HTML5, CSS3, Javascript and more... Video style walkthroughs showing cool stuff being created from scratch
HTML5のピタゴラ装置 | Honda Experiment : monogocoro ものごころ
アイテムウインドウのドラッグ＆ドロップで、ピタゴラ装置を組み立てて楽しむ実験サイト。適切な位置にアイテムウインドウを配置し「Start」すると、ちゃんと動きます。 感動的動画は以下。 おお〜やりたいって人は、こちらで。 … Continue reading →
HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル:phpspot開発日誌
Create a page flip effect with HTML5 canvas | Tutorial | .net magazine HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル。 canvasなんかも活用しつつ次のようにリアルに実現できちゃってます。Chromeなんかでは超なめらかでした。 Flashじゃなくてもできちゃうんですね。 ライブデモ 実装のためのコードがチュートリアル形式で解説されていますが、このテクニックは色々と使えそうですね。 関連エントリ CSS3を使った驚きのデモいろいろ２５種類 画面をスワイプさせてページ送りができるWordPressプラグイン「iPad Swipe」 iPadのブラウザ上で電子書籍風のめくる操作を可能にするJavaScript
CSS/HTMLのテクニックをクロスブラウザ対応（特にIE）にする方法のまとめ
17 CSS/HTML Effects with Cross-Browsing Alternatives サポートしないブラウザへの対応方法はJavaScriptを利用するなどいろいろありますが、その中の一つとして紹介します。 [ad#ad-2] 下記は各ポイントを意訳したものです。 幅の最小値・最大値 (IE included) RGBa (IE included) 不透明度 (IE included) 画像の回転・拡大縮小 (IE included) 背景をブラウザいっぱいに表示 (IE included) 画像無しのビュレット テキストのシャドウ (IE included) 複数のボーダー (IE included) ボックスシャドウ (IE included) 角丸 スクリーンリーダー用のコンテンツ ネガティブ値で指定したtext-indent Clearfix (IE inclu
pjax こそが pushState + Ajax の本命 - punitan (a.k.a. punytan) のメモ
pjaxの前にpushStateとは AjaxとjQueryの説明は不要として、pushStateとはなんぞや。 pushStateを使ってブラウザの履歴に対する操作をし、HTMLの一部のみを書き換える動作でもブラウザの戻る／進む機能を実現できる方法のひとつ。Ajaxなページを再現し、かつURLを見慣れた方法で自然にpermalinkを表現できる。 有名なところではGitHubで使われてるアレ。 hash fragment (/#!/) ブラウザの履歴を機能させるため、URL の fragment (#) を使ってAjaxなページを実現する方法。一時期もてはやされた感があるが、さらなる「#!」URL批判 - karasuyamatenguの日記 など合理的な反論があり、これから導入するのはためらわれるところ。 有名なところではTwitterで使われているあの厄介者。 pjaxとは pjax
Kurppa Hosk – Brand Agency Stockholm New York
We are Kurppa Hosk Making brands accelerate meaningful change.
The NYC’s Girlfriend
In today’s digital age, having a strong online presence is not just beneficial for businesses. It’s essential. Whether you’re running a small local shop or a big national company, the internet is a key player in your business landscape. In this friendly and informative guide, we’ll explore why an online presence is crucial and how it can benefit your business. The Digital Footprint An online prese
50 Free Responsive HTML5 Web Templates
If you need a new website or want to give your current site a modern update, this collection of 50 free responsive web and HTML templates is an excellent place to start. These templates are easy to use and fully customizable, making it simple to create a professional-looking website without breaking the bank. With a responsive design, your website will look great on any device, from desktop comput
CSSDesk - Online CSS Sandbox
body { font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 100px; font-size: 13px; } div { background: #fff; margin: 0 auto; width: 200px; padding: 100px; text-align: center; /* border-radius */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* box-shadow */ -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.2
CSS3 Please! The Cross-Browser CSS3 Rule Generator
CSS3, please! This element will receive instant changes as you edit the CSS rules on the left. Enjoy! /* ------------------------------------------------------------- CSS3, Please! =================================================== Update: We recommend using Autoprefixer instead of CSS3Please. You can edit the underlined values in this css file, but don't worry about making sure the corresponding
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://gamecenter.grantgalitz.org/
IBM Developer
Paper.js
CSS3 toggle-button without JavaScript
http://visitmix.com/labs/ai2canvas/