テーマ作成の前に知りたいTumblrカスタマイズの基本 (1/3)
Webデザイナーへ向けて、Tumblrの魅力とテーマの制作方法を解説する本連載。前回は、Tumblrの簡単な紹介と、利用するメリットを説明しました。今回は既存のテーマを簡単にカスタマイズする方法について解説します。 テーマを変更してみよう Tumblrは、好みのテーマに切り替えることで、サイトのデザインを大きく変えられます。「テーマを作る作業」が、Tumblrを使ったWebサイト制作であると言ってよいでしょう。 テーマには、Tumblrが公式に配布しているものと、企業や個人がWeb上で配布している非公式のものがあり、有料・無料を問わずたくさんのテーマが公開されています。公式のテーマの場合は、Tumblrのカスタマイズ画面の「テーマを見る」から「使用する」をクリックすると、自分のブログにすぐに適用できます。 また、「さらにテーマを検索」をクリックすると、Tumblrのテーマ一覧ページが開き、
サンプルで学ぶTumblrテーマの作り方 (1/2)
Webデザイナーへ向けて、Tumblrの魅力とテーマの制作方法を解説する本連載。前回は、既存のテーマを簡単にカスタマイズする方法を説明しました。今回は、いよいよオリジナルのTumblrテーマを実際に作っていきます。 Tumblrテーマの開発環境を準備しよう WordPressのようなCMSのテーマ制作では、MAMPやVagrantなどでローカル開発環境を構築して作業し、完成後に本番環境にコピーする流れが一般的です。Tumblrの場合は、ブラウザー上でテーマのHTMLを直接編集できるので、今回はHTMLファイルをデザインカスタマイズ画面に貼り付けて、保存とプレビューを繰り返しながら作っていきましょう。
CSS書くだけでTumblrテーマが作れる「Tumblr Boilerplate」作った - MEMOGRAPHIX
Tumblrテーマ、いちから作ろうとすると大変なので、あらかじめ基本的なHTMLが組まれてあるBoilerplate的なのを作った。 http://sanographix.github.io/tumblr-boilerplate/ これを使うと、CSSを書くだけでTumblrテーマ作れるので、block:Post みたいなテンプレートタグとか覚える必要なくて爆速でテーマ作れる。ZENやApolloをベースにしているので、全投稿タイプに対応している。MITライセンスなのでHTML変えたかったら変えても良いです。 テーマ作りたい人とか、CSSくらいは自分で書きたい人はご利用ください。 Tumblr Boilerplate - A naked boilerplate for tumblr theme development
デザインのアイディアソースに！注目すべきTumblrアカウントまとめ | nanapi [ナナピ]
はじめに アウトプットの場としてもインプットの場としても活躍する、マイクロブログサービス・Tumblr（タンブラー）。その手軽さに利用している方も多いですよね。ここでは、そんなTumblrをより有効に楽しむべく「とりあえずフォローしておきたい！クリエイティブなTumblrアカウント」をまとめました。 グラフィック、ロゴ、イラストにプロダクトデザインまで。アイディアのヒントになること間違いなしの独創的なアカウントばかり。ちょっとお洒落な気分になりたい時の目の保養にもピッタリですよ。是非参考にしてみてください。 ロゴ・プロダクトデザインがメイン！クリエイティブなTumblr5選 ロゴやプロダクトデザイン、パッケージのアイディアなど。「ブランディング」にまつわる情報が詰まったTumblr上のブログをご紹介。「モノのデザイン」についてのヒントの数々、是非参考にしてみてください。 Consider
![デザインのアイディアソースに！注目すべきTumblrアカウントまとめ | nanapi [ナナピ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/640351a47094ee597bc0e979b76f84de32da5731/height=288;version=1;width=512/http%3A%2F%2Fp.cdnanapi.com%2Fe%2F25.media.tumblr.com%2Favatar_fa0b22b9de04_128.png%3Fsize%3D195){kind=avatar}
デザインの裏側を理解できるエンジニアになろう - Qiita
「画面」のデザインは、エンドユーザーから見た「プロダクト」との唯一の接点。超大事。 そんな画面のデザインにまつわる、エンジニアが「いじる」ときに気をつけると、もしかしたら面倒が減って争いが減ってみんなが幸せになれるんじゃないかなあ、とか、そもそもの設計上で考慮できると、もしかしたら使う人たちが幸せになれるんじゃないかなあ、というポイントを、思い付きで書いていくので、あとは誰か整理してほしい的な投げやり感あふれるアレコレ。デザインとコーディングの話を混ぜて書いてます。 空白の理由を考える編 その1. 空白にまつわる認識の相違 例えば、Tumblrのダッシュボード。右肩のメニューの隅までちゃんとレイアウトされてるなーって感じがします。 でも、もしあなたが「空白を理解しないエンジニア」だった場合、こんな感じにコーディングしてしまうかもしれません。 （※画像はイメージです） 「なーんか、素人感があ
tumblrで画像収集するのに向いてそうな、無料のテーマ・51個まとめ（と、少しだけ特徴をメモ
tumblrで画像収集するのは割と当たり前 ですが、後で見返すときに見にくいテーマ だと見る気がしないのでいろいろ試して いましたが、せっかく試したのでついでに 画像収集に向いてそうなtumblrのフリー のテーマをご紹介します。 というか変えたい時に探してるんですけど、いちいち面倒なのでメモしたいんですが、せっかくなのでここにリンク集作ってシェアしようかなと思った次第です。 簡単ではありますが、特徴をメモ書きしています。Lightboxが付いてるとか、自動で次のページを読み込むとかリキッドレイアウトとか。 全てをちゃんと確認したわけではないので、参考程度に。順不同、全部で51個ありました。 キャプチャはテスト用で作ったものです全部無料です環境次第でカラム数が変わるものもあります長くなってしまって見る気がしないので1カラムは省いています。Themanati 3カラムのリキッドレイアウトでギ
デザインの参考になるWEB見本をスクラップして収集する方法 | nanapi[ナナピ]
デザインの参考になるWEB見本をスクラップして収集する方法に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。はじめに WEBデザインに興味のある人や、ノン・WEBデザイナーの人におすすめしたい、WEB見本を収集する方法を紹介します。WEB見本をたくさんスクラップして、デザインのインスピレーションや参考にお役立てください。 収集手順 以下のSTEPの手順になります。 STEP1 RSS登録 GoogleReaderにWEBデザインのギャラリーサイトを登録します。 ※ギャラリーサイトの紹介について後述します。 STEP2 WEB閲覧 ブックマークレットを使って、FirefoxでWEBページを閲覧します。 ブックマークレットの利用方法： GoogleReaderの設定＞追加機能で、特定のタグの「次へ」ブックマークレットを、ブックマークバー
Tumblrについて | Tumblr
about Tumblr is a website.Social network? No, it's a mycelial network. It's wholesome chaos. It's the gay people in your phone. It's your angel. It's your devil. Tumblr is whatever you want it to be. Oh, and influencers? Don't even go here. This is your space. Every video you find, every quote you reblog, every tag you curate, every waterfall GIF you secretly gaze at in wonder—that's all you. You'
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ZEN 2.0 - Tumblrで普通に日記を書く用途にこだわったTumblrテンプレート
Illustfolio - イラストポートフォリオサイトを一瞬で作れるTumblrテーマ