レスポンシブ対応の縦長ページ、プロダクトページ、ランディングページ、ポートフォリオ、ブログなど、今時のかっこいいエフェクトを備えたHTML5+CSS3の無料のテンプレートを紹介します。 そのまま使うもよし、スキルアップ用に勉強してもよし、です！ Beetle - Responsive HTML5 Template Beetleには、最近のWebサイトで人気のあるさまざまなコンポーネント・エフェクトが用意されています。大きい背景画像をつかったヘッダ、カード型のレイアウト、サークルを使ったエレメント、パララックススクロール、スクロールをトリガーにしたエフェクトなど、今年のWebデザインのトレンドがたくさん詰まっています。
こんにちは、ユーザファースト推進部デザイングループの元山です。 デザイナーの皆さんはWebやアプリなどをデザインする上でフォントを作った事があるでしょうか？ ずいぶんと前から「これからはWebフォントの時代だ」なんて言われながらも、現実は中々使うのが難しいなぁと感じている方は多いかもしれません。 今回はクックパッドで実際に作ったオリジナルフォントを使ったWebやアプリのデザインについて事例を交えながら紹介してみたいと思います。 クックパッドでの事例 印象と機能を向上させるデザインのためのフォント ブラウザやアプリの標準のフォントではない特殊なフォントを使う理由として真っ先にあげられるのは、やはり文字の雰囲気や見た目でデザイン的な印象や見え方を向上することができる点だと思います。最近ではAppleのWebサイトもオリジナルのWebFontを使ったデザインに変わりましたね。 クックパッドでは特
10,000個以上あっても品質はどうよ、と思う人もいるかもしれませんが、サイトを運営しているのは当ブログともコラボしたfreepik.com！ 彼らのアイコンをはじめ、質の高いアイコンが揃っています。 ちなみに、コラボしたのはCelebrations Icon Setです。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
全身脱毛61ヶ所が期間限定で2ヶ月無料のキャンペーン中 現在、期間限定で顔・VIOを含む全身脱毛が2ヶ月無料0円となるキャンペーン中です！ 全身61ヶ所には、人気のワキやVIOは当然として、他サロンでは取り扱いの少ない顔も範囲に含まれていますので、全身を一気に綺麗にしたい人にオススメです。 ストラッシュの脱毛に興味がある人は、早めに無料カウンセリングを受けるようにしてください。 両うで脱毛プレゼントキャンペーン中 さらにカウンセリングに来店した人を対象に両うで脱毛のプレゼント中です。 このキャンペーンは2022年3月31日(木)までなので、この機会をお見逃しないようにしてください。 ＼ ストラッシュの詳細はコチラ ／ >>ストラッシュの公式サイトはコチラ
Our Picks Dec. 20, 2024 Toyota Launches Alphard and Vellfire PHEV Models in Japan
お使いのブラウザではご覧いただけません お手数ですが、最新の対応ブラウザ（Chrome／Edge／Firefox／Safari）にて再度ご覧ください。
21 Examples of Parallax Scrolling in Web Design | Inspiration パララックスを活用した一見の価値ありなサイト２１。 パララックスは視差という意味ですが、マウスとかスクロールの位置によって、背景などが立体的に見えるというものです。 どれもうまい具合作られていて、みるだけでも勉強になります。 普通につくると、当たり前のように平面ですが、立体的にすることでインパクトを上げて覚えてもらいやすくなったり、よりプロダクトなどを魅力的にみせることができるのかも。 関連エントリ デザインに役立つ美麗サイトデザイン集やロゴデザイン・写真集 奥行きをうまく使ったサイトデザイン集３０ 次のサービスに使えるかもしれないロゴデザイン集２２ なんとなく和むイラストベースのWEBデザイン集60 黒ベースのクールなWEBサイトデザイン集
2016年2月18日 Webサイト制作 Webデザイナーとして働く際、自分をアピールするのに最も大切なのがポートフォリオWebサイト。今まで作った作品や自分がどんな人間なのか、何ができるのかを紹介するサイトを作っておけば、就職活動にも大変役立ちます。ここではポートフォリオWebサイトを作る際のポイントや素敵なポートフォリオサイトを紹介します！ ↑私が10年以上利用している会計ソフト！ 最新版書きました！こちらも参考にしてみてください。 ポートフォリオWebサイトを作ろう！2015年版 ポートフォリオWebサイトを作る時のポイント 1. 自己紹介 自分は何者なのか？何ができるのかをわかりやすく完結に紹介します。あまりダラダラ書いても読まれない確立が高いため、大きめのフォント・短い文章で紹介すると効果的です。 「自分はWebデザイナー」という事をはっきり書く 自分ができることをわかりやすく表記
はい！こんにちはこんにちは！ こんどは寝すぎで、ちょっぴり調子のおかしなはまちや２です！ こんにちは…！ ところでちょっと前に、こんな記事がありましたよね！ 行動ターゲティング広告はどこまで許されるのか http://it.nikkei.co.jp/internet/news/index.aspx?n=MMITbe000015102008 これの仕掛けの部分だけを簡単に説明すると… 見たことのあるページのリンク(visited)は色が変わったりする スタイルで、visitedなリンクと、そうでないものの高さとかを変えることができる 高さとかはJavaScriptで取得可能、つまり訪問済みリンクか取得可能 ページのどこかに、色々なサイトのURLを大量に隠しリンクしておく それぜんぶJavaScriptで調べて、来訪者が行ったことのあるページを把握 訪問済みサイトの傾向にあわせて広告表示 (簡
■追記 こちらも併せてお読みください はてブでホットエントリー入りするためにするべき、たった２つの簡単なこと 超適当、順不同、敬称略 順次追加予定 ひろゆき - ご存じ２ちゃんねる管理人 小飼弾 - Jcode.pm作った人、あと404 Blog Not Foundの人 mala - Livedoor Readerの人 あきやん - akiyan.comの人。CakePHPの本とか書いた人。 さとる - satoru.netの人。字幕.inの人。ニートの期待の星。 堀江貴文 - Livedoorの社長だった人 藤田晋 - サイバーエージェントの社長の人 家入一真 - paperboyの社長の人 秋元裕樹 - サイボウズラボの人 田口元 - 百式の人 宮川達彦 - Sixapartの人 まつもとゆきひろ - Ruby作った人 伊藤直也 - はてなのnaoyaの人
超えるをつくる あなたのいいところや、伝えたいこと。 一緒に見つけて、つくって、育てていく。 いろいろな思考を組み立て、 散らかし、また重ね 「その意思」を、実現へ導く。 intervoice Branding Web Graphic
伝わる文章を書くために、これだけは覚えておきたい最重要テクニックを説明します。ホームページのライティング以外でも使えます。いますぐ試してみましょう。 とにかく伝わりやすくすることが大切 読者にメッセージをうまく伝えるためには、とにかく「伝わりやすい」文章を書くことが求められます。「意味不明だけど魅力的」という文章も確かに存在しますが、大半の来訪者はあなたのサイトに何かしらの情報を求めてやってきます。掲載されている情報が伝わりやすい文章を書いておくほど、「魅力的なサイト」に成り得るのです。 そこで、文章の書き方を本格的に覚えて頂く前段階として、簡単にマスターできて、なおかつ重要な、7つのテクニックについてご紹介しておこうと思います。どれもかなりの効果があるものばかりですので、是非お試しください。 その１：ページの内容が見えるタイトルコピーにする タイトルコピーとは、titleタグで囲まれる文
あなたの中で 「うわっ！こんなサービスウェブで無料公開してるの？」 「今まで、お金払ってたけど、実は無料で提供しているサイトあったんだ・・」 というように下記のように無料で役に立つ『ウェブサービス』を 提供しているとっておきのサイトを教えてください。 回答はできるだけたくさんあると嬉しいです。びっくりさせてください！！ 例） http://www.seoseo.net/ （検索キーワードチェックツール） http://symy.jp/ （長いＵＲＬを短く圧縮してくれるサービス） http://www.remindermailer.com/ （未来の自分にメールを送れる） http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html （HTML文書の文法をチェックし、採点します） など、自分の中で役に立ってたらＯＫです！！ みんなで紹介しあう形で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
