Elastic SVG Sidebar Material Design
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
Flipside
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
jQueryとCSSのtransitionで可視範囲に入ってからアニメーションさせる方法
可視範囲になってから表示されたり動いたり、スクロールに応じてアニメーションさせる方法を紹介します。動きをつけて目を引くことで、効果的に伝えることができるかもしれません。 以前、「jQueryを使って、スクロールしてコンテンツが現れたときにアニメーションさせてみる｜Webpark」という記事で同じようなものを紹介したのですが、デモが気に入っていない、アニメーションが1度きりということで作り変えました。 まずはサンプルをご覧ください。スクロールするとアイコンとテキストが順番にフェードインします。 このサンプルで使われている、画面いっぱいに表示する方法と、上にスクロールしたときに現れるメニューは以前紹介しています。気になる方はどうぞ。 画面サイズに合わせて高さを指定する3つの方法｜Webpark jQueryで作る、下にスクロールで消えて、上にスクロールで現れる固定メニュー｜Webpark とい
2016年に見直したHTML5・CSS3コーディング手法6選 - ICS MEDIA
HTML・CSSコーディングを取り巻く状況は、数年前と大きく変わっています。最近では、2016年11月にHTML 5.1が勧告されたり、2015年8月頃にChromeのブラウザーシェアがInternet Explorerを抜いたりといったニュースがありました。また、2017年4月にはWindows Vistaのサポートも終了するため、今後対応すべきはWindows 7のIE 11以降となります（※）。当たり前だと思っていたコーディング技術を今一度見直す時期にきているのではないでしょうか。本記事では2016年に見直した、今の時代に即したコーディング技術を紹介します。 ※ 参考記事「Internet Explorerサポートポリシー変更の重要なお知らせ - Microsoft」 1. meta keywords設定は検索順位に関係がない ウェブコンテンツのキーワードを指定するmeta keyw
ＮＴＴデータとグッドパッチがUXデザイン分野で協業
株式会社ＮＴＴデータ（以下：ＮＴＴデータ）と株式会社グッドパッチ（以下：グッドパッチ）は、お客さまの新規サービス創出支援を目的として、UXデザイン（ユーザーエクスペリエンスデザイン）分野で協業することを2016年11月28日に合意しました。UXデザインとは、ユーザーエクスペリエンス（UX）と呼ばれる、“ ユーザーがサービスを通じて受け取る体験やそれに伴う感情”を中心として、サービス全体を上流工程から設計することです。本協業により、両社は、UXを軸にしたデザインプロセスやそれに伴うUIデザイン（ユーザーインターフェースデザイン）に関連するソリューションを、新規サービス創出を検討しているお客さま向けに、共同で提供していきます。 image 【背景】 昨今、新規ビジネス分野の開拓において、企業のIT環境もビジネス環境の変化に柔軟かつ迅速に対応する重要性が高まっています。そこで、短期間でのシステム
FormLinter—Detect common issues that hurt conversions
Increase your form conversions by fixing common usability issues Enter a URL. FormLinter will find a form on the page and let you know if it can be improved. Url Things We Test For Incorrect Input Types Non-Unique Element IDs No Required Fields Missing Submit Buttons Powered by: FormKeep: form backends as a service. You write the HTML, and our servers accept your POST request. Perfect for contact
デザインのバージョン管理をする世界
僕の同僚のデザイナーはデザインツールにSketchを使っている。デザインは区切りのいいところまで出来ると保存してDropboxで共有してくれる。最近ではGitHubでSketchファイルを管理することも試しているようだ。GitHubで管理することで過去に遡ったり、ほかの人の作業をマージできたりする。ただ、Sketchファイルはプログラムのソースコードのようなテキストファイルではなくバイナリファイルだ。この違いでGitまたはGitHubの便利なものの多くが使えていないんじゃないか。 先日Sketchファイルをテキストファイル(JSON)として管理できるツールを公開したので、どういうモチベーションで作っているのか書いてみようと思う。ツールはまだ完璧ではないが、ぜひ使って意見をもらえたらと…思う 🙇🏻 テキストファイルになるとできることあぁ、デザイン全体のボーダーの色が淡くなったのいつだっけ
Google Fonts + Japanese • Google Fonts + 日本語
Google Fonts は、デザイナー ウェブフォントを直感的にご利用いただける、安定したオープンソース ディレクトリです。 膨大な数の文字のデザインに要する時間や、大容量のフォント ファイルをウェブフォントとして提供する際に必要な技術的インフラストラクチャなど、日本語の書体デザインやフォント開発にはさまざまな課題が立ちふさがります。そこで、規格や技術の開発を進めると同時に、Google Fonts を通じてデザイナーやデベロッパーの皆様に日本語のウェブフォントをお試しいただけるようにしました。 Google Fonts provides an intuitive and robust directory of open source designer web fonts. Japanese typeface design and font development presents ma
Collectie
Works on OS X 10.9 or later 2Checkout.com Inc. (Ohio, USA) is a payment facilitator for goods and services provided by http://getcollectie.com. Create moodboards for your projects, favorite items, documents. For example: you can collect links from AppStore and favorites works from behance/dribble in iOS moodboard. When you need some inspiration - just open this board and find it in your inspiratio
Free and premium tools for graphic designers
Use this code while checkout for 50% discount for any product or subscription
Looped Live Mockups
Use this code while checkout for 50% discount for any product or subscription
Web開発を爆速にする！Sublime Text 用のすごい拡張プラグイン厳選15個まとめ
Sublime Text は現在もっとも人気のあるコードエディタのひとつです。そのスピードとシンプルさ、豊富なプラグインで多くのプログラマーに愛されています。最大限に Sublime Text を活用するために、今回は普段よく利用している拡張機能をまとめてご紹介します。 詳細は以下から。 Package Control まずはじめに Package Control をインストールしなければ始まりません。Sublime Text の拡張機能を管理するためのパッケージで、これなしで拡張機能のインストール、削除も大変な作業となってしまいます。今回紹介するプラグインをインストールする前に、まず最初に行いましょう。 詳しいインストール方法については、こちらのページを参考にどうぞ。 JavaScript & NodeJS Snippet より素早くJavaScriptを記述することができるスニペットの
Android版MERYのアーキテクチャ - peroli Developer's Blog
2016 - 10 - 19 Android版MERYのアーキテクチャ list Tweet こんにちは、普段MERYの Android を開発している栗野です。 最近、 Android アプリMERYでは2.0の開発を行っており、それに伴って Android の アーキテクチャ を見直す取り組みを行っております。 その中で新しく採用し、進めている アーキテクチャ について少し話そうと思います。 ことの始まり Android は今まで1.5人体制で開発を進めていたのですが（一人は iOS との兼務）、少し前から新しい Android エンジニアがjoinし、2.5人体制で開発をすることになりました。 そしてちょうどその方が、「DDDな人」だったこともあるのと、少し前に職場の「DDDな先輩」から「 エリック・エヴァンスのドメイン駆動設計 」を借りて、それを読み始めていたことも重なって、新しい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://2ndidea.com/demo/transition/
エンレクン
カフ
KAFF カフ 食材と熱エネルギーを調整するエネルギー変換装置 FALF ＆ ARUT LaPLAYHM ファルフ＆アルト ラ・プレィム チタンフライパン
GINA: Smart coffee instrument / by GOAT STORY by Anze Miklavec — Kickstarter
Top Quality Free & Premium Device Mockups (PSD, Figma, Sketch) | ls.graphics
関西エリアのおでかけ特集
