Twitterでいま話題になっている音楽をランキング化したサービス「TopForty.it」 : 二十歳街道まっしぐらTopForty.itはTwitterで話題になっている音楽を知ることができるサービスです。 Twitterで#NowPlayingなどで今聴いている音楽を共有しているツイートがありますが、 それらから人気の曲を割り出してランキング化しています。 それぞれYouTubeでの動画でどんな曲かその場で視聴することができます。 以下に使ってみた様子を載せておきます。
Twitterの背景画像にInstagramの写真を並べられるサービス「InstaBG」 : 二十歳街道まっしぐら
InstaBGはTwitterの背景にInstagramの写真を並べられるサービスです。 Instagramの最新の写真や特定のユーザの写真、 特定のカテゴリの写真、タグ付された写真をTwitterの背景に設定できます。 自動更新もできるので、なかなか良いですよ。 たとえば、Twitterの背景画像として、 Instagramの「ペット」カテゴリの写真を人気順で毎日更新するといったことが可能です。 以下に使ってみた様子を載せておきます。 まず「InstaBG」にアクセスしましょう。 Twitterアカウントでログインします。 どんな写真を表示させるのか、並び順はどうするか、サイズは小さい？大きい？などの設定が可能です。 けっこう幅広く設定できるので楽しいですね。 「プレビュー」を押すと、どんな感じになるのか確認できます。 その後Twitterの背景として設定できます。 するとこのようになり
WordPressでブログじゃないWebサイトを作るときのいろいろ（サンプル付き）
とても長い記事になってしまいましたが、WordPress を使って、コーポレートサイトのサンプルを作ってみました。WordPress はブログだけじゃなくて、色んな Webサイトが作れますよね！今回は、私が WordPress でサイトを作る時にやっていることをまとめてみました。 今までこのブログの中で、いろいろな WordPress の Tips を書いてきました。でも WordPress を使った Webサイトの作り方そのものは、今まで書いた事がありませんでした。そこで今回は、 WordPress を使ってブログじゃない Webサイトをまるごとひとつ作って、私なりの作り方をまとめてみました。 今回のサンプルサイトでは、WordPress の固定ページ機能はもちろん、カスタム投稿タイプやカスタムタクソノミー（カスタム分類）を使って作っています。 ページを表示する為に使っているテンプレート
CSS3対応の為のLESSスニペットメモ - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） 角丸やグラデーションをCSS3で表現しようとする時、 どうしても各々の環境への対応のおかげで長いCSSになってしまいますね。 そんな時便利なのがLESSのMixin機能です。 以前も軽くとりあげたLESSですが、 繰り返し出て来る表現にはMixinを使うと大変楽です。（要するに、関数のようなものです） 何度も同じ記述を繰り返さずに済みますし、汎用性のある物ならば使い回しも容易です。 こんな感じに。 角丸 .roundrect(@r:10px){ -webkit-border-radius:@r; -moz-border-radius:@r; border-radius:@r; } 引数にはborder-radiusのサイズを入れてあげましょう。 使い方 .normalBlock{ width: 320px; height: 24
はじめてのCSSメタ言語はLessがおすすめ！ « NAVER Engineers' Blog
こんにちは、NAVER UIT つしまです。 Less & Sass Advent calendar 2011の8日目です。 これまでのAdvent calendarの記事で、SassやLessの概要、活用法などが見えてきました。 今回は、「Lessは機能不十分そうだし、Sassオシ多いし、Sassを使いはじめようかな・・」と思っている方に向けてはじめてのCSSメタ言語はLessがおすすめというおはなしです。 Lessって？ 既にCSSとフレームワークとメタ言語(2日目記事)やLESS初心者向けのナニカ(4日目記事)でも紹介があったとおり、LessはCSSを記述するためのメタ言語です。 ただ後発であるにも関わらず、SassにあるのにLessにない機能は結構あって、例えば、ifやforなどの制御文、extendが使用できなかったり、cssへの出力形式がSassほど選べなかったり・・
Getting started | Less.js
It's CSS, with just a little more. Use with Node.js: npm install -g less > lessc styles.less styles.css Or the browser: <link rel="stylesheet/less" type="text/css" href="styles.less" /> <script src="https://cdn.jsdelivr.net/npm/less" ></script> Or try the online playground ! 🆕 Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official do
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
