サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
こんにちは、王です。デザイナーやってます。 今回は「Flexboxを基本から理解して、使い方をマスターしよう!」ということで、初耳の方でもざっとFlexboxで何ができるか分かるように短い動画を用意しました。 動画の中で使ってたデモをアップしたので、確認してみたい方は以下のリンクをどうぞ! デモ 昨今では、当然ながらデジタルデバイスサイズの多様化でレスポンシブデザインとやらが流行っています。 同じサイトをさまざまなスクリーンサイズに応じたデザインをしなければならない上に、コーディングにも手間がかかります。制作側からしたら何かと厄介ですよね。 「なるべく手間をかけずに作りたい!」という世界中のデザイナーの声に応えて、「Twitter Bootstrap」をはじめとした数多くのフレームワークが徐々に脚光を浴びはじめて久しくなります。 ただ、これらはあくまで古い技術の組み合わせで、革新的な技術で
Freebies 8 Beautiful and Free Flat Icon Sets Henry JonesApril 23, 20137 Comments03.2k For the past few years in web design, we’ve noticed a trend in moving toward simplicity and minimalism. It seems that designers are realizing that you don’t have to over design something just because you can, or because you have the software to do it. It’s become more about the content and less about the design e
どうすれば GW をゴールデンに過ごせるか、思案中のLatinです。 今回はスマートフォン対応プラグインの良し悪しについて。 WordPressのスマホ用プラグインは結構な数ありますが、結局の所、「いっちゃんいいヤツ」ってどれだろう?とふと思い立ち、勝手ながらカンタンに考察をまとめさせていただきました。 他にも、こっちの方がいいよ!こんなプラグインがあるよ!とかありましたらぜひ教えてください。 まずは、よく使われている5つのプラグインを比較 Ktai Style いわずと知れた有名プラグイン。サイトを携帯電話(ガラケー)対応させるプラグイン。 ガラケー人口って意外にまだまだ多いんですよね。 Ktay Style WPtouch こちらも有名プラグイン。 手軽にサイトをスマートフォン対応できます。 「メニュー」をタップするとタグ、カテゴリー、RSSフィード等のタブメニューが展開されます。 W
先日、長谷川恭久さんとの共同プロジェクト、“Patch Project”がスタートしました。これはUIデザインの新しいワークフローを作るために立ち上がったプロジェクトです。これまでのワークフローを見直して、より良いUIを作っていくためにはどうするべきなのか、実際に何かのUIをデザインしながら模索していきます。そのプロセスや結果はどんどんオープンにしていきますのでお楽しみに! まず今回はその導入部分として、ワークフローの提案について長谷川さんに話して頂いた内容を記事にしました。前編では、デザインカンプをやめてプロトタイプを作るべき理由を中心にまとめています。 そもそもUIとは何か UIの話というと多くの人がビジュアルデザインの話をしますが、そもそもUIとは人間とコンピュータの関係を円滑にするためのものです。人がコンピュータと関わるとき、そこには必ずインプットとアウトプットがあります。その中で
WEBの素材としてアイコンセットは珍しいものではなく、様々なものがリリースされており立体的なものから、ピクトグラムライクな平面的なものもあります。今回紹介するのはすべて面で描かれた、POPでキュートなアイコンセット「Flat Design Icons Set Vol1」を紹介したいと思います。 アイコンはシンプルながらも細かいところまで作り込まれており、面で描かれながらも陰影や光も表現されており、立体的に見えます。 詳しくは以下 全部で16のアイコンがセットになっており、psdで配布されていますので、制作素材としても便利に使えそうです。さらにライセンスは、ロイヤリティフリーとなっており、個人、商用どちらのプロジェクトにも自由に利用できるとのことです。 こちらのアイコンセットはvol2も既にリリースされており「Flat Design Icons Set Vol2 | Media Icons
GWはこもります。さがさないでくださいhakoishiです。 さて、本日はCSSのclipプロパティで実験してみたまとめ。画像をトリミングするやつですね。 どこまでできるか、アニメーションバナーっぽいものも作ってみました。 使い方 切り抜きたい画像に対し、position:absolute;を指定した上、各辺までの距離を指定します。 marginなどとは右辺、下辺までの距離の取り方が違うので、注意したいところです。 また、IE7以下にも対応させる場合は、各値の区切りはカンマではなくスペースで。(各ブラウザもこの記述に対応しています。) アニメーションなし サンプル html <div class="sample-clip"> <a href="#"> <img src="img/img01.jpg" alt="" width="500" height="330"> <dl> <dt>タイト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く