HTML5でサイトリニューアルしました。＋ 簡単な解説 - ORANGE AGE Weblog
2年半ぶりくらいに自分のポートフォリオサイト、ORANGE AGEをリニューアルしました。 リニューアルする時どきに自分のやってみたいことを思いっきり反映してきて、前回はフルFLASHサイト、そして今回のリニューアルではHTML5＋jQueryで制作してみました。（CSS3もちょこっとだけ使ったよ） 目次： 1. 今回やりたかったこと 2. HTML5でサイトを作る準備 3. 使用したその他のjQueryプラグイン 4. videoタグで再生する動画の準備 5. 制作実績の各背景、サイズは3000×1600px。ファイルサイズ圧縮が鍵。 6. まとめ＆今後やりたいこと 1. 今回やりたかったこと ・HTML5 ・videoタグで動画再生 ・シングルページの構成 ・視差効果（パララックス） なぜか上手く動かなかったので断念。再チャレンジ予定。 2. HTML5でサイトを作
20 Quality Responsive WordPress Themes
Your WordPress theme should use responsive design so visitors to your site that may have different browser and media sizes, such as iPads, iPhones and tablets can view your site correctly, without missing content and having to zoom in. Having a responsive design allows your website content to be displayed correctly to all users by using fluid grids, images and queries to adjust the design to accom
font-familyの指定はウェイトなしのアルファベット表記のみでほぼよさそう | Culture27
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; 同じフォントを日本語表記とアルファベット表記の両方で指定しているのは、各ブラウザの解釈や挙動が異なるなどの理由からです。ただ、最近のブラウザはどうなんだろうかとちょっと気になったので調べました。 結果としては下記の表になりました。詳細はデモページを見てください。 Parallels上のWin7: IE6-8(IE6,7はIETester), Chrome15, Firefox8, Safari5, Opera11 Mac OS X 10.6.8: Chrome15, Firefox8, Safari5, Opera11 文字コード: UTF-8 指定方法 IE Chrome Saf
クロスプラットフォームなLessコンパイラ 「LessParser」 - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） 以前はWindows向けのコンパイラが見つからなかったので「Lessnium」なんてのを作りましたが、 もっと優秀なクライアントが見つかったのでご紹介します。 LessParserについて Less Parser AIRで開発されている、クロスプラットフォームのLessコンパイラ。 AdobeAIRが入っているOSならどこでも動作するでしょう。 Mac版のLess.appの影響を強く受けているようで、 レイアウトも使い方もとても良く似ています。 作者同意のもと、Less.appのレイアウトをベースに開発したとの事。 It is possible that you’ve come across “Less.app for Mac OSX” developed by Bryan D K Jones. With his consent
Seattle Business Consulting | Accelerate, Launch, Storytell
I have a love affair with growth. I’m also involved in a steamy romance with entrepreneurship and all things startup related. I believe everyone is born a creator and that everyone should launch and grow a venture. That’s why I do what I do. Trust me… even if you’re as stuck as a front wheel drive vehicle in three feet of mud…we can get you moving… You are here to grow. Now let’s get you moving… H
【Titanium Advent Calendar 2011：四日目】画面遷移
この記事は、@astronaughtsさん企画の「Titanium Advent Calendar 2011」向けに書いています。 ただいまtitanium勉強中の身でして、大したことを書けないですが、最初につまった画面遷移について書きます。 Titaniumを勉強するにあたり、さまざまな機能が詰め込まれたサンプルKitchenSinkがとても役に立ちます。 コードを見てみると、tabにwindowを置いて表示していくような流れになっています。 var tabGroup = Titanium.UI.createTabGroup({id:'tabGroup1'}); var win1 = Titanium.UI.createWindow({className:'win1'}); var tab1 = Titanium.UI.createTab({ id:'tab1', window:win1
LESS初心者向けのナニカ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 こんにちは『Less & Sass Advent calendar 2011』4日目。Sig.@sigwygがお送りします。「ハードル下げるよ」と言っていたtacamyが文量ある良記事を上げており、高まるハードルに恐々としている今日この頃。皆さん如何お過ごしでしょうか。まあ僕はマイペースで行きます。久しぶりのBlog記事ですしね！（言い訳） さて、小狡く予防線を張ったところでLESS紹介です。LESSはCSSに変数やら関数やらネストやらを実装します。Sassと同じようなCSS拡張とかメタ言語とか言われるモノです。この辺りの解説はdebiruくんの記事が詳しいので割愛。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
作業効率が10倍アップする Chrome Developer Tools の使い方 - はてブロ@ama_ch
Blog - CatsWhoCode