30 best practices to boost your web application performance - Web User Interface Architect JavaScriptコーディング等を書く上でのパフォーマンス確認事項30。 自分へのインプット&メモがてらにちょっとまとめてみます。 JavaScript DOMの操作は可能な限りやめる eval, new Function() は遅いので可能な限り使わない withステートメントを使わない(使った事ないですが) for-in 文ではなく for 文を使う。 ループの中で try-catch ではなく、try-catchの中にループを置く グローバル変数をなるべく使わない aaa+='AAA';aaa+='BBB'; の方が aaa+='AAA'+'BBB';より速い 複数の文字列連結には、Array で文字列
June 13th, 2013 jTweetsAnywhere stopped working since Twitter moved from API Version 1.0 to 1.1 and now turned off V1.0. Due to personal reasons I was not able to work on my open source projects for the last 5 months. Therefore I couldn't update the code nor answer all your emails and requests. I really apologize for this. Since Twitter now requires applications to authenticate ALL requests with O
Actions are really handy when you need to enhance your photos, but you just don’t have the time or the necessary skills. Photoshop actions contain various adjustment layers, filters, effects, that have been originally recorded and you can simply play them back again over your image and get amazing results with just a single click! In this article you will find 30 free Photoshop Actions that will h
Create GitHub-Style Buttons with CSS and jQuery, MooTools, or Dojo JavaScript I'm what you would consider a bit of a GitHub fanboy. We all know that GitHub is the perfect place to store repositories of open source code, but I think my love of GitHub goes beyond that. GitHub seems to understand that most repo sites are usually boring so they've spiced their site up with some catchy CSS and great Ja
CSS3 Stacks Experiment CSS3で実現するMac OS Leopard風のStack実装例が公開されています。 クリックすると、アニメーションしながら出てくるStackがカッコいいです。 半透明、ボーダー付き角丸となかなかのテクニックを駆使しているみたいですね。 サイトに書かれている使われているプロパティとしては、次のようなものが使用されてるそうです。 ・擬似 :target クラス ・transform ・transition ・border-radius ・border-image ・CSSグラデーション ・rgba colors ・text-overflow: ellipsis; 関連エントリ ピュアCSS3で3Dアニメーション jQueryとCSS3で作るカラフルなスライダーウィジェット 近未来に頻繁に使われるであろうCSS3サンプル10 ピュアCSS3を使っ
twitter facebook hatena google pocket 気が向いたので、html5を使ってリニューアルをしてました。 いつしたのかも覚えてませんが、備忘録的に、つらつらと・・・。 sponsors ▼PC [html5] ▼PC[CSSSprite] ▼iPhone[jQtouch] ▼iPhone[htaccess] PC[html5] まずはPC側。 ソーシャル系を右上に、フッターを充実っていう今ありそうな感じにしました。 また、なるべくシンプルにし、コンテンツをみやすくしたデザインです。 マークアップは、勉強がてらhtml5で記述。 head内は下記みたいにすっきりできますね。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> で、ie様向けにjsを入れました。 いわゆるhtml5.jsで
Quick tutorial post today. To wrap long URLs, strings of text, and other content, just apply this carefully crafted chunk of CSS code to any block-level element (e.g., perfect for <pre> tags): pre { white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -m
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。R&D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌(@kzms2)と申します。 前回の記事(マークアップ効率化 - zen-codingでコーディングを倍速に)ではZen-Codingの基本について説明しました。 また、その内容をCSS Nite実行委員会(公式ページ)が主催した、Dreamweaver Town Meeting in TokyoというDreamweaverにフォーカスをあてたイベントで公演させていただきました。 [撮影:飯田昌之] その公演では、Zen-Codingを知らない方向けに、Zen-Codingとは何か・どんなことが出来るのかなど、基本に関して実演を行い
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く