サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
WEBフォントを使って、簡単にアイコン装飾を行う方法をご紹介します。細かいところまでに気をつかえば、サイト全体の印象がグッと良くなりますよ! サイトのちょっとした装飾に使ったりする「アイコン」ですが、わざわざ画像を作成したり、素材を探してきたりするのは結構大変です。それにアイコン画像のサイズや色をあとで変えたいと思っても、画像自体を作りなおさないといけないので、それはそれで面倒な話になっちゃいます。 でもそんな面倒な話は、「Font Awesome」というWEBフォントを使えば一気に解決します。これを使えば、簡単にアイコンを挿入することができるうえ、WEBフォントなので、あとでサイズを大きくしたり色を変えたりといった作業も、CSSを触るだけで簡単にやれちゃうんです。 ということでわたしも「Font Awesome」を使って、STINGER3を使った当サイトの細かいところにアイコンを入れて装
新しいプロジェクトをはじめる時などに活躍するのがカウントダウンタイマーです。後何日、後何時間といった具合に刻々と減っていくタイマーを目にするとわくわくさせられるのではないでしょうか。 カウントダウンの方法は幾つかあると思いますが、今回はCSS3 Countdownを紹介します。CSS3とJavaScriptを組み合わせて格好いいタイマーを表示します。 CSS3 Countdownの使い方 CSS3 Countdownのデモです。フリップスタイルの表示になっています。 秒単位でタイマーが徐々に減っていきます。年数ではなく日数になっていて、例えばこのデモでは2080日を越えて設定されています(2020年指定です)。オリンピックに合わせたりするのは面白そうです。 使い方はこんな感じです。 <div id="CDT"></div> <script> // Set countdown limit v
The human computer interface helps to define computing at any one time.
新進気鋭のブログプラットフォーム「Ghost」の公式ドキュメントが日本語化されました 2013/12/21 URLはこちらです: http://docs.ghost.org/ja/ Ghostについての日本語記事はこちら: とにかく『ブログを書く』ということだけに特化したブログプラットフォームの『Ghost』がいい感じ! 【ギークな人教えて!】新ブログプラットフォーム「Ghost」の可能性 ブログをWordPressからGhost に移行しました シンプルで美しいnode製のブログエンジン「Ghost」 美しいUIに一目惚れ!WordPressとは一味違うブログを書くことを楽しむCMS -Ghost 翻訳はわたし@chibicodeと@yasuharu519さんです。英語のドキュメントの説明が少々分かり難いので、翻訳にも不可解な部分が多いかもしれません。これからは英語ドキュメントにプルリク
Panel 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Sed volutpat ante id mauris laoreet vestibulum. Nam blandit felis non neque cursus aliquet. Morbi vel enim dignissim massa dignissim commodo vitae quis tellus. Nunc non mollis nulla. Sed consectetur elit id mi consectetur bibendum. Ut enim massa,
jQuery Easing Plugin は、jQuery のエフェクト動作パターン集のようなプラグイン。jQuery にも、linear と swing のシンプルな動作パターン( easing )は用意されているが、jQuery Easing Plugin を導入すると、30種類以上もの、変化に富んだ動作パターンを使えるようになる。 エフェクト動作パターンは、animate などで使うことが多い。(参照:animate の動作パターンの指定方法) 導入 jQuery Easing Pluginより、jquery.easing.1.3.js を、ダウンロード。「 jquery.easing.1.3.js 」ファイルを、自分のサイトのサーバーにアップロード。 使用したいページで、下記のようにして読み込む。「 jquery.easing.1.3.js 」ファイルへのパスは、アップロードした場
おお、これは格好いい! 写真のサムネイル表示というのはやり方によって大きくインパクトが変わります。単純に縮めて表示すると何の写真か分かりづらくなります。さらに横長、縦長の写真では正方形に切り出すのは簡単ではありません。 そこで使ってみたいのがsmartcrop.jsです。写真の中から一部を切り出すライブラリで、よりインパクトの強い部分を抽出します。 smartcrop.jsの使い方 デモです。よりインパクトの大きい場所を抽出しているのが分かるかと思います。 切り出す形を変更することもできます。その場合でも写真全体を対象にする訳ではありません。 さらにサンプル。女性を中心に抽出しています。 これは完全に左側から。 ヨットを中心に。サムネイルでも格好いいですね。 街並。より印象的なビルを中心にしています。 こちらは川と太陽が中心です。 人の場合は顔を中心にするようです。 多数の人がいる場合。よ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く