[JS]縦長ページに面白い仕掛けや便利な機能を実装できるスクリプトのまとめ
縦長のランディングページなどで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。 プロダクトやサービスを魅せるスクリプト、さりげないけど気持ちいいアニメーション、縦長ページならではのナビゲーション、レイアウト補助など、全コンテンツを1ページにおさめ、スクロールを前提にしたページならではの面白くて役立つスクリプトが満載です。
![[JS]縦長ページに面白い仕掛けや便利な機能を実装できるスクリプトのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/12d806b696946054b69c1dc3670ffa2dc1985773/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201503%2F2015112505.png)
AppHtml/AppHtmlWeb - iOSアプリストア向けのアフィリエイトリンクを簡単作成 MOONGIFT
PHGにも対応していますのでどんどん紹介できますね！ iOSアプリがここ数年で一気に広まったのには間違いなくアフィリエイトの力が大きかったと感じています。アプリを紹介するブログ、メディアも多数立ち上がり、アプリをメディアで紹介してもらうのは人気を集めるのに必須となっています。 紹介する側としてもアフィリエイトで得られる収益が見込めるので人気アプリをこぞって紹介します。そんなアプリ、その他のコンテンツをブログで紹介する際に役立つのがAppHtml/AppHtmlWeb、アフィリエイトリンクメーカーです。 まずはAppHtmlWebから紹介します。こちらはWebページで検索して作成できます。 トップページ。検索対象とテンプレートが選べます。 検索対象はiPhoneアプリ、iPadアプリ、Macアプリ、音楽、アルバム、映画、電子書籍となっています。テンプレートは小さいボタン、大きいボタン、テキス
感覚派デザイナーも知っておいて損はない「デザインの要素と原則」 | WebNAUT
「あなたは感覚派デザイナー？それとも理論派デザイナー？」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ！ 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles（デザインの要素と原則）」や「Gestalt principles（ゲシュタルト原則）と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や
0 から始めるHTMLとCSSの基本・基礎-webデザイン入門-
私の周りでwebデザインが出来る人ってあんまりいません。でも「webデザインってどうやるのー？」とか「私もやってみたいんだけど…」とかの声はよく聞きます。皆興味はあるのに”webデザインは難しい”と思って始められないんじゃないでしょうか。そんなこれからwebデザインを始めたいビギナーさんに向けてHTMLの基本・基礎をまとめてみます。真新しいことは特にないほんとに基礎です〜＞＜ by：fweez まずはじめに とりあえず用意するもの2つ HTMLの基本 HTMLとは？ 1.DOCTYPEの宣言 2.基本的なタグ 3.<body>の文書構造 CSSの基本 CSSとは？ 1.CSSの読み込み方法 2.指定パターン 3.marginとpaddingの違い 4.ブロック要素とインライン要素 応用してwebページを作ってみる まずはじめに 一口にwebデザインといっても色々なことがあると思うのですが大
Developers.IO
EVENT【6/13（木）】認証機能の開発工数削減をデモで体験！次世代認証基盤サービス『Auth0 by Okta』導入実践ウェビナー
[Mac][app]CSS3スタイルを作ろう！ジェネレータアプリ「CSS3 Toolkit」が直感的で使いやすい！
こちらが起動画面。下にあるツールバー内の数値をあれこれするとメイン画面のビジュアルがリアルタイムで変化していきます。 一番左は「Border Radius（角丸）」の設定画面。全ての角を同じように曲げる事も、各々の角に違う値を与えることももちろんおｋ。 その次は「Gradient（グラデーション）」。 カラーピッカーで簡単に色を選択できます。角度の調節も！ さらに色は2色だけでなく、複数追加可能。 つづいてのプロパティは「Box Shadow（影）」（背景色明るくならないかしら…(´ε｀；)） 最後に「Inner Shadow（内側の影）」。ちょいと加えるとさらに立体的になりますな。 作ったclassには実際に文章を打ち込んで雰囲気を見るのもよいでしょう。 我ながら、例文の意味が全くわかりません。 できたCSSは、別窓にプロパティと値が表示されますのでありがたく使いましょう。コピーボタンも
![[Mac][app]CSS3スタイルを作ろう！ジェネレータアプリ「CSS3 Toolkit」が直感的で使いやすい！](https://cdn-ak-scissors.b.st-hatena.com/image/square/6b9830aed955dbf41703388be43fbea547194fae/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2FCSS3_Toolkit.jpg)
これからWebサイトの制作をしたいけど、何から勉強したらいいの？っていう人のためのガイド
以前から、「Webサイトを制作をしたいけど、何から勉強したらいいの？」という質問をよく頂いていました。私が Web制作を勉強し始めた頃に比べると、最近はたくさん情報がありすぎて何から始めればいいのか迷う人も多いみたい …。なので今回は、Webサイトを作るのに必要な知識を簡単にまとめてみました。 最近本だなを整理していて、もう読まなくなった Web制作系の本を片付けたりしてみました。ずーっと前、Webサイトってどうやって作るんだろうってところから始まって、用語もよく分からないまま色んな本を読んだりした頃を思い出します …。 Webサイトは HTML っていうものでできていて、CSS っていうもので、見た目をデザインしていくのかぁ … っていうことさえ、あの頃の私にとっては新しい発見だったなぁ … なんて思ったりしました。 最近では HTML5 とか CSS3 とか、私が勉強し出した頃に比べる
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.smaroomch.net/web-design-10/
Web制作会社に飛び込んだ新入社員にとりあえず読ませたいスライド
Rails3、Twitter Bootstrap、Bootswatch を使ったレスポンシブなエロサイトをリリースしました