Follow @cssbuttons and get more of the good stuff by joining Tumblr today. Dive in!
こんにちは、デザイナーのぺちこです。 以前、「Tumblrでもここまでデザインできる！オリジナルカスタマイズの実例解説」という記事で、「いいオフィスBLOG」の例を出して解説をしたのですが、汎用性がないなあと今更反省をしています。 前回はまだTumblr初心者ということもあったので許してもらうとして……。今回は、本気でTumblrテーマを作りたい人のために出直してきました！ 1つの記事にすると長い戦いになると思ったので、以下の順で連載のかたちをとってご紹介したいと思います。 Vol.1 テーマカスタマイズの基本編 Vol.2 テーマカスタマイズの独自タグ理解編 Vol.3 テーマカスタマイズ実践編 テーマカスタマイズということで、あらかじめ「HTML／CSSの理解がある」「Tumblrの管理画面くらいは知っている」というのを前提に話を進めていきます。 Vol.1「テーマカスタマイズの基本編
前回のあらすじ：電書ちゃんの誕生日をスルーして怒られた管理人。果たして一週間の猶予期間の間にプレゼントは完成したのか？ 電書ちゃん 今日で一週間。タイムアップよ。あたしの誕生日プレゼントはできたのかしら？ ろす できました。いろいろ細部に手が回らなかったけどね。軽めのツールなのでプレスリリースはなし。 でんでんランディングページ 電書ちゃん ふぅん。じゃあどんなものか説明して貰いましょうか。 ろす はい。でんでんランディングページは自分の作った本の宣伝ができるTumblrのテーマです。 ろす ランディングページというのはインターネットマーケティングの用語で、広告や検索結果のリンク先として作られたウェブサイトです。通常1枚の縦長のページとして作られることが多く、商品やサービスを紹介して購入や資料請求に結びつけることを目的としています。 みなさんは藤井太洋さんが『GeneMapper』をリリー
僕はリブログモンキーです。なので、画像をたくさんリブログします。 しかし、今まで使っていたTumblrテーマではリブログした画像があまり大きく表示されず不満に感じていました。 そこで、これでもかというほど画像を大きく見せることができる新しいTumblrテーマ「Shiki」を作成しました。 http://shikitheme.tumblr.com/ 使い方 「テーマの編集」ページのカスタムHTML欄にこちらのページのhtmlファイルを貼り付けてください。 ライセンスはCC BY 4.0です。 アホほど大きく表示される画像 Shikiでは画像を極限まで大きく見せるため、画面サイズいっぱいまで画像を拡大します。画面からはみ出てしまった部分はパララックススクロールを使ってできるだけ全体像が見えるように工夫しています。 オートページャー オートページャー搭載で無限にスクロールできます。 どうぞご利用
無限スクロールまたはauto pagingと呼ばれるUIには、読み終えたコンテンツがどんどん画面の上のほうに溜まっていってメモリーを食い潰すという問題がある。 なかでもTumblrは画像などのコンテンツが多いため、ダッシュボードダイバーたちは無限Tumblrユーザースクリプトなどのユーザースクリプトをインストールして、読み終えたコンテンツを定期的にページ上から自動削除するといった対策を講じていた。 ところが最近のTumblrのダッシュボードでは、ポストが画面外に出るとその中の要素が一時的にページから削除され、画面内に表示されると要素が再度復元されるようになっている。どうやらこれによって無限スクロールによるメモリーの圧迫が抑えられているらしい。 関連するコードはhttps://secure.assets.tumblr.com/assets/scripts/dashboard.jsの/*! s
この記事は賞味期限切れです。（更新から1年が経過しています） だいぶ前に書いた”TumblrPosts.js“ですが、意外と使われる方がいらっしゃったのと、 わりと適当だったり、よろしくない部分も多く見られたので少し見直しを行いました。 TumblrPostsとは Js-tumblrposts.js by mach3 TumblrPostsは、「Tumblrでタグリスト/新規投稿リストを出力してみる」で紹介したjQueryプラグインです。 TumblrのAPIでは、最新のポストのリストを取得する事ができますが、 タグの一覧を取得する方法が無かった為、それを可能にする為のライブラリです。 新しいTumblr APIについて 今現在、Tumblrからは新しいAPIが提供されています。 API | Tumblr : 新しいAPI Tumblr API v1 | Tumblr : 古いAPI （投
tumblrのActivityを見ていて、こういうのって、D3.js使えばできるのかなと思って試してみました。 tumblrのActivityの折れ線グラフ: 円とか棒グラフはシンプルなサンプルがあるんですが、折れ線グラフはやたらと重厚長大なサンプルしか見当たらなかったので、練習を兼ねて。 D3はデータセットの仕方が独特で、クセをつかめば面白そうです。 やりたいこと Activityは、過去1日単位のNote数らしいのですが、直接ソースを見てみると、[ 2,0,0,0,0,0,0,0,1,1 ]というように、過去数日間のNote数をそのまま配列にしているようでした。 今回は同じように、過去のNote数っぽいデータを折れ線グラフにしてみます。 サンプル ファイルにコピペして保存して、ブラウザから呼び出すと動作します。 Chromeで確認しました。 <!DOCTYPE html> <meta
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Snowbird is a ski and summer resort in Utah. Designed and developed by Rally Interactive, this site is a great example of progressive enhancement. With CSS and JavaScript disabled, all of the main content is still present in HTML. When CSS is available, you wouldn’t know that you were missing anything. The site is navigable in all the traditional senses: static content and a typical page-refresh m
Tumblr themes 無料・有料で使えるTumblrテーマ 絵を飾る。告知サイトを作る。文章で思いを綴る。あなたの用途にあわせたテーマを用意しています。 NEW Illustfolio Lumina - $25 イラストレーターための新しいポートフォリオサイト。トップページに自己紹介とソーシャルアカウントまとめて集約。ひと目見るだけで、あなたのプロフィールがきちんと伝わります。無限スクロール、カテゴリー別表示も備え、多くの作品をすっきりと整理できます。 Illustfolio 4 - Free イラストレーターのためのテンプレート「Illustfolio 4」で、イラストサイトを作ろう。画像を用意し、カスタマイズを施せば、あなたらしいポートフォリオサイトが簡単に完成します。
UICollectionViewを使うとタイル上に任意のView（セル）を表示できます。今回はサンプルを交えてUICollectionViewの説明をしたいと思います。 サンプルコード: https://github.com/stack3/UICollectionViewSample サンプルを起動して、UICollectionViewを選択すると、以下の画面表示されます。 セルを選択すると、そのセルは青くなって以下のようにAlertが表示されます。 UICollectionViewのセルの再利用 UITableView同様にUICollectionViewもセルの再利用という概念があります。 表示する項目数が1000とかたくさんあった時に、セル（UICollectionViewCell）を1000個作るとメモリ効率がすごく悪くなります。なぜかというと実際に画面に表示されるセルは一部だけだ
ThimbleはローカルでTumblrのテーマを作成できるソフトウェアです。 Tumblrのブログ数が1億を越え、さらに広がりを強めています。そんな中とあって、テーマを作成する需要も増えています。しかしTumblrのテーマ作成は思いのほか退屈なようで、それを解決してくれるソフトウェアとしてThimbleが登場しました。 まるでTumblrのデザインそのままです。 画像の表示など多数のパターンに対応しています。 Thimbleはローカルに設置してTumblrテーマの作成ができます。つまりPHPでTumblr専用のタグを解釈し、表示を行っているということです。後はローカルファイルを自分の好みのエディターで編集し、再読み込みしてデザインの反映を確認できるようになります。格段に作業スピードが上がりそうです。 ThimbleはPHP製、GPLのオープンソース・ソフトウェアです。 MOONGIFTはこ
# 補完を有効にする autoload -U compinit compinit -u # 補完メッセージを読みやすくする zstyle ':completion:*' verbose yes zstyle ':completion:*' format '%B%d%b' zstyle ':completion:*:warnings' format 'No matches for: %d' zstyle ':completion:*' group-name '' 補完関数のルール $fpath の通ったディレクトリに補完関数を置く nyan コマンドの補完関数なら _nyan という名前で保存する 補完関数の先頭には #compdef nyan と補完対象のコマンド名を書く ファイル名と同じ名前の関数を作りその中に補完関数を書く ~/zsh/functions/_nyan
注意このドキュメントは、すでにshまたはbashでそれなりにスクリプトを書いている人向けに書かれています。自分が対象読者でないと思ったら、すっぱりと読むのをあきらめてください。時間の無駄です。 このドキュメントではBash version 3.x 系(3.1以降) 4.x 系を対象にしています。2.x 系だと微妙に文法が違うところがあるので注意してください。ちなみに 4.x 系だと、変態なことをしなくても同じことができたり（連想配列が使えるようになったはず）、逆にもっと変態なことができたりします。(2013/09/11 追記) 書きかけで放置している間にメイン環境が 4.x になりました。3.x と 4.x でどこが違うかもう覚えてないし調べるのも面倒なので 4.x 系前提でいきます。 このドキュメントは、主にPOSIXなshにはないBashの機能を使い倒すことを目的としています。ここにあ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
