サイト構築 -制作

UI/UXデザインツールの大本命、Adobe XDの私が大好きな便利な機能をすべて紹介します

Post on:2016年6月20日

Adobe Experience Design(以下、Adobe XD)の評判はいいって聞くけど、実際のところどうなの? 使えるの? そんな疑問がすっきりするAdobe XDで何ができるのか、Webサイトやアプリのワイヤ

...記事の続きを読む

【悲報】Sketchよ、おまえもか! Sketch4から実質年額$99にライセンスを変更予定

Post on:2016年6月9日

Sketch(現在は3.8.3)が、次のメジャーバージョンアップであるSketch4からライセンスを変更予定とのことです。 Versioning, Licensing, and Sketch 4.0

レスポンシブと相性がいいカード型UIのレイアウトやデザインの実装アイデアのまとめ

Post on:2016年6月8日

Pinterestから人気が出始めたカード型UIは、ここ1, 2年の間に日本でも多くのWebサイトで見かけるようになりました。BootstrapやMaterial Designにも採用されており、レスポンシブデザインとも

...記事の続きを読む

Webデザインの見せ方やアイデアが素晴らしい、最近気になったチェックしておきたいWebサイトのまとめ

Post on:2016年6月6日

Webデザインのセンスを磨く方法の一つは、他人の作ったものを数多く見ること。 コンテンツの見せ方やレイアウト、繊細なアニメーションを使ったインタラクションなど、デザインのアイデアが素晴らしい、最近気になったチェックしてお

...記事の続きを読む

Webページでよく使用されるコンポーネントをアクセシブルに実装するコードのまとめ -Frend

Post on:2016年6月2日

アコーディオンやタブ、ダイアログ、オフ キャンバス、ページ内リンクなど、Webページでよく使用されるコンポーネントをアクセシブルに実装するコードを紹介します。 Frend

head内に記述する要素の総まとめ -meta要素、link要素、ソーシャルサービス用の要素、ブラウザやスマホアプリ用の要素など

Post on:2016年6月1日

HTMLドキュメントのhead内に記述するmeta要素やlink要素、ソーシャルサービス用の要素、ブラウザ用の要素、スマホアプリ用の要素などをまとめた「HEAD」を紹介します。 HEAD -GitHub

商用無料でしかも高品質!レスポンシブ対応、HTML5/CSS3で作成されたテンプレートのまとめ

Post on:2016年5月31日

最近のWebページで人気のある縦長ページ、繊細なインタラクション、大きい写真画像を使ったヘッダ、カード型コンポーネントなど、UIデザインのトレンドが取り入られたHTML5/CSS3で作成された商用利用無料のテンプレートを

...記事の続きを読む

[JS]その美しさ、一度見たら絶対忘れない!スゴ技のアニメーションを使った画像切り換えのテクニック

Post on:2016年5月26日

繊細で美しく、ダイナミックなアニメーションで画像を切り換えるスクリプトを使ったテクニックを紹介します。 2016年のインパクトのある成果物ベスト10には間違いなく入りますね。 THREE Image Transition

Web制作者は絶対チェックしておきたい、デザインやコーディングに取り入れていきたい便利なツールのまとめ

Post on:2016年5月23日

Webサイトのデザインやコーディングは、やるべきタスクが年々増えてきました。それらの手間がかかる面倒な事が楽にできるツールやアプリも年々リリースされています。 これからのWeb制作にどんどん取り入れていきたいツールやアプ

...記事の続きを読む

フリーランスのWebデザイナーとデベロッパーの時給の相場 -やっぱりスキルや経験年数でだいぶ違う

Post on:2016年5月20日

フリーランスの契約や支払い業務の代行サービスをおこなっている「Bonsai」で、フリーランスのWebデザイナーとデベロッパーの時給の相場が公開されていたので紹介します。 データはアメリカ国内のものなので額は参考程度ですが

...記事の続きを読む

top of page

©2024 coliss