あなたが今出会うべきだったのかもしれない７冊の絵本 - ゆめ見るディオスクロイ
photo by hstower 私は幼少期に絵本をあまり読みませんでした。しかし、そんな私にある方が「あなたが何も見えないのは絵本を読んでいないせいだよ」という趣旨のアドバイスを頂き、一時期絵本を読み漁った経験があります。その結果私が得た感想は「なるほどね」というものでした。私をその結論に導いた作品たちをご紹介します。 『ゆくえふめいのミルクやさん』 これは大人の方にも楽しめる作品ですが、是非子供のうちに読んでおいて欲しいと思います。ミルクやさんが配達をサボってふらふら～と気ままにショートトリップしちゃうお話なんですが、社会からはみ出すわけではなく適度な距離感を保つことの大事さを教えてくれます。 『おちゃのじかんにきたとら』 圧倒的なストレンジャー、虎がティータイムに訪れます。とんでもない話だけどなぜか穏やかな非日常感をゆったりと描写しています。真の刺激は日常にあることを教えてくれる作品
なにこれ超便利！レスポンシブデザインのサイトが各デバイスでどう見えるかが一目瞭然！Adsenseの確認にもなるよ！ | なまら春友流
当サイトはレスポンシブデザインを採用している。 それに合わせて最近GoogleAdsenseのコードをレスポンシブ対応のものに変更した。 その際に面倒なのが、広告が自分のサイトでどう表示されているのかの確認。 キャッシュが残ってたり表示させるガジェットを持っていなかったりという問題があってなかなか簡単に確認できなかったけれど、そんな悩みを一発で解決してくれる便利サイトがあったのでご紹介。 http://mattkersley.com/responsive/ ↑ 上記サイトで自分のサイトのURLを入力すれば各デバイスでどのように表示されるか確認できる。 レスポンシブ対応のAdsenseもそれぞれの大きさに合わせて表示されるのでわかりやすい。 個別ページのURLを入力すればそれぞれのページも表示されるので、トップページと投稿ページのカラムや表示を変えている人にとっても重宝する。 うん、これは便
素人でも簡単！ インフォグラフィックスを作成できるプラットフォーム「Infoactive」 | Techable(テッカブル)
地図やグラフ、チャートなど視覚的に情報を伝えることができるインフォグラフィックス。テキストでは表現しづらいようなことでも、見た人に瞬時に情報を伝えることができるのが魅力だ。また、言葉をあまり使わない分、言語の壁を超えて世界中の人に理解してもらえる力も持つ。 そうしたインフォグラフィックスを自分で作ってみたいと思ったことはないだろうか。このほど登場した米シカゴ発のプラットフォーム「Infoactive」なら、ウェブデザイナーやプログラマーのように専門知識・技術を持っていない人でも簡単にインフォグラフィックスを作成できる。 Infoactiveはどのウェブブラウザーでも利用が可能となっている。使いたいデータが入ったGoogle Driveスプレッドシートを取り込み、そのデータをもとにグラフや地図、チャートなどを作成する。もしスプレッドシートのデータに変更を加えたら、Infoactiveで作成さ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
今年絶対おさえておきたいフラットデザインのまとめ | 株式会社LIG
こんにちは。ライターの内藤です。 恥ずかしながら、最近になって「フラットデザイン」を意識しはじめました。 装飾を最小限におさえることによって、特定のメッセージや製品、アイデアを直球勝負で伝えるデザイン。 フラットデザインは、もともとスマートフォンの小さな画面でシンプルに見せるものから派生したのだと思われますが、Windows8やGoogleの新デザインがきっかけとなって一躍注目を浴びるようになったようです。 もう知っている方も、まだ知らない方もいらっしゃると思いますので、目次のお好きなところから読んでください。 最初から全部読まなくても大丈夫です！ フラットデザインとは まずはどんなものか、百聞は一見にしかず、サンプルを見てみましょう。 フラットデザインの例 http://builtbybuffalo.com/ http://www.squarespace.com/templates/ ※
モックアップが手軽に作れるサービス「FROONT」*二十歳街道まっしぐら
FROONTはレスポンシブなウェブサイトを簡単に作成できるサービスです。 レスポンシブなサイトのモックを作るときに便利そうです。 ドラッグ＆ドロップで絵を描くようにしてサイトを作っていくだけ。 その場でウィンドウサイズを変えたときの表示の変化も確認できます。 作成したモックのHTML, CSSはダウンロード可能です。 以下に使ってみた様子を載せておきます。 まず「FROONT」にアクセスしましょう。 利用するには無料登録が必要です。すぐに終わるので登録してみましょう。 こちらが作成画面。 左側にコンテンツのメニューがあります。 画像をいれたり枠をいれたり。 右側はそのコンテンツの詳細メニューですね。 最上部にウィンドウサイズを切り替えられるバーがあります。 先ほどのデザインをスマートフォン用のサイズにすると、上記のようにデザインが変わりました。 レスポンシブデザインの確認が容易にできるのは
あなたのブログを圧倒的に便利化・効率化する最強のプラグイン40選 | アフィリエイト初心者でも稼げるネットビジネスブログ
仕組みはわからなくても、誰でも簡単にワードプレスのブログを拡張することができる素晴らしいアイテムであるプラグイン。 ネットビジネス＆アフィリエイト＆ワードプレス1年半になる僕が、ワードプレスに絶対に入れておくべきプラグイン40選をまとめました。 目次 1.デザインを強化するプラグイン 1-1.Shadows 1-2.jquery-colorbox 1-3.Newpost Catch 1-4.Smooth Scroll Links 1-5.Category Order 1-6.wp-pagenavi 1-7.WordPress Content Slide 1-8.Browser Shots 1-9.Favicon Rotator 2.ソーシャルメディア活用プラグイン 2-1.Open Graph Pro 2-2.WP Social Bookmarking Light 2-3.ShareBar
H1一つでここまで出来るCSS見出しデザインのアイデア9個 / SQUEEZE - Web Design Studio -
HTMLはh1要素だけで、CSSの「border」や「box-shadow」「transform」「linear-gradient」、擬似要素の「:before」や「:after」を使った見出しデザインをご紹介します。まずはサンプルをご覧ください。 サンプルページ » 01.切り取り線 紙を切り取ったようなデザインです。 サンプルとソースを見る » ポイント垂直方向の影のオフセット距離を設定しただけでは、左右両脇にも影ができてしまうので、一旦5px下に影をオフセットしたうえで、広がり距離を負の値(-4px)にし縮小することで、上部の影のみを残しています。 border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
厳選！驚くほどデザイン性の高い無料のブログテンプレート５５個 | バズ部
ブログのデザインは、読者に与える第一印象に大きな影響を与える。どれだけコンテンツが優れていても、デザインが悪ければ台無しになってしまう。一方、質の高いコンテンツと好印象を与えるのブログデザインが組み合わさると、読者の記憶に残るブログになる。 だからこそ、ブログのデザインに悩んでいる方は多いのではないだろうか？しかし、実は、ブログテンプレートを使うと、あっという間に質の高いブログデザインを作ることができる。 そこで、本日は、驚くほどデザイン性が高く、無料で使えるブログテンプレートを厳選して５５個ご紹介する。 あなたの気に入るものが、きっとあるはずなので、ぜひ使ってみよう。 Exhibition デモ ｜ ダウンロード Palladiumize デモ ｜ ダウンロード Architekt デモ ｜ ダウンロード ※有料版はレスポンシブデザイン対応 Grid Portfolio デモ ｜ ダウン
WEBデザインがレベルアップする記事まとめ * prasm（プラズム）
今知りたいコト、僕が知りたいコト、教えます。@shintarowfreshです。 あー、違う違う、上からじゃないよ、マジでマジで。 今すぐ取り入れるべき素敵すぎるネタ達です。是非一読あれ！ 魅力的でワクワクする最新のエフェクトを使ったウェブサイトのまとめ | コリス 今知りたいネタがもう、満載。 あー、ほんとワクワクするわ。なんだろうな、やっぱパララックスすきっすわ。ほんと。わくわく感が半端ない。 この記事を読むだけでレベルアップできる素敵な３つのWebサイトの使用技術を分析&実践してみた | Webクリエイターボックス これは素敵。マジで素敵。 最新の技術をメチャクチャわかりやすく解説。 いいんですか？？？ 画像を文字でマスクするとか、マジスカ？？ しかも、意外と簡単なのね。 と、目を通してブクマするなりエバノに放り込むなり光の速さで永久保存しチャイナよ。 素敵な３つのWebサイトの使用
2万以上もの各種ボタン・アイコン・バーなどのユーザーインターフェースパーツのデザインを検索してダウンロードできる「UICloud」
「Download button」「CSS button」「Music Player」など、テキストボックスに欲しいユーザーインターフェースパーツを記入するだけで、総合計2万個以上のパーツの中から欲しいものを検索してきてくれるのが「UICloud」です。 UICloud | User Interface Design Search Engine, UI Elements, GUI Design, Free Downloads http://ui-cloud.com/ トップページのテキストボックスに探したいパーツの名称を記入して「Search」ボタンを押します。今回は「Download button」で探してみました。 すると検索結果一覧が表示されます。色んなダウンロードボタンがずらり。 気になったものをクリックします。 すると、大きめサイズのイメージが表示されます。 画面右端には詳細情報
「とりあえずUI直せば、どうにかなるんじゃないか病」になった話
「とりあえずUI直せば、どうにかなるんじゃないか病」が私の周りで流行している。もちろん私も何度となくかかっている。 この病気のはじまりは「目的を達成できないのはUIがいけてないせいだ！UIをとにかく今じゃない何かに変えれば問題は解決する」と思っちゃうことにある。 共通するのは、「とにかく今じゃだめなので、今じゃない何かにしたいからUI変えたい」という点。今じゃない何かにしたいのはわかるが、根拠が主観的すぎて成功する見込みがつかないのが困ったところ。 もちろん私も時にこの病気にかかり、ほんとにプロジェクトをすすめていいかどうか、どーしていいかわからず懊悩することも多々ある。というわけで、私なりに病気の定義と、自己治療法もなんとなく見つけたので、自省もこめて記録しておく。 「とりあえずUI直せばどうにかなるんじゃないか病」の主症状2点 根拠が主観的すぎて説得力がなく、社内を巻き込めない 本人が
デザインのインスピレーションが得られる最強Webサービス7選
毎日のようにデザインをしていると、良いデザインが思いつかなかったり、前回と同じようなデザインが完成してしまったりと、どうしてもデザインに行き詰ってしまうことがありますよね。 私自身まだまだ未熟なこともあり、デザインに行き詰ることはよくあります。そんなとき、私は極力仕事中でもカメラ片手にボーっと散歩に出たりして、どうにかインスピレーションを刺激させようとするんですが、散歩に出られないときや、散歩に出ても何も思い浮かばなかったときなどは、いくつかのWEBサイトを見てインスピレーションを刺激させます。 ｢インスピレーションの刺激になるぞ｣と思ってブックマークしたサイトはいくつもあるんですが、今回はその中から、とくに皆さんに紹介したい利用頻度の高い7つwebのサービスを紹介したいと思います。ではどうぞ！ 1.Dribbble Dribbble これはかなり有名なサイトですね。いまさら紹介するまでも
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
HTML5のアニメーションを簡単に作成できるサイト「HTML5 MAKER」 | ライフハッカー・ジャパン
Web制作会社に飛び込んだ新入社員にとりあえず読ませたいスライド
html5-memo.com
TechCrunch | Startup and Technology News
