[B! Webデザイン] resuscitateのブックマーク

resuscitate id:resuscitate

Webデザインに関するresuscitateのブックマーク (7)

【HTML5・CSS3】おしゃれなテーブルデザインのサンプルソース5点 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
地味な離島ライター内藤です。普段はコーダーとして仕事をしていますが、たまにはデザイナーさんのように人の目に触れる仕事もしてみたい！そこで本日は、日々の業務で見かけてこれは使えるぞと思ったtableを、独自に再構築してソースコードを公開しようと思います。 table作成時に参考になるサイト本題に入る、その前に。XPの公式サポートも終了し、HTML5＋CSS3の普及が進んでいます。今更ながら、この技術でどんなtableが実現できるのか、とてもわかりやすく説明されていたサイトをまずご紹介します。 table専門参考ページ4選 table専門の参考ページを4つほど選んでみました。 CSS3を使って美しく装飾されたテーブルの作り方｜Webpark CSS3でのtableの作り方を、見た目とソースから解説してあります。テーブル｜CSSデザイン｜スタイルシート（CSS）｜PHP & JavaScr
resuscitate 2014/05/03
Webデザイン
リンク
CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ
Webデザインをするときに、必ず使うスタイルシート。思うようなレイアウトを作るために、チェックしておきたいブロックレベル要素や、インライン要素のクセみたいなのをまとめてみました。後半はスタイルが反映されない原因のひとつ、スタイルの優先順位についてです。 Attention 記事公開時からいろいろと勉強して、この記事内で紹介している事柄で、間違った解釈をしていたなーと気がつきました。この記事の中でいくつか追記してありますが、詳しくは、新しく書いた 11月7日の記事：CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろを読んでみてくださいね！ New Post Webサイトをデザイン、レイアウトするのに欠かせないのが CSS（Cascading Style Sheets、スタイルシート）ですね！今では CSS3 が話題を集めていて、CS
resuscitate 2014/04/29
Webデザイン
リンク
[Web Font]Webフォントを使って洒落たメニューをおっさんが作ってみる。 | Maku_zin Ver2.1.1
WebFontって使ったことないなー。でアイコン的に使ってみた。ちょっと洒落たメニュー作ってみたよ。今回使ったのは「Font Awesome」ダウンロードしたファイルを解凍するとcss,fonts,less,scssの4つのフォルダが入ってます。使用するのはcssとfontsのみ。使い方まずはhead内にcssをリンクしましょう。 <link rel="stylesheet" href="css/font-awesome.min.css">これだけでWebフォントは利用できます。ちなみに以下。 <i class="fa fa-home"></i>と書いてあげるだけで家のアイコンが表示されます。（デモのHomeアイコン）その他のアイコンは「The Icons」で確認できます。（多くて探すのめんどうだけど・・・）これじゃつまらんのー。ってことでサンプル的なメニューを。 html
resuscitate 2014/04/23
あとで読む

Webデザイン
リンク
Off Canvas Menu with Animated Links
Description Learn to make a simple off canvas mobile navigation with delayed link animation. The links have a simple transition effect of fading in from right to left when the navigation is toggled. But the animation occurs in a chained way where the links animate one after the other. This is done by adding a transition-delay to every link.
resuscitate 2014/04/12
Webデザイン
リンク
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは、お名前.comで取得されています。お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.
resuscitate 2014/03/26
あとで読む

Webデザイン
リンク
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
resuscitate 2012/10/29
Webデザイン
リンク
ノンデザイナーのための配色理論
「のどが渇いた」というユーザーに何を出す？ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチYoshiki Hayama
resuscitate 2012/10/28
対処方法

Webデザイン
リンク
1