疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
dislay 属性についてもっと知りたいという方は、こちらのサイトを参照ください。 display - CSS | MDN 要するに何が言いたいかというと、テーブルもまたスタイルシートの display 属性によってその形状を実現しているに過ぎず、この値を色々と操作すればスマートフォンのようなスクリーンサイズの狭い環境にも最適化された表示が出来るのではないかということです。 実際に作ってみた - 下準備 今回は4パターンの表示を紹介します。まずは下準備として簡単なテーブルレイアウトと元となるスタイルを組んでいくとします。 はじめに HTML で適当なテーブルを作ります。 <table class="table table-striped table-responsive"> <thead> <tr> <th>First Name</th> <th>Last Name</th> <th>Ag
Movable Typeで未公開の記事をプレビューできる「PreviewDraftEntriesプラグイン」を公開します。 1.機能 Movable Typeのデフォルト機能では、未公開のブログ記事やウェブページについて、記事編集画面でプレビューを行うことはできますが、テンプレート編集画面で未公開の記事をプレビューすることができません。 「PreviewDraftEntriesプラグイン」を利用すれば、テンプレート編集画面で未公開記事のプレビューを行うことができるようになります。 このプラグインでは以下の2点を考慮しています。 テンプレートに対し、新たにプレビュー用のテンプレートタグなどを設定する必要はありません。 公開記事と混在させてプレビューしたい場合や、プレビューをしたくない未公開の記事を含めたくないケースを考慮し、プレビューする記事IDをテンプレート編集画面で直接指定します。 例え
text-shadowを使った美しい4種類のエフェクトを紹介します。 エフェクトはCSSのみで、もちろん画像は使っていません。 HTML <h1 class="elegantshadow">Elegant Shadow</h1> CSS まずは、各見出し共通のスタイルシートから。 h1 { font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; font-size: 92px; padding: 80px 50px; text-align: center; text-transform: uppercase; text-rendering: optimizeLegibility; } Elegant Shadow用のスタイルシートです。 .eleg
シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のjQueryのプラグインを紹介します。 デスクトップのキーボード操作やスマフォ・タブレットのスワイプ操作にも対応! Unslider Unslider -GitHub Unsliderの特徴 Unsliderのデモ Unsliderの使い方 Unsliderの特徴 超軽量のオープンソース スクリプトは3KBと超軽量のオープンソースです。 実装は簡単でクリーン HTMLは非常にシンプルで、カスタマイズも容易です。 高さの調整 サイズに合わせて、スライダーの高さを自動調整します。 レスポンシブ対応 デスクトップ・タブレット・スマフォなど、さまざまなデバイスに対応。 キーボード操作の対応 キーボード(矢印キー)での操作をサポートします。 スワイプ操作の対応 jQuery.event.swipeをサポートしているので、スワイプ操作に
Colour Code http://colourco.de/ 、いいドメインだ! 使い方は簡単です。 カラーの変更 マウスの左右で、色相を変更 マウスの上下で、光度を変更 スクロールで、彩度を変更 ※スクロールはMagic Mouseじゃないとできないかも 基本操作 クリックで、カラーをロック ロックされた鍵アイコンをクリックで、ロックの解除 カラーをクリックで、保存して新しいカラーを作成 ゴミ箱をクリックで、カラーの削除 まずは、流行のサーモン(#F38268)を右上のボックスにセットしてみます。
Textures have proven again and again the value it brings to many designers making their own projects. As the web designing world dramatically grew, we have witnessed some of the great design works significantly enhanced simply by adding and skillfully using a specific texture to it. Because of its effectiveness, it is now one of the most demanded resources searched in the internet. Today many kind
人気記事 GoogleドライブでWEBサイト(HTML/CSS)... - 2,964 viewsGoogleのロゴがバレンタインデー仕様に(ジョージ・... - 1,254 views[SEO]自分のサイトがペナルティを受けていないかチェ... - 1,231 views[WordPress]ソーシャルボタンがスクロールにつ... - 1,093 views「この動画は、お住まいの国では公開されていません」を再... - 807 views Tweet Tweet私もよく利用している無料でSEO解析ができるWEBサービスをご紹介いたします。 どれもプロ並みの分析ができるので、サイトのSEOを解析してさらなる検索上位表示を目指しましょう。 SEOチェキ! かなり有名なSEOツールです。総合的なSEO対策診断など、色んな項目をチェックすることができます。 他のSEO診断ツールに比べると、かな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く