[B! HTML][WEBデザイン] minetty99のブックマーク

縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個！

HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。今回は「高級ペライチ」とググると1位に表示される、僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！まずは王道！縦に長い高級ペライチ

minetty99 2012/06/20

リンク

私がウェブサイト作成時にお世話になっているサイトをご紹介

こういうのを集めだすときりがないのですが、個人的に本当によくお世話になっているサイトに絞って紹介してみます。有名なサイトばかりですがサイトを作るにあたってお世話になる順に紹介していきます。参考になればうれしいです。 Webデザインギャラリー | I/O 3000 まず、ギャラリーサイトでサイトのイメージを膨らませます。カテゴリ、タグ、カラーで整理されており、とても探しやすいです。このようなギャラリーサイトは他にもありますが、ページ変遷なしで次を読み込むのでとても見やすいです。他にはこんなサイトをよく見ます。 WEBデザインの見本帳 Web Design Clip 【Webデザインクリップ】【HTMLタグの簡単検索】TAG index - ホームページ作成情報プロの方はPhotoshopで描いてからコードを書いていくみたいですが、私は最初からHTMLを書いていきます。一応Drea

minetty99 2012/06/08

リンク

サービス終了のお知らせ - NAVER まとめ

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

minetty99 2012/04/05

リンク

人と違うデザインのサイトをスクラッチで作るならHTML KickStartをベースにするといいですよ！ | Chrome Life

みなさんは、サイトをスクラッチで作る時にどうされていますか？ HTMLやCSSをイチから作り込んでいくのは大変ですよね。フリーでHTMLやCSSのテンプレートもいろいろありますが、デザイン要素がガチガチで修正しづらかったり、あまりにもシンプルすぎて結局ゴリゴリ作らないといけなかったりします。最近だと、Twitter Bootstrapが使いやすくて、いろんなサイトでも使われています。特にウェブ系のスタートアップは、ほとんどがTwitter Bootstrapをベースにしているんじゃないかというぐらいよく目にします。しかし、どれもこれも同じような見た目になっちゃってて、デザイン的にはちょっと残念な感じがします。 Twitter Bootstrapを使うと、なぜここまで似てしまうのか？それは、パーツが完璧に揃いすぎている！のが原因です。 Twitter Bootstrapがバージ

minetty99 2012/02/22

リンク

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デザインといっても色々なことがあると思うのですが大