fullPage.jsの使い方メモ - WEBサイト制作のElectric Fruits
2015.07.16 fullPage.jsはフル画面でコンテンツを表示して、少しスクロールするだけで、次のコンテンツまでスクロールさせるjQueryのプラグインです。 それの使い方メモ。 以下のURLからダウンロード出来ます。 http://alvarotrigo.com/fullPage/ 本家のドキュメントはこちら 本家ドキュメントの一部を日本語でわかりやすく説明します。 （特にたくさんあるオプションを中心に説明します。） ファイルの読み込み（Including files） 必要なファイル（JSやCSSファイル）を読み込ませます。 head部分でCSSファイルを読み込ませます。 <link rel="stylesheet" href="css/jquery.fullPage.css"> </body>直上にscriptファイルの読み込みを記述します。 <script src="ht
記事をCSVで一括登録！WordPressプラグインReally Simple CSV Importer | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
フィルターについて 先ほどこのプラグインにフィルターが用意されていると書きましたが、3つのフィルターがあります。ドキュメントに記載のあったサンプルと一緒に紹介します。CSVを単純にインポートするのではなく、データを操作したい場合に活用しましょう。 記事の情報をゴニョゴニョできるreally_simple_csv_importer_save_post function really_simple_csv_importer_save_post_filter( $post, $is_update ) { // remove specific tag from import data if (isset($post['post_tags'])) { $_tags = array(); foreach ($post['post_tags'] as $tag) { if ($tag != 'Apple
CSSリセットとは異なる、Normalize.cssの特徴や使い方などの解説 -About normalize.css
Normalize.cssって何？ CSSリセットとは違うの？ どうやって使うの？ といった疑問を解決するNormalize.cssの制作者自らの解説を紹介します。 About normalize.css [ad#ad-2] 下記は各ポイントを意訳したものです。 Normalize.cssとは Normalize.cssの特徴 ノーマライズ vs リセット Normalize.cssの使い方 終わりに Normalize.cssとは Normalize.cssとは、クロスブラウザにHTMLのエレメントのデフォルトのスタイルを提供する小さなCSSファイルです。HTML5にも対応しており、従来のCSSリセットに代わるものです。 normalize.cssの関連サイト Normalize.cssの本サイト Normalize.cssのソース Normalize.cssのドキュメント Normal
【長文注意】kulerを使った誰にでもできそうなWeb配色 | フォルトゥナ ブログ
色ってそんなにセンスは関係ないですよ 「色彩センスのない人がそれなりのWebサイトを作るための秘訣3つ」という記事があったので、思うところとかを含めて配色の方法についてまとめてみました。私の方ではもう少し具体的な配色の方法についてもまとめたいと思います。 いつもWebカラーセミナーで話すのは、配色に関する問題の8割は知識で解決するということです。「色彩のセンスがない」という人はそもそもその勉強をしたことがないという人が多く、勉強したことのある人は「色は難しい」と仰います。逆に数十年グラフィックデザインをやっていても、Webの配色としてはまったくできていないということも多々あります。これはセンスではなくWebでのセオリーがわかっていないということになります。 センスと知識や学習していないことを同列に扱うのはおかしいですね。 デザイナーで色の勉強をまったくしたことがないという人はやや問題がある
CSSスプライトについてあれこれ。
「CSS Sprites（CSSスプライト）」についてまとめます。 すでにいろんなサイトで紹介されてるので、検索すれば制作手順から何から何までたくさんヒットしますが、それ故、どの方法が一番ベストなのかってのがいまいち不確かだったので、個人的にまとめ直してみることにしました。 TwitterやFacebookのスプライト用画像 CSSスプライトは、サイトの読み込みを高速化する目的で使われているCSSの小技です。TwitterやFacebookなどでは、ちっこいアイコンとかマークを表示するのに使われてますね（2012.8現在）。 具体的には「サイト内で使用するたくさんの画像（パーツ）をなるべく一枚画像にまとめて、サーバへのリクエスト回数を少なくする」という事をやってます。 画像とCSSだけで高速化が実現できるので大変お手軽なのですが、CSSスプライト用の画像を用意するにはちょっとした工夫が必要
A Beginner’s Guide To Creating A WordPress Website — Smashing Magazine
Creating the perfect website is not an easy task, nor is it a done deal. The perfect website requires time and continual work to keep it that way. Perfecting a website entails putting services in place to handle such problems. There’s always something to optimize, trends to keep up with, security issues to worry about. If you plan on being in business for years to come, prepare yourself. Don’t wor
無料で使えるUIデザインの基本要素が詰まった32の素材集 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
先日、UIデザインが素晴らしい35のウェブスタートアップという記事が人気となりました。今回はあんな今風のウェブUIを気軽に簡単にデザインしてみたい！という方のためにフォトショップ用のUIエレメントのファイル集を32厳選してご紹介。どれもフォトショップ形式、かつベーシックなまさに今風にデザインされた要素ばかりなので、便利に使えそうです。 — SEO Japan Butterscotch UI Kit Lion OSX UI Kit PSD Calendar PSD Search Drop-down PSD Volume Slider Mini Web UI Set Cloudy UI kit Dark UI Kit Modern UI Kit UI Bundle Detailed UI Kit iTunes Inspired UI Kit (PSD) iPad Application Moc
縦タブを作る - Cheese Pie
これまで横のタブデザインは何回か作ったけど、縦のタブデザインを初めて作ったのでメモっておく。 DOCTYPEは、XHTML1.0 Transitional で作ってます。 タブ部分横幅固定でコンテンツ部分はリキッド。 まず、タブとコンテンツをマークアップします。 <div class="tabWrap"> <ul class="tabList"> <li class="tab">hogehoge</li> <li class="currentTab">foo</li> <li class="tab">bar</li> </ul> </div> <div class="inputArea"> <span>Tab Contents</span> <p>contentscontentscontentscontents</p> </div> 次に、タブとコンテンツが横並びになるようにスタイルを指定
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://gimmicklog.com/wordpress/wp-content/uploads/2014/11/2014-11-27_142635.jpg
http://phpspot.net/php/webimager/admin3/data/e74d919ff046839bc2770333221f713b.png
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
http://photoshopvip.net/wp-content/uploads/2012/07/16-Vintage-Ticket-Wedding-Invitation-Punch-Card-Vintage-Train-Ticket-Travel-Wedding-Invitation.jpg
https://spyrestudios.com/wp-content/uploads/1024.jpg
新着記事
