[CSS]高性能すぎてビックリしました、レスポンシブデザイン用の超軽量フレームワーク -Kube Framework 続きを読む

• coliss.com
• テクノロジー

toggle()や変数、calc、:matchなど、今までにないCSSプロパティ、セレクタが提案・実装されて、CSS3, CSS4も楽しくなってきています。 border-radiusや、box-shadowなども、古いAndroidブラウザ以外なら、prefixなしで使える状況も増えてきました。 最新技術は... 続きを読む

• kojika17.com
• テクノロジー

つい先日『jsdo.it が JSX と CoffeeScript をサポート!!』という記事を書きました. 「JSX や CoffeeScript がサポートできるんだったら Sass や LESS もサポートできんじゃね？」っと思っていたら 速攻でサポートしてくれてました!! 面白法人カヤックさんによ... 続きを読む

• tmlife.net
• テクノロジー

Google がお勧めするスマートフォンに最適化されたウェブサイトの構築方法 2012年6月12日火曜日 | 11:12 スマートフォンの普及が現在急速に進んでおり、それに合わせてスマートフォンに最適化されたコンテンツも日々増えています。私たちは以前、Google 検索と... 続きを読む

• googlewebmastercentral...
• テクノロジー

僕は専門学校の非常勤講師を何年かやっていまして、毎年1年生にHTMLの基礎から教えています。毎年試行錯誤しつつやっているのですが、最近になってようやくHTML初心者に教える際に「こうやるのが良いんじゃないか」というのがある程度確立してきたので書いてみ... 続きを読む

• blog.3streamer.net
• テクノロジー

2012年3月14日水曜日 HTML5開発者に便利なツール14個 先日Google+でAddy Osmani氏が紹介していたオンラインツールが便利そうだったので紹介します。 DocHub.io CSS, HTML, JavaScript, DOM, jQuery, PHP, PythonのAPIリファレンス。インクリメンタルサーチでき... 続きを読む

• blog.agektmr.com
• テクノロジー

開発者が登録したApp StoreやMarketplaceなどからダウンロードしてインストールするアプリ、もしくは、あらかじめインストールされているアプリは、「ネイティブアプリ」と呼ばれています。iOSやAndroid、Windows PhoneといったOS上で動き、マイクやカメラなど... 続きを読む

• www.atmarkit.co.jp
• テクノロジー

愛用しているTwitter Bootstrap、次に「version 2」になりましたよ。今まで「version 1.4」だったのでメジャーバージョンアップ！ですよ。これは見逃せない、というか、感動した！ 個人的に「おぉ！」と感じたところをざっと紹介してみるよ！ ■ レスポンシブデ... 続きを読む

• www.ideaxidea.com
• テクノロジー

HTML5 HTML5やCSS3といった最新の技術を活用したWebページの制作は開発者にとっては魅力的な選択肢だが、そこには常に「どの機能ならば使っても良いか」という判断が必要になる。最新のブラウザがある機能に対応していたとしても、それがすべての主要ブラウザで... 続きを読む

• news.mynavi.jp
• テクノロジー

jQueryなどの他のライブラリに依存せずに、ダイナミックな3Dのアニメーションでスライドするプレゼンテーション用のスクリプトを紹介します。 reveal.js デモページ スライドの操作は、キーボードの矢印キー、下部の [...] 続きを読む

• coliss.com
• テクノロジー

CSS前回はiOS5のMobile Safariから使えるようになったHTML5・CSSについて前編と後編に分けてご紹介しましたが、そのなかで説明していない小さなテクニックについて少し紹介したいと思います。今回はCSSでテキストにグラデーションをかけるテクニックについてで... 続きを読む

• kudakurage.hatenadiary...
• テクノロジー

最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。…最近スマートフォンサイトの案件が... 続きを読む

• 07design.net
• テクノロジー

jsdo.itに投稿されたCSS3のコードのなかから、実用的なものからネタ系のものまで厳選して集めました。 Tweet jsdo.itに投稿された800以上のコードのなかから、実用的なものからネタ系のものまで厳選して集めました。 これだけ見ておけばCSS3で何ができるのか、... 続きを読む

• jsdo.it
• テクノロジー

2011年3月6日 ... 各ブラウザーを HTML5 +CSS3に対応させるために使用したJavaScriptライブラリやCSSなど 。 ... Newer：; Here !： HTML5 +CSS3でWeb 制作 するための下準備; Older： ロゴマーク から俯瞰する「 HTML5 」の8つのテクノロジー <b... 続きを読む

• matome.naver.jp
• テクノロジー

Archive by month 2011年5月 (11) 2011年4月 (45) 2011年3月 (33) 2011年2月 (43) 2011年1月 (40) 2010年12月 (48) 2010年11月 (52) 2010年10月 (54) 2010年9月 (47) 2010年8月 (59) 2010年7月 (49) 2010年6月 (43) 2010年5月 (35) 2010年4月 (48) 2010年3月 (5... 続きを読む

• coliss.com
• テクノロジー

インタフェースが良くてプレビューも見やすいCSS3コード生成が可能な「CSS3 Generator」 2011年03月11日- CSS3 Generator - By Eric Hoffman & Peter Funk インタフェースが良くてプレビューも見やすいCSS3コード生成が可能な「CSS3 Generator」。 CSS3ジェネレ... 続きを読む

• phpspot.org
• テクノロジー

Translation of: Sass - Tutorial Ruby と Sass のインストール まず、Sass がちゃんと動作するようにします。OS X を使用しているのなら、既に Ruby がインストールされているでしょう。Windows ユーザーならば Ruby のWindows インストーラーで、Linux ユーザ... 続きを読む

• hail2u.net
• テクノロジー

“Using SASS has not only improved my CSS, but also the page structure/layout, and decreased IE headaches. Super highly recommended.” - Matt Darby“If I were to write a post about how much Haml and Sass have changed the way I develop for the... 続きを読む

• sass-lang.com
• テクノロジー

今より少しでもコーディングを早くできれば、細かいデザインや機能にも時間をかけて取り組めそう…という事で今回はコーディングのスピードを上げるためにできる事を紹介します。便利なツールを使ったり、ちょっとやり方を変えるだけでより早くコーディングがで... 続きを読む

• www.webcreatorbox.com
• テクノロジー

どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです！そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってよ... 続きを読む

• www.webcreatorbox.com
• テクノロジー

今回はホームページ制作者・WEBデザイナー向けに 便利で使えるサービスを知る限り全てまとめてみました。 （海外サービスは解説サイトにリンクしているもの有り） CSS・ワードプレス関係（８） CSS Sprite Generator サイト内で使う画像を１つにまとめてくれる... 続きを読む

• kanemotilevel.com
• テクノロジー

Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？　もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下... 続きを読む

• ascii.jp
• テクノロジー

今日のテーマは「Webサイトのパフォーマンス」。より良い状態で訪問者をもてなすためにも、パフォーマンスは重要ですね。最近、Web担でも大幅なパフォーマンス向上をしました。あと、Yahoo! JAPANがやっている「あれれ」という失敗も少し紹介しましょう。 グー... 続きを読む

• web-tan.forum.impressr...
• テクノロジー

Webmasters by Designのエントリーから、HTML, CSS, XML,やプログラミング、データベース、htaccess、DOCTYPE、SEOなどウェブ開発者のためのチートシートを紹介します。 The Best Developer Cheat Sheets Around HTML & CSS HTML HTML Cheat Sheet (PNG, PDF) H... 続きを読む

• coliss.com
• テクノロジー