UIデザインの引き出しを増やしたいときや悩んだときに参考になるデザインギャラリー 20 - NxWorld
webサイトやアプリなどのUIデザインに悩んだときに参考になるデザインギャラリーを全20サイト紹介します。 よくあるコンポーネントのデザインや配置の仕方、カラーの組み合わせ方を眺めるだけでなく、ギャラリーによってはクールなものからユニークなものまである様々なアニメーションをまとめているところもあるので、デザイン以外の部分でも参考になるギャラリーもいくつかあります。 また、悩んだ・困ったときに見るだけでなく、お気に入りのギャラリーがあればブックマークやフィード登録などして普段から空いた時間に目を通すことでデザインの引き出しも増やせますね。 Calltoidea 細かいコンポーネントからページ全体のレベルまで様々なデザインがまとめられています。 カテゴリーを表すアイコンもわかりやすく参考デザインのキャプチャも大きくて見やすいので、個人的によく見るギャラリーサイトのひとつです。 Collect
これからIllustratorを学ぶ人にオススメしたいチュートリアル、作り方35個まとめ
目まぐるしく変化するデザイントレンドに対応した作品を作り続けるのは、デザイナーにとってもっとも大変な課題のひとつです。これまで使っていたスタイルがいつの間に時代遅れになってしまうということもしばしば。 今回はデザイン表現の幅を広げる Illustrator チュートリアルをまとめてご紹介します。覚えておくと役立つテクニックはもちろん、新しいデザインテクニックを使って作成するデザインを中心にまとめています。 詳細は以下から。 これからIllustratorを学ぶ人にオススメしたいチュートリアル、作り方35個まとめ お好みの文字をチェリーパイで作成する方法 パイのサクサクとした質感や上にかかっている粉砂糖、チェリーどれもIllustrator のみでデザインできる、本格的なテキストエフェクト用チュートリアル。 ビスケットでできたテキストエフェクトの作り方 ツールでパスを描くだけでで、どんなシェ
これ知ってる？WEBの人なら押さえておきたいツール＆サービス50選 - 死ぬまでWEB屋
公開前に知人に見せたら、読むのに20分もかかったわ！！ と、お叱りを受けましたｗ オススメのツールやWEBサービスということで50ほど紹介していますが、僕の使用感のほかに、ところどころ経験談的なものが入っています。そのあたり、読むのがめんどうな方は読み飛ばしていただければ幸いです。 2万文字近くあるので、お時間ある際にゆるりと読んでいただければと思います。 それではお楽しみ下さい！ サイト解析に使えるツール・サービス import.io Juicer Ptengine GTmetrix CLOUD FLARE wayback timemachine シミラーウェブ Open Site Explorer サクラサクLABO aguse Built with ディレクションに使えるツール・サービス ウェブチェッカー Cat Mdes maindmaister ひとりブレスト 関連キーワード取得
新宿の美味しいパン屋さんだけをガチで10軒まとめてみた（マップ付き） - ぐるなび みんなのごはん
国内有数のターミナル駅を擁し、一大歓楽街でもある新宿。この街にはあらゆる飲食店が集い、パン屋さんだけでも多数のお店が軒を連ねます。 今回は、通学や通勤でかれこれ足かけ15年間新宿駅を利用し続けている筆者が、新宿エリアで美味しくて人気を集めているパン屋さんを選んでみました。東京初出店という京都のパン屋さんから、パンブームの火付け役とも言われるあのお店なども登場します。一部には書きたくなかったお店もありますが……。それではマップとともに新宿パン散歩に一緒にお出かけしましょう。 1. 伝統的なフランススタイルの行列店！「Le Petit Mec TOKYO（ル・プチメック 東京）」 京都の今出川通りにある小さなパン屋さんが東京で初出店。伝統的なフレンチスタイルのパンと、フレンチテイストのサンドイッチが評判のこちらのお店には、まだ午前中にも関わらず、レジ前には長い列が出来ていました。そして店内へ入
テキスト周りのスタイリングに使えるCSSプロパティやスニペット - NxWorld
スタイリングといっても見栄えを大きく変えるとかではなく、ほとんどがただのプロパティ説明みたいな感じになっていますが、サイト制作時に覚えておくとテキスト周りをいろいろと変更できるCSSのプロパティや使用する頻度が高そうなスニペットみたいなものをひと通りまとめてみました。 紹介するもの全てがひと通りのブラウザで自由に使えるわけではありませんが、上手く利用すれば今まで画像を使用していた見栄えをCSSだけで再現できたり、複雑な組み方をしたりJavaScriptを使って実装していたりしたものがCSSのみでシンプルに実装できたりします。 November 27, 2015 追記 前川（@maepon）さんが、このエントリーでは記載していなかった各種プロパティのブラウザ対応状況についてまとめてくださいました。 OS・ブラウザの種類やプレフィックスの有無、Can I useの各種プロパティページへのリンク
JavaScript の過去と現在、ガチな JS アプリケーション設計
はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!
人や動物のシルエット
You came here for some really cool CSS text effects that will help you make amazing web typography for your websites. In order to successfully give a website a look that is more visually impressive, designers always concentrate on placing more emphasis upon typography that is both stylish and neat in nature. These same designers used to depend upon programs such as Photoshop to accomplish this; ho
ネットの音楽オタクが選んだ2014年の日本のアルバム ベスト50→1 - 音楽だいすきクラブ
毎回同じことを書いて申し訳ないのですが、このランキングは記録用です。つまり5年後10年後に「2014年の音楽はこうだったのか」ということを残しておくために作っています。順位はその時の結果を示すものにすぎず、作品の優劣を示すものでもありません。それは聴く人それぞれが決めればいいことです。 なぜそんなことをくどくど書いているのかというと、やっぱり怖いからです。自分の大好きなものが貶されるって本当に嫌なこと。だからそういう意味でランキングを作るなんて本当は罪深いことなのです。しかもデータを集計して自分の責任の所在を覆い隠すなんてなおさら卑劣なのは自覚しています。 ですが、それでも新しい音楽と出会うことができる場としての恩恵の方が大きいと思い、この場所を作りました。有志を募り、一部の作品だけどレビューをつけました。あなたが新しい音楽を見つける道具になればうれしいです。（ぴっち） 細かいルール、参考
2014年入ってよかった温泉＆泊まってよかった温泉宿ランキング | ロプログ
こんにちは、ロプロス(@ropross)です。 年も明けてしまいましたが、まだ2014年の旅行まとめエントリーを書こうかと思います。 昨年は92湯の温泉に入り、そのうち43軒の温泉宿に宿泊してきました。どちらも自己最多の数字で、温泉三昧の一年だったと言ってもいいと思います。 今回の記事では、2014年に入ってきた温泉や泊まってきた温泉宿を、食事・建築・コストパフォーマンスといった項目で、それぞれランキングしてみました。 ではでは、どうぞー。 ※浴場を撮影できなかった場所もあるので、写真は一部「じゃらん」からアフィリエイトを利用してお借りしているところがあります（汪泉閣、庄屋の館、清風荘、山みず木） 入ってよかった温泉ベスト１０ まずは宿泊・日帰り入浴に関わらず、2014年に入った温泉の中で「これは素晴らしい！」と思ったところのランキングです。 こちらの評価基準はあくまでお風呂だけで、食事や
JSer.info
JSer.info #740 - ECMAScript 2025 が正式にリリースされました。 Ecma International approves new standards - Ecma International Rele...
大きな背景画像を使った魅力的なWebサイトを作ろう
大きな背景画像を使った魅力的なWebサイトを作ろう以前このブログで背景に動画を使ったWebサイトの作り方を紹介しましたが、やはり動画を準備するのは少しハードルが高いと感じる人もいますよね。そこで今回は導入しやすく印象に残りやすい、大きな背景画像を用いたWebサイトの作り方を紹介します！ 背景に動画を使った Web サイトの作り方 背景に大きな画像を使うメリット・デメリット大きな背景画像のメリットは、なんといってもその迫力です。言葉を使わずとも、その Web サイトを通じて伝えたいイメージをストレートに表現できます。その写真が高画質で、クオリティが高いほど印象にも残りやすいので、近年海外を中心に多くのサイトで用いられている手法です。 しかし、いくつかの注意点をおさえておかないと、どんなに素敵な写真であっても効果が半減してしまいます。ひとつは画像が大きければ大きいほど、ページの読み込みに時間が
100の職業でどんな数学を使うのか１枚の表にまとめてみた
前回の記事で「誰が、どんな数学を、どのように使っているか」の表がクリックしても大きくならない、見えない、見たい、なんとかしろ、という話があったので、それを。 Hal Saundersの書物When Are We Ever Gonna Have to Use This?にある 「100の職業人に聞きました、あなたが仕事で使う数学はどんなん？」をまとめた表をそのままスキャンして貼り付けるのもどうかと思ったので、これを元に、より多くの数学のスキル／知識を使う職業から順にソートして並べてみた。 Saundersは、職業人に使われている数学を60のトピックにまとめているが、これについても、より多くの職業で使われるものから順に並べた。 （クリックで拡大） 元のデータをgoogle spreadsheetにアップロードしました（2017.12.31） 元々この本は、教科書に頻出するあまりに非現実的な応用
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web制作者がチェックしておきたい、CSSのライブラリのまとめ
Sans Francisco - a toolkit and library for designers
Web制作の実装や勉強に役立つ便利なチートシートのまとめ
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
CSSの素晴らしいアイデアが満載！2015年スタイルシートのテクニックのまとめ
CSSでよく使うコードのまとめ、ブレイクポイントの定義・Flexboxのグリッド・ボタン・フォーム・ユーティリティなど -Corpus
1945年8月15日「日本の一番長い日」
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
