2012年上半期、チェックしておきたいUIデザインをdribbbleから紹介します。 ほとんどのものがPSDファイルをダウンロードできるので、勉強になりますよ。
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」! HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します! まずは王道!縦に長い高級ペライチ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
オシャレでかっこいいロゴを作るのはセンスと労力を要する大変な作業ですが、「Free Unique Logo Creator」を使えばテキストボックスに文字を記入するだけで誰でもあっという間にスタイリッシュなオリジナルロゴを作ることができます。 Free Unique Logo Creator http://logotypecreator.com/ 使い方はいたって簡単。トップページにあるテキストボックスに名前などロゴとなる文字を入力して、「Generate Logo Now!」をクリックします。今回は「GIGAZINE」で作ってみました。 するとこんな風に画面上に9つのロゴがざっと並んでくれるというわけです。 右上の「Generate logo」をクリックすると、気に入るものが出てくるまで何度でもロゴマークを変更できます。 右下に「Free!」とあるものは無料ダウンロードでき、「Uniqu
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBサイトのデザインは、誰もが頭を悩ませる部分だ。 「どういう配色なら良い印象を持ってもらうことができるのか?」「どのレイアウトならコンバージョンが上がるのか?」など、様々なところまで考えを張り巡らさなければいけないからだ。 そこで本日は、The Art of Color Coordination というインフォグラフィックをご紹介する。これを見れば、WEB配色の基本の2大原理と、今すぐに使える6つの配色パターンがすぐに分かる。 そして、初心者でも、統一感のある配色のWEBサイトを作るための大きな助けとなるはずだ。 WEB配色の2大原理と6つの配色パターン画像を拡大して表示する ※追記:インフォグラフィックの最後のクレジットの部分が途切
Tumblr大好きkikuma(@circustic)です。旅行などをすると写真や記録などをブログとして残したくなりますよね? 今回はTumblrを使った簡単なブログの作り方をご紹介致します。 もし宜しければトラベルハックTumblrアカウントもぜひフォローして下さい! 1.Tumblrでブログを作るメリット 広告がないのに無料で使える 容量は無制限(正確には一日ポスト出来る上限がある) 独自ドメインを割り当てる事が出来る 投稿が簡単(スマホやメールからの投稿にも対応している) 無料デザインテーマが豊富(カスタマイズをする事も出来る) TwitterやFacebookとの連携にも対応している 関連ツールが豊富 1からデザインをするというのは難しいので既存の「テーマ」と呼ばれるモノをカスタマイズして簡単なブログを作る方法をご紹介致します。 2. Tumblrの無料テーマ「Effector」を
ブログ移転のお知らせ! ▼当ブログは移転しました!新しいサイトは以下となります!! http://bamka.info ▼お手数おかけしますが、RSSの再登録もお願いします!! http://feeds.feedburner.com/bamka 【読了時間:約8分】 どうも、bamka_tです。 MacBook Airを使って長く、結構アプリも溜まってきました。 そこで、私が愛用しているアプリをまとめて紹介しようと思います。 私は結構貧乏性で、有料アプリでも即決はせず、まずは無料アプリで似たようなものがないか探してしまいます。 ですから自ずと、私のアプリは無料がメイン。もちろん有料もいくつかあるのですが、今回はその無料アプリに絞ってお話しようと思います。 全部で27個。張り切っていきましょう。 ■ウェブブラウザ 1.Google Chrome (Photo: [http://www.fli
デジタル一眼レフカメラは、知れば知るほど楽しくなる。絞りとは? シャッタースピードとは? ISO感度とは? 仕組みを理解すると明るい写真が撮れるし、長時間露光などの応用も効く。 今回は、デジタル一眼レフカメラの基礎を学ぶ方法を紹介したい。 解説サイト これからカメラを始める方や、もう一度勉強したい方は、次のサイトの解説が役立つはずだ。カメラの仕組みを体系的に理解する事ができる。 カメラ遊遊塾|デジタル一眼レフ入門 デジタルカメラの基礎知識|リコー 解説ビデオ 絞り、シャッタースピード、ISO感度の関係を、視覚的に解説したビデオ。2番目のビデオは英語だが、イラストが分かりやすいので問題ないだろう。Exposureは露出、Apertureは絞りを意味する。 デジタル一眼レフカメラ撮影テクニック【基本編:露出】 - YouTube The Three Basics of Exposure and
この記事には広告を含む場合があります。 記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 all in a sick day’s work / arvindgrover こんにちは。作業中には音楽が欠かせない@ushigyuです。 毎日音楽を聴きながら何時間も作業をしていると、すぐに何巡もしてしまい「またこの曲か。何か新しい音楽ないかな・・・」などと思ってしまう方も多いのではないでしょうか。 そんなときに役立つのが、音楽を流し続けてくれるネットサービスやアプリ。 曲数やチャンネルはほとんど無限なので聞き飽きることがありませんし、意外な曲や懐かしい曲との出会いもあったりして楽しいです。 今回は、そんなサービスやiPhoneアプリを紹介します。
プログラミングを学べる、みたいなサイト が凄く増えている印象ですが、また似たよ うなサイトを見かけましたのでご紹介です。 実践しながら学べるサイト・(un)classroom。 実践といっても、穴埋め問題っぽい感じで、 手を動かして学べるようになってるだけで すが。 こういうサイト、日本でも増えていく気もします。需要が高い事は明白ですし、このように前例が出来ればインスパイアされるものですのでいずれ増えてくるんじゃないでしょうかね・・ まだ出来たばかりでPHPの基礎とFacebookアプリの作り方しか教室が無いんですが、今後に期待という事で・・ 最初の授業です。「PHPは<?phpで始まって?>で終わらせます」とあります。基礎のキですね。で、右側のsubmitで実行してみましょう、といった流れで進んでいきます。 で、2ページ目でレッチチャレンジ、という感じで穴埋めし、先ほどと同じようにsub
These lovely water-colorful dots will make your designs pop...
#sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; border-bottom:1px solid #84b2e0; } 1. 下に薄いラインを追加してみる このリストに1本ラインを加えるだけで全然印象が変わってきます。試しに下に白いラインを追加してみます。 #sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; bord
先日WordPressのテーマを自作しました。 ど素人でも自作できたWordPressテーマの作り方。教科書は『WordPress デザインブック』 | なまら春友流 基本的には「WordPress デザインブック」という本を参考に作成。 でもそれだけでは自分の好きなようにはデザインできなかったのでやっぱりGoogle先生に聞いてみました。 多くの記事を読みましたがそのなかでもめっちゃ参考になった記事をご紹介いたします。 記事の作者様本当に役立ちました、ありがとうございました! AGENDA ソーシャルブックマークボタンの埋め込み 記事の1番最初の画像をサムネイル表示する(2記事) 広告の表示 ブロック要素とインライン要素 CSS3用例集(3記事) jQuery サイトの配色について WordPressのまとめ記事(3記事) 1. ソーシャルブックマークボタンの埋め込み WordPress
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く