Webサイト上でバナーや商品のサムネイル画像などの見せ方として、並べられた画像（コンテンツ要素）を一定のスピードで自動でスライドして、無限ループさせているものをたまに見かけます。 そんなビューアー的役割のコンテンツ無限ループスライダーを作ってみたので紹介してみます。 まずは動作のサンプルから。 jQuery LOOPSLIDER【SAMPLE】 10個並べてある画像が自動でスライドし、無限にループしています。 この動作の全体構成について、HTMLから。 ◆HTML <div id="loopslider"> <ul> <li><a href="#"><img src="img/photo01.jpg" width="100" height="100" alt="" /></a></li> <li><a href="#"><img src="img/photo02.jpg" width="1

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

web制作でお世話になっている便利サイト 今回は画像もなしに一覧にしてしまおうと思います。使うときにパッと一覧するような実用性を考えているので、詰めてあった方がいいですよね。 webcre8がwebサイトの制作をしているとき頻繁にアクセスするサイトリストです。これらは大半、webcre8がこれまで「*役に立つ」タグをつけてブクマ管理していたものですが、他にも漏れがあったり他のタグに入っていたり、何故か毎回検索して使っていたサイトも多いので今回ひとまとめにしてついでにシェアしてみようかなって感じです★要はリンク集ですね。 これらのサイトをぐるぐる回っているうちにみるみるwebサイトが…出来てくると良いですねｗ 素材サイト まずはよくある素材サイト集。当然全てフリーで商用可です。webcre8は写真をバナーや商用サイトに使う事が多いので、有料素材が用意出来る場合を除き普段からクレジット不要のこ

健康志向や環境配慮などからブームが続く自転車。自然の中を風を切って走るのは爽快（そうかい）だ。自転車が安全に走れることを目的に全国で整備が進んでいる「大規模自転車道」の中からおすすめを専門家に選んでもらった。1位になったのは「瀬戸内海横断自転車道」。1999年に全線開通した本四架橋の「しまなみ海道」（西瀬戸自動車道）に並行するように走る。絶景に加え、レンタサイクルが充実しており、初心者でも本格

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

最近、cssでよく使用しているのがclearfixです。 親ボックス内で子ボックスをフロートする場合、親ボックスの背景画像が表示されなかったり親ボックスのマージンがなくなってしまったりと問題がありました。 clearfixを使ってからは、結構スムーズにCSSを設定できるようになりました。 ソースは以下です。 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; min-height: 1%; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hid

Macおすすめアプリ「CheetSheet」でMacのショートカットは完璧！使用中のアプリのショートカットを表示してくれる神アプリ2018年3月18日826 ショートカットは便利だけれど覚えるまでが大変。特にアプリケーション毎に設定されているショートカットは使っていないとすぐ忘れてしまいますし、身につくまで時間がかかります。使い慣れていないアプリでもショートカットを積極的に使っていきたい！という人はCheatSheetというアプリがとても便利です。 初心者にとっては神アプリと呼ばざるを得ない！本当に便利すぎて笑える！(この記事は2012年5月26日に公開された記事に修正を加えたものです) CheatSheet - Know your short cuts初心者が中級者にレベルアップするためのステップの1つが「ショートカット」。普段から意識して使わないと覚えることは難しいですし、そもそもどん

街乗り用の自転車として、ロードバイクやクロスバイクをよく見るようになりました。人とは違う自転車に乗りたいという方は、“2階建て自転車”や“中二病自転車”などのユニークな自転車に挑戦してはいかがでしょう。はてなブックマークで人気の個性派自転車を集めてみました。 ■ USBポート付き自転車 ▽ USBポート付きの自転車が登場｜WIRED.jp ▽ Silverback Bikes - Lightweight Performance Bicycles - Best in class こちらのエントリーでは、USBポート付きの自転車が紹介されています。ドイツの自転車メーカー「Silverback Technologies」は、シティバイク「Starke」シリーズのヘッドチューブに、USBポートを組み込んだモデルを発表しました。発電機により、携帯電話やMP3プレーヤー、GPS機器などを充電できるそう

今日は私が集めているアイコンのいくつかを紹介させていただきます。今回は商用利用も無料(商用フリー)でOK！という気前のいい手書き風のアイコンをまとめました。ここで紹介するアイコンは全てリンクも不要で使えますが、ダウンロードして使うときは念のためライセンスの確認をしてくださいね！ ではどうぞ。 19 Freehand drawn sketch icons ダウンロード先:Visit site 実際に手書きで作成したものをスキャンしてイラレでクリーンアップしたものです。 HAND DRAWING ICONS SET ダウンロード先:Visit site まさに手書き中の手書きといったアイコンです。 Handycons 2 ダウンロード先:Visit site メディア関連の手書き風アイコンです。油絵っぽい感じが実にクールですね。 FreeHand ColorStroked icon pac ダ

2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。