sizucca

45 Flips | 8 Magazines | @sizucca | Web Designer

新しいウェブデザインの魅せ方を知ろう!参考にしたいWebサイト40個まとめ 2016年8月度

移り変わりのとても速いウェブデザインの世界では、どのようなデザインや実装テクニックが人気トレンドとなっているのか、定期的にチェックしておくことが重要です。今回は、<b>クリエイティブなアイデアの参考にしたい最新ウェブデザイン</b>をまとめてご紹介します。 …

UI Crunch #8 参加レポート

DeNAさんとGoodpatchさんが共催するセミナー「UI Crunch#8」に参加してきました。 毎回応募者が殺到し、倍率が何倍にもなる人気セミナーですが、今回もご多分に漏れず、120人枠に733人もの申し込みがあり […]

Deprecation Notice

Hi everyone, this project is <b>no longer maintained</b>.<p>Sinopia (Docker Image)<p>Sinopia is a private npm repository server<p>Installing Image<p>docker pull …

npm パッケージの unpublish に関するゴタゴタの大まかなまとめ

(最終更新:3月24日16:50ごろ)事件の流れ• kik の作者が同名の会社 KIK の弁護士特許出願代理人からパッケージ名を変更するよう要請される<br>• 作者が拒否したところ弁護士代理人は npm の運営にコンタクトする<br>• 運営が作者の許可なくパッケージを unpublish …

HTML5のアウトラインを極めるための6つのルール - Tech Design

デザイナーとエンジニア間のコミュニケーションコストを下げる試み

デザイナーの宇佐美 @Ui_Pb です。速習会とは2015年10月1日に、 Wantedly のオフィスにてSketch速習会を開催しました! 実は、過去にも何度か社外の方を数名招待する形で速習会を行っております。 …

Using CSS custom properties (variables)

<b>CSS variables</b> are entities defined by CSS authors that contain specific values to be reused throughout a document. They are set using custom property …

【保存版】エンジニアが見るべきテックブログ一覧(2016年編)

皆さんはどのような方法で最新の技術や、コードのTipsを収集していますか? はてなブックマークやTwitter, GitHubなど様々あると思います。 私はテックブログを使った情報収集をしています。今回はおすすめのテック […]

【完全版】SimilarWeb(シミラーウェブ)の使い方~競合ホームページのデータが丸はだか!|ferret [フェレット]

突然ですが、皆さんは SimilarWeb というものを御存知でしょうか?<p>SimilarWeb とは、普通は見ることが出来ない<b>競合ホームページのアクセス状況がわかる ツール</b> です。無料で使え、多くのマーケターが利用しています。<p>ferretでも活用しているこの SimilarWeb …

Flexboxを使ったUIのサンプルコードを紹介する・「Flexbox Patterns」

Flexbox Patterns<br>Flexbox …

ちょっとした動きを加えるとUIは魅力的になる!新感覚のアニメーションが気持ちいいUIデザインのまとめ

次のプロジェクトのヒントに、クリエイティブな刺激になる新感覚の動きが面白いCSSアニメーションを使ったUIデザインを紹介します。 ちょっとした動きが加わることで、UIは魅力的になりますね。 Sticky Elements...記事の続きを読む

レスポンシブWebデザインの基本!参考にしたい30個のポイントと実例サンプル

海外デザインブログCanva Design Schoolで公開された「Responsive web design: What the Internet looks like in 2016」より許可をもらい、日本語抄訳しています。 …

今どきのウェブサイトをつくろう!差がつくHTML/CSSコードスニペット27個まとめ

新しいテクニックを活用した、最先端のウェブデザインから学ぶ、今後のウェブ制作に活用したい素敵なHTML/CSSコードスニペットをまとめています。 …

[CSS]Flexboxのこれが知りたかった!今まで出来なかったことがシンプルで簡単に実装できるスタイルシートのまとめ

今まで出来なかったこと、かなり複雑なコードでスクリプトを併用しないと実装できなかったことをシンプルなHTMLとCSSで実装するFlexboxのテクニックを紹介します。 Solved by Flexbox Solved b...記事の続きを読む

ブックマークしておきたい!UIデザインのアイデアに困った時、参考になるサイトのまとめ

WebサイトやアプリなどのUIデザインのアイデアに困った時の参考に、そして勉強になるサイトを紹介します。 ページのレイアウト、UIのさまざまなコンポーネント、動きが気持ちいいアニメーション、実装のテクニックなど、定期的に...記事の続きを読む

あなたは今も犯している!?モバイルUXの7つの失敗

ここ最近、モバイルWebコミュニティにて、Apptimize社のトップであるLynn Wang氏がポストした「7 Mobile UX Mistakes You’re Probably Making Right Now」が話題になっています。7 Mobile UX Mistakes You're …

デザインの確かな知識が身につく!Webサイトやアプリのデザインの勉強になるスライドのまとめ

実践的なUXデザインやインタラクションデザイン、レスポンシブサイトに効くデザインTips、Sketchを使ったデザインフロー、Webデザイナーのためのタイポグラフィ講座など、Webサイト・アプリなどのUIデザイン/UXデ...記事の続きを読む