SEMTechnologyExtraInformationRecommend週間ブックマークカテゴリーなしExtra201405/29ITキヲスク、全面リニューアルしました!【2年ぶり3回目】この記事の読了時間:約4分5秒ツイート約2年ちょいぶりに全面改装!重かったり古臭かったり、用意したものの使ってないトコがあったりと、記事を書く手が遅くなるに足る様相だったので、ちまちま作り直しました。log」なるコンテンツも用意したりしたので、今後共ぜひぜひご愛顧頂きたいっ!んで、せっかくなので、先日まで使ってたテーマや初代のテーマもチラ見せしつつ、ちょろっと技術仕様なんかもご紹介しますよ。ITキヲスクこちらが記念すべき、最初のITキヲスクちゃん。ファーストビューに好きなRSSを読み込んだタブ型リーダーと、自身のRSSや連絡先やアマゾンほしい物リストのリンク先をデカデカ配置したデザインですね。いま見てみると、なぜトップにメニューを置いたのか、そんでなぜ銀グラデの色味なのか。いえ振り返ってみると、現在に至るまでの基盤的なトコはすでに出来てるっぽいですね。ITキヲスクつい先日まで使ってたテーマさん。ファーストビューにはリスト化した自作サービス群を筆頭に、自己紹介やらRSSリーダーやらを横スライド型のタブにして配置。開いてたタブをcookieで覚えといたり、アイキャッチ部分を非表示に出来たり、その辺のJavaScriptっつーかjQueryを悪戦苦闘しながら作り込んだ覚えがあります。このテーマの時期ははてブで初めて2000超えたり、twitterで7000回以上RTされたり、後にトップアクセスを誇る痔持病の記事書いたり[証拠写真]と、めっちゃ思い出深いテーマです。ITキヲスクそして今回のリニューアル、数えて三代目のテーマ!効果が無かったヘッダーの広告はナシ!重いから記事ページ以外ではSNS系の表示もナシ!自分以外あんま使われてなかったRSSリーダーは、いっそネタ系だけにしてサイドバーに移動させて、自作サービスのリストもシンプルなスライダーに収めました。log」という、ガッツリ書き込むほどでもないけど、どっかに残しておきたいメモ的なコトをさらっと書ける場所を作りました。技術仕様について先代のテーマでは勉強の意味もあってページングを自力で作ってたんですが、カテゴリーやタグのアーカイブページで手間取ったので、いっそ素直にWP-PageNaviで対応しました。FeedsというjQueryプラグインに差し替えました。あとヘッダー部の自作サービス一覧はbxSliderを導入したんですが、ここで問題が。ページを読み込むと一瞬だけ縦にずらっと画像が並び、背景ごとビヨーンと伸びちゃう!しかも毎回リロードするたびビヨりやがる!気になっちゃうとめちゃくちゃ目障りだったので、どの辺が影響してるのかJSひとつずつ消してはリロードして、を繰り返すこと何十回(Firebug使えばよかったと、あとに気付いて後悔)。サイドバーの「楽天アフィリエイト用JS」でした。他の広告バナーは結構削ったんだけど、ちょっとコイツは残したかったので、どうにか出来ないか頑張った!んで対応策として、楽天の方じゃなくスライダーの方を事前に非表示にしておいて、数秒後にフェードインさせればいいんじゃね?と。setTimeoutでずらしたら上手く行った!が、調整のために少しずつ起動秒数の値を変えていったら、なんでか1ミリ秒でもスライダーのズレが収まった後で動き出すように。setTimeoutで起動するタイミングが少しでも後ろにずれたコトで、実行キューの一番最後に並ぶから、って理由じゃないかと勝手に納得してます。logだけは、コンテンツとして短文ばかりになると思うので、アーカイブでいちいち関連記事だの読了時間だのを表示させるのも不毛なので、category-memolog.phpを別途用意して対応しました。それに合わせてページングじゃなくajaxで次ページを読み込みたかったのでjquery-autopagerも導入。linksDropboxデバイスを選ばないオンラインストレージ。tenpu無広告のおしゃれなファイル転送サービス。ギガファイル便大容量ファイル(25GB)にも対応の転送サービス。aguse.jpURLからサーバやドメイン管理者などを取得。SimilarWeb競合サイト解析ツール。Fontsの全フォントを任意の文字で一覧化。Insightsサイトの読み込み時間と問題箇所をスコア化。LookupHTML特殊文字を類似文字から逆引き出来るサービス。Regexpreg_matchのマッチング結果を出力。Mail時間延長可能なワンタイムメールサービス。ご利用環境チェックツール自分のIP/HOST、OS、ブラウザ、解像度などを表示。Akinator頭に浮かべた人物を当てる超能力サービス。thisこのブログはウェブデザインやプログラミングなどをはじめ、web制作者向けの様々な技術や情報を掲載しています。現・フリーランスwebクリエイター。verb」として、フルスタックフリーランスやってます。