タグ

cute4danのブックマーク (381)

  • 3/4 1台のパソコンを家族で使う方法 [Windowsの使い方] All About

    1台のパソコンを家族で使う方法(3ページ目)Windowsパソコンはデスクトップ環境やお気に入りなどの個人設定を、それぞれのユーザーごとに別々のものを使えるようになっています。ここではその設定方法を紹介します。

    3/4 1台のパソコンを家族で使う方法 [Windowsの使い方] All About
    cute4dan
    cute4dan 2012/09/28
  • 秘訣はガムテープ!iPhone5の保護フィルムを気泡なしでキレイに貼る方法

    貼り師のプロが丁寧に分かりやすく解説したiPhone5の保護フィルムの貼り方の動画を紹介します。 初心者でも時間をかければほぼ100%キレイに保護フィルムが貼れる、と。 気泡無しに、美しく貼られた保護フィルム 保護フィルムを上手く貼るのに必要な道具は、3つ。 メガネ拭き 紙のガムテープ セロテープ 保護フィルムは「ラスタバナナ 光沢フィルム」で、ラストバナナからは何種類か発売されていますが、「ファンデーション」と読めるので使用してるのは「iPhone5専用液晶保護フィルム ビューティーガードナー ファンデーション防止フィルム(Amazonでチェック)」だと思います。 プロが教えるiPhone5保護フィルムの貼り方 貼りの手順はこんな感じです。 iPhone5は箱に載せたまま iPhone5のフィルムをはがす メガネ拭きでふく(いろんな角度に傾けて) 紙のガムテープで更にほこりをふく 保護フ

    cute4dan
    cute4dan 2012/09/27
  • [CSS]3ステップでマスターする、スマートフォンやデスクトップなど異なるサイズごとに最適なレイアウトを提供するResponsive Web Desingのチュートリアル

    Media Queries初心者でも分かりやすく解説された、スマートフォンやタブレットやデスクトップなど異なる表示サイズごとに最適なレイアウトを提供するResponsive Web Desingのチュートリアルを紹介します。 Responsive Design in 3 Steps [ad#ad-2] 下記は各ポイントを意訳したものです。 Step 1: METAタグ Step 2: HTMLの構造 Step 3: Media Queries さらに実践的な使い方を学びたい人に Step 1: METAタグ スマートフォンなどで採用されているモバイル用ブラウザは、表示するHTMLページの大きさをビューポートの幅に(主に)縮小してフィットさせます。 まずは、この設定をMETAタグを使用して等倍で表示するようにしましょう。 HTML <head>~</head>に下記を記述します。 <meta

  • [CSS]チェックボックスを使ってできるちょっと面白いテクニックのまとめ

    コンテンツスライダー、画像拡大、ツリー型メニューなど、チェックボックスを使ってできるちょっと面白いテクニックをまとめたスライドを紹介します。 Checkboxes and the ridiculous things you can do with them 上記のスライドでは、チェックボックスを使ったさまざまなテクニックがまとめられています。 1ページ目のチェックをオンにすると、ロケット発射から始まります。 スライドから面白そうなテクニックをいくつかピックアップしました。 チェックボックスを使ったフック チェックボックスの美しくスタイル チェックボックスを使ったツリー型のメニュー チェックボックスを使った画像の拡大表示 チェックボックスを使ったレスポンシブ対応のスライダー チェックボックスを使ったフック まずは、ベースとなるチェックボックスを使ったイベントのフックの使い方です。 チェックボ

    cute4dan
    cute4dan 2012/09/07
  • WordPressでのECサイト構築に便利!日本製のショッピングカートプラグイン | hT DESIGN blog

    2011.02.16 - WordPress WordPressでのECサイト構築に便利!日製のショッピングカートプラグイン ここ最近、ショッピングサイトのサンプル作成のため「WordPressと同じような感覚で使えるはず」との思い込みで、EC-CUBEを試用していたのですが、システム構成がWordpressよりも複雑だったり、Smartyと言うテンプレートエンジンを使っていたりで、少し不便に感じていました。 ここは、やはりWordpressでどうにかできないかと思い、ショッピングカートのプラグインを色々と物色。今回は、その中でも日製(もちろん日語対応なので使い易いはずです)のショッピングカートプラグインを、見つけたものだけご紹介します。 Welcart 拡張性も高く、コミュニティもある人気のプラグインです。僕はこちらを導入して、現在試用中です。手早く導入できて、カスタマイズの自由度

  • いまさら聞けないCSS font-familyのまとめ

    CSSのfont-familyについて調べてみました。そのうちWebフォントが主流になる気がしますがそれまでのまとめということで。 認識誤りがありましたらどこかでつぶやいてください。 1.font-familyとは? 通常のフォントや太字、イタリック体、斜体など、デザインを統一した複数のフォントをまとめたものを「フォントファミリー」といいます。 「Arial」「Vernada」「ヒラギノ角ゴPro W3」「MS Pゴシック」などがフォントファミリー名です。 このフォントファミリー名を指定するためのプロパティが「font-family」です。 サンプル body { font-family: Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック","MS PGothic",sans-serif;

  • 初心者でも簡単に出来る WordPress のインストール方法

    WordPress は無料にも関わらず、SEOに強く、日語にも対応しており、ソーシャルメディアとの連携も簡単で、コンテンツマーケティングを行う上で理想的なプラットフォームだ。 しかしWEBの初心者の方は、WordPress のインストールが難しいと感じて、これまで導入を躊躇ってきた方もいることだろう。 そこで、ここでは、そうした初心者の方でも実践出来るように WordPressのインストール方法を簡単に解説している。ぜひ、ここで書いている通りにインストールを行ってみて欲しい。初めての方でも実質15分程度でインストールを完了させることができるはずだ。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現したアプリメディアなど大きな成果を挙げ続けている。 各サイトの成功要因をインタビューし

    初心者でも簡単に出来る WordPress のインストール方法
  • Loading...

  • 画像レイアウト関連で便利なjQueryプラグイン等まとめ:phpspot開発日誌

    ちょっと画像レイアウト関連で便利なjQueryプラグインを調査仕事でまとめていたのでついでにご紹介。 この手のプラグインはjQuery Masonryが最初だったかと思いますが、色々と出てきたのでここら辺で全部しっておくとよいかも。 Wookmark 比較的新しめのPinterest風レイアウトを作る際に便利なプラグイン。 jQuery isotope レイアウトだけではなくダイナミックに要素をアニメーションさせることも出来るプラグイン 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 Google画像検索みたいに画像を綺麗にならべられます ↓↓↓↓ ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い 要素の整列系の初期のプラグイン。最初に見た時はあっと驚いたものです ↓↓↓↓ 並べた画像を敷き詰めて超カ

  • HTML5でWebページをマークアップするための基礎知識

    最近よく目にする「HTML5」という言葉。JavaScriptAPICSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたらいいのか」をお届けします 5からHTMLの“文法”が変わるって知ってた? 連載第1回の「Webの3つの問題を解決する「HTML5」とは何なのか」では、HTML5という技術革新の意義、そして連載の大まかな流れについてお話ししました。連載第2回である今回は、HTML5のマークアップを行うための基礎知識についてお話しします。 HTML5では、その文法が大きく変化しました。「HTMLが、どれほど普及しているか」「根底となる“文法”が変わってしまったら、どれほどの影響があるか」に想像が及ぶ方であれば、非常な驚きと不安を抱かれるかもしれません。

    HTML5でWebページをマークアップするための基礎知識
  • 配色に悩んだときに、きっと役立つ7つの配色技法【基本】

    私は「色」が好きなので、配色を考えるのがそんなに苦ではないんですが、良い配色が思い浮かばず、苦しんでいるWebデザイナーさんは沢山います。 人の目で見分けられる色の数は750万色以上あると言われていて、デザイナーはこの膨大な色の中から配色を考えるんですが、これが結構大変なんです。経験を積んだWebデザイナーさんでも何日も配色に悩み、目の下に隈を作ることがあると聞いたことがあります。 そこで今回は、配色を考える時や、配色に悩みすぎて出口が見えなくなってしまった時に役立つ、基的な7つの配色技法を紹介したと思います! 基的な7つの配色技法 これから紹介するの7つの配色技法は、お互いに明確な違いがない物もいくつかありますが、あくまでもこれらは配色の方向性・配色の考え方を示すものだと理解してください。それでは早速、例を交えながら特徴と効果をまとめて紹介させていただきます。 ドミナントカラー配色

    配色に悩んだときに、きっと役立つ7つの配色技法【基本】
  • YouTube人気急上昇

    急上昇 🍁髪型何種類あるの?【#Shorts/ゆっくり実況/マイクラ】 2022.08.23 急上昇 急上昇 無料のチートグライダーの性能がヤバすぎる!!【フォートナイト/ゆっくり実況/Fortnite】 2022.08.23 急上昇 急上昇 あつ森 総額130万ベル?案内所裏に豪華な和風商店街を作る!島クリ【ゆっくり実況】 2022.08.23 急上昇 急上昇 【ゆっくり解説】野手ドラフトのチャンス!?DeNAの22年ドラフト戦略考察第2弾 2022.08.23 急上昇 急上昇 【ゆっくり解説】【ゆっくり解説】宇宙の謎や疑問質問にお答えします 2022年夏休み子ども宇宙相談 その2 2022.08.23 急上昇 急上昇 【ゆっくり解説】ヤバすぎるドラえもんの炎上したシーン&エピソード9選 2022.08.23 急上昇 急上昇 【ゆっくり解説】絶滅は嘘だった! ?ディノスクスの生存説と恐

    YouTube人気急上昇
  • 文字化けして読めない文書を解読できる「もじばけらった」

    「ここに化けちゃった文字を入れたら、下にある「ばけらったー!」ボタンを押してね。そしたら、なんかいっぱいタブが出てくるから、いろんな組み合わせを試してみてね。見つからなかったら、ごめんなさい。。。」ということで文字化けを解読してデコードするのが「もじばけらった」です。 文字化け解読ツール「もじばけらった」 http://lab.kiki-verb.com/mojibakeratta/ 使い方は簡単、まず文字化けした内容をコピペします 「ばけらったー!」ボタンをクリック 作者のブログによると上部タブが「保存される前の文字コードと思われるもの」、下部タブが「保存された後の文字コードと思われるもの」になっており、とにかくいろんな組み合わせで、片っ端からポチポチすれば、「そこから先は天賦….!神の賽に愛されるか否か….!(カイジ・談)」ということで、なんとかそれっぽく解読できることがあります。 な

    文字化けして読めない文書を解読できる「もじばけらった」
  • Dropbox徹底解剖 - 一度使ったら手放せなくなる! オンラインストレージサービスの本命 | Web担当者Forum

    Dropboxというオンラインストレージサービスを知っていますか? リモートワークが主流となった昨今、仕事に欠かすことのできないファイル同期・バックアップシステムであるドロップボックス。今回は、そのインストールの方法から「リビジョン」「まとめてダウンロード」「パブリックフォルダ」などの便利機能、削除したファイルを戻す方法まで、分かりやすく解説します。2GBまで無料で使える便利ツール、徹底解剖! クローズドβの段階から一部で話題を呼んでいたオンラインストレージサービス「Dropbox」がいよいよ正式公開された。笑っちゃうくらいの便利さに、手放せなくなる人が続出しているこのサービスを徹底的に紹介する。 DropboxとはDropbox(ドロップボックス)とは、米Dropbox, Inc.が運営するオンラインストレージサービスだ。サインアップすればだれでも無料で2GBのディスクスペースを利用でき

    Dropbox徹底解剖 - 一度使ったら手放せなくなる! オンラインストレージサービスの本命 | Web担当者Forum
  • コンバージョン率アップの参考になる5つのランディングページ徹底解剖

    WEBマーケティングにおいてランディングページの質は、売上に直結する最終ポイントだ。 従って、ランディングページの質が悪いと、それまでの苦労が全て水の泡となってしまう。 そこで日は、ランディングページのコンバージョン率アップのために参考にしたい素晴らしいランディングページを5つご紹介する。 そして、僭越ながら、より多くの気づきを得て頂きたいという思いから、それぞれのランディングページの改善ポイントを、私個人の観点からお話させて頂く。 それでは、早速一つずつ見て行こう。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現したアプリメディアなど大きな成果を挙げ続けている。 各サイトの成功要因をインタビューしているので、 あなたのサイトに役立てて欲しい⇒25サイトの成功事例インタビューはこ

    コンバージョン率アップの参考になる5つのランディングページ徹底解剖
    cute4dan
    cute4dan 2012/06/12
  • WEB色見本 原色大辞典 - HTMLカラーコード

    原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見サイトです。 9種類の色見と色に関する各種サービスから構成されています。 色見コンテンツは ブラウザで定義されているHTMLカラーネーム、 日の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ

    WEB色見本 原色大辞典 - HTMLカラーコード
  • html5-memo.com

    html5-memo.com
  • もうユーザーを迷わせない!ナビゲーションメニュー設置のコツ

    2013年11月22日 Webサイト制作, ユーザビリティ どのWebサイトにも必ずあるのがナビゲーションメニュー。各コンテンツページへリンクされている「Webサイトの目次」です。この目次をきちんと設置していないと、ユーザーは欲しい情報が見つけられず、離脱率が高くなります。そのサイトでしか手に入らない、当に必要な情報でない限り、こちらから案内しないとユーザーはコンテンツを探そうとしません。そんなナビゲーションメニューについて考えてみましょう。 ↑私が10年以上利用している会計ソフト! ナビゲーションメニューの設置ポイント すべてのページに 基中の基ですが、メインのナビゲーションメニューはどのページにも同じ場所に設置しましょう。ホームページでしか表示されない…なんてことがないように。というのも、ユーザーが最初にたどり着くのが必ずしもホームページとは限らないからです。検索で特定のコンテン

    もうユーザーを迷わせない!ナビゲーションメニュー設置のコツ
  • zen codingは超便利!Dreamweaverで使ってみました。 – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-

    先日、ノンプログラマのためのPHP入門という素敵なUSTを見ていたのですが、その中で出てきたzen coding。 前々から知っていたものの、これ使うならエディタごと乗り換えないといけないんだ!とずっと勘違いしていて、なんだかんだでまだDreamweaver使ってるし…サイトの定義とかもしてるからなんだかんだでエディタ乗り換えるの面倒だしなぁ…とかごにょごにょ思っていたのですが… Dreamweaverでも使えるらしいよ!知らなかった!無知って怖い!>< Dreamweaver用はこちらからダウンロードできます。 ダウンロードしたZen Coding.mxpをダブルクリックするとエクステンションマネージャーが立ち上がるので、承諾するをクリックしてインストール。 これだけでOK。 インストールが終わったら、早速何か入力してみましょう。 すごい!感動! 展開はcontrolキーと,(カンマ)キ

    zen codingは超便利!Dreamweaverで使ってみました。 – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
  • http://sixnine.biz/2010/07/jscoda-slider-20.html

    For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.