CLOSED This site has been closed. 当ブログは2022年12月30日をもって閉鎖しました。 開設から10年間、ご覧いただきありがとうございました。
Tweetカナダにあるデジタルマーケティングのエージェンシー、tent socialのブログで役に立ちそうなインフォグラフィックスを見つけました。 FacebookやTwitter、Google+などメジャーなSNSのレイアウトデザインをわかりやすくまとめてくれています。 このインフォグラフィックスを見れば使用されている画像サイズ、テキストの分量が一目瞭然です。サイトやアプリのUIを考える際にも参考になりそうです。 元ネタは以下の記事より。 The Ridiculously Exhaustive Social Media Dimensions Blueprint [INFOGRAPHIC] サイトに貼り付けてもいいよーというコードがあったので、まるっとインフォグラフィックスを見れるようにしました。ご参考ください。 Please include attribution to jeffbere
Result jQuery $('#check').click(function() { //クリックイベントで要素をトグルさせる $("#box").slideToggle(this.checked); }); css input{margin:80px 0 0 80px;} div{ display:none; margin:25px; padding:25px; background:#eee; width:200px; height:150px; } html <label><input type="checkbox" id="check">Check This!</label> <div id="box">content is here</div>
プレゼンやインフォグラフィック、ウェブページのキャッチ用の画像など、印象的にデータや情報を見せる美しくかっこよくデザインされたビジュアルデータをdribbbleから紹介します。
WEBデザイナーの仕事をしてまして、職業柄様々な拡張子の画像を扱いますので使い分けについて分かってるのですが、ブログをやってる方はそこまで気を使ってない人が多いように見受けられます。 特にJPGとPNGは全然違ったフォーマットなので、画像の性質に合わせて使うべきです。
知らない人のために! #LOVEFONTとは? さあ、12月が始まりました。12月と言えばIT,web業界で話題になるのがAdvent Calendar。知らない人は今日の機会にこの楽しいイベントを楽しみましょう!この解説は以下の記事をどうぞ★ 2012年、今年こそはAdvent Calendarに参加しよう!! そして今読んでいるこの記事から始まるAdvent Calendarは#LOVEFONTと銘打っています。上記の記事でも紹介していますが、これは書き手それぞれが、普段使っていたり見かけたりするフォントの中でも特に好きなフォントについてその魅力、なぜそのフォントなのかを語る企画です。去年は思いついて知人や友人にwebで呼び掛けてみたところ、30記事ほどが集まりました! そして今年もこのAdvent Calendarというイベントにちなんで参加を呼び掛けてみたところ、すぐに25人の有志
ユーザーがウェブブラウザのお気に入りなどに設置されたブックマークレットをクリックすると、ブックマークレットに記述されたJavaScriptの小さなプログラムが、ウェブブラウザで起動する。プログラムはページの外観や表示を変更したり、他の場所にジャンプしたり、子ウィンドウを表示したり、ウェブブラウザで表示中のウェブサイトのURLを取得したり、ユーザーに追加情報の入力を促したりする。 - Wikipediaより ということで、プログラムを起動するボタンとしてブックマークを使う感じです。では、私が普段から使っているお勧めブックマークレットを紹介します。 XRAY クリックした要素の内容を表示してくれます。topやleftなどの位置関係、width、height、margin、paddingなどのボックスに関することなどが一目で分かります。 ColrGrabr そのサイトにどのような色が使われている
iOS7の登場で、フラットデザインへの関心はますます高まっていることでしょう。 ここではそんなトレンドは一切無視して、UIデザインにおける立体表現を行う上で、おさえておくべき大切なポイントをまとめてみました。これらをマスターして、時代に逆行するゴリッゴリの立体表現を行えるようになりましょう。 セオリー1:現実世界の「光源」の基本ルールを守る 唐突ですが、この2つのボタン、立体表現としてどちらが正しいと思いますか? 左側、「A」のボタンには、以下のような光源の矛盾があります。 ボタン本体の影は、右下に付いている。つまり、光源は左上。 へこんだAの影は、右上に付いている。つまり、光源は右上。 ドロップシャドウは、真下に付いている。つまり、光源は真上。 一方のBは、すべての要素の影が、光源が上の表現になっています。つまり、正解はBです。そしてこれが、現実世界での「光源」(=影)の基本ルールです。
There is nothing more beautiful than the abyss that welcomes you with open arms, it's charms beckoning the many bewitched souls to sit with her amongst the stars and galaxies that spindle together like a tapestry of perfect symmetry. I understand what welcomes and drives those to go deeper into the gullet of a pet that consumes everything, yet is not bound by its gluttony and Beelzebolic need to i
Data Models: A Comprehensive Guide to Structuring Information for Optimal Insights and Decision-Making In the realm of data management, the use of effective data models plays a pivotal role in organizing and representing information in a structured and meaningful way. Data models serve as the blueprint for databases, facilitating efficient data storage, retrieval, and analysis. This article delves
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く