HTTPリクエストの削減とWebサイト高速化まわり - Archiva

2012/06/21 328 users 数字 メモ書き Webアプリ 参考資料 高速化

HTTPリクエストの削減とWebサイト高速化まわり 2012–06–21 メモ書き。社内説得用。「HTTPリクエストを減らすと高速化できるよ！」てのはよく聞くけど、それが「どうしてか」ってのを(読込待機時間まわりで)具体的な数字を出してることが意外と少なかったので。詳しくは参考リンクにGo! Webサイトを分析するWebアプリ PageSpeed Insights WebPagetest 参考資料... 続きを読む

Web屋のためのHow to Vim (チラ裏) - Archiva

2012/01/11 219 users from 翌日 前回 チラ裏 Ｗｅｂ屋

Web屋のためのHow to Vim (チラ裏) 2012–01–11 あけましておめでとうございます。この度は前回の続き。本当は翌日にでも書くつもりだったけど伸ばしに伸びたWeb屋のためのVim特集をお送りします。初めに言っときますが、3部作です。つまりこの記事は2/3。どうしてこうなった。 Web屋のための Vim-Starter-kit Demo: Vim Starter-Kit from ... 続きを読む

Web屋のためのHow to Vim (表) - Archiva

2011/12/19 76 users vim memo 有形無形 紳士淑女 圧力

memo: この記事はまだ書きかけです。 Vim Advent Calendar 19日目。 迫り来るX'dayに有形無形の圧力を感じつつ、それでも健気に生きる紳士淑女へ捧ぐ。全ての独身貴族の味方@sigwygです。飲みに行こうぜ！ さて、今回はWeb屋に向けて「Vim使おうぜ！」て記事を書こうかと思ってました。こないだのSugamoで「どんな記事がいいkana？」と訊いてみたところ、以下３点の意... 続きを読む

LESS初心者向けのナニカ - Archiva

2011/12/04 32 users ナニカ less 言い訳 ハードル マイペース

LESS初心者向けのナニカ 2011–12–04 こんにちは『Less & Sass Advent calendar 2011』4日目。Sig.@sigwygがお送りします。「ハードル下げるよ」と言っていたtacamyが文量ある良記事を上げており、高まるハードルに恐々としている今日この頃。皆さん如何お過ごしでしょうか。まあ僕はマイペースで行きます。久しぶりのBlog記事ですしね！（言い訳） さて、... 続きを読む

Vim: 複数ファイル検索/置換をもうちょい詳しく - Archiva

2011/06/06 140 users vim soh335 置換 こんちわ 視線

Vim: 複数ファイル検索/置換をもうちょい詳しく 2011–06–06 こんちわSig.です。今回は第29回Sugamo.cssで発表したネタ。スライド出せば良いや−、と思っていたのだけど@soh335がピュアな視線で訴えてくるので、重い腰を上げてBlog記事にしてみることにしました。 さて、Vimにおいて多数のファイルを対象に検索→置換する場合、だいたい２つの方法があります。 :argdo %... 続きを読む

はじめてのVim (てきとー補完) - Archiva

2011/04/21 37 users vim てき 補完 スライド LT用

はじめてのVim (てきとー補完) 2011–04–21 けっこー前の話ですが、Sugamo.vimってのやりました。その3回目で軽く話したスライド、のURLをメモっておきます。参加者はthincaさんみたいなマスタークラスにも来て頂けましたが、初心者ユーザも相当数おりました。で、事前に「ダウンロードから教えてくれ」とあったのでそのようにした。このスライドは、そういうレベルです。あしからず。LT用... 続きを読む

CSSで縦のグリッドを揃えてみるます - Archiva

2011/03/01 29 users えい 毎回手動 グリッド 実験 サンプル

CSSで縦のグリッドを揃えてみるます2011–03–021年以上前のSugamo.cssで出したネタ。もうちょい纏めてから出そうと思ってたけど、いつまでたっても手を付けられないうちに風化しだしてきたから、えいやっと張るだけ張ってみることにした。（サンプル）何をやっているかというと、まあつまり、本文組の行間サイズで全部揃えてみたら心地良いリズムになるんじゃね？という実験。当然、毎回手動で各要素をpx... 続きを読む

Webタイポグラフィまとめ - Archiva

2009/01/22 904 users

Webタイポグラフィまとめ 2009–01–22 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールド... 続きを読む

JavaScript でタブ切り替え UI を実装する | WWW WATCH

2007/09/11 379 users タブ WWW WATCH JavaScript 他力本願 お礼

先日、タブ切り換えタイプの UI を、JavaScript と CSS で簡単に実装する仕組みを探していて （他力本願）、ちょうど求めていたスクリプトが Archiva さんで紹介されていたので使わせていただきました。 時間がなかったので、できれば自分では書きたくないなぁ、なんかいいの公開している人いないかな～なんて思っていたのですが、おかげ様で助かりました。ということで、お礼を兼ねて紹介させてい... 続きを読む

JavaScriptの巧い書き方 - Archiva

2007/06/16 942 users function YUI 玉石混淆 発端 言語

JavaScriptの巧い書き方 2007–06–16 Webに言語は数あれど、特に玉石混淆の激しいJavascriptの書き方について纏めてみた。間違い指摘大歓迎！ 発端はYahoo!の Eric Miraglia による、YUI 式モジュールの作り方をまとめた記事。ざっくりまとめると、以下の手順になる。 YAHOO.myProject.myModule = function () { //"p... 続きを読む