CSSの参考になるアイデアがいっぱい！2018年スタイルシートを使ったテクニックのまとめ
2018年も、CSSの進化がすごかったです！ CSSを使ったアニメーションはより快適なものが増え、JavaScriptを使用しないと実装できなかったものがCSSだけで実装できるようになったり、vwやvhやcalc()などを効果的に使用したり、レイアウト、ナビゲーション、カードなどもより洗練されて実装されています。 さまざまな素晴らしいアイデアが取り入れられたスタイルシートを使ったテクニックを紹介します。 各デモはCSSのみで実装されたものもありますが、JavaScript併用もあります。 動作を見るには、「Run Pen」をクリックするか、クリック後に右上「Edit on Codepen」をクリックしてください。 まずは、ダイナミックなアニメーションが楽しいソーラーシステム。動きが斬新で、スライドなどに応用してもよさそうです。ベストビューは、Operaです。
これぞプロのデザインテクニック！UIデザインの印象がよくなるデザインの知識とテクニックのまとめ
Webサイトやスマホアプリをデザインする際に、カラー・タイポグラフィ・レイアウトなどはどのようにすればうまくいくのか、ユーザーインターフェイスのデザインが一手間加えるだけでよくなるデザインの知識とテクニックを紹介します。 10 cheat codes for designing User Interfaces 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. テキストは重要、より大きく！ 2. 複数のブラックを作成しない 3. カラーを理解するためには数学が大切 4. 空白スペースを活用してグループ分け 5. カラーを使用して行を区切る 6. ドロップシャドウの代わりに乗算を使う 7. 一行の長さ 8. 新しいデザインに執着しない 9. ブランドカラーをアクセントとして使用する 10. リストにおけるビュレットのデザイン 1
デジタル一眼レフカメラ初心者が知っておきたい、基礎＆応用のまとめ。 : まめストリート・ジャーナル 〜無料で情報が買える唯一の新聞〜
2013年01月06日22:58 by tkfire85 デジタル一眼レフカメラ初心者が知っておきたい、基礎＆応用のまとめ。 カテゴリ管理人 雑談 tkfire85 今まで、富士フィルムのコンデジ「FinePix F100fd」を使っていましたが、初のデジタル一眼である「α NEX-C3」を購入しました(正確に言うとミラーレスというやつです)。ぼかしであったり、ISO感度の設定、シャッタースピードなど、コンデジに比べると設定範囲は広いです。できれば綺麗な写真が撮りたい！今回はデジタル一眼カメラを使う上で参考にしておきたいサイトや記事を紹介します。 ●基本 何事も基本が大切です。本当に初歩の初歩から学ぶ事も大切だと思います。 IMG_6633 / y_uno ・デジタル一眼レフカメラ入門初心者講座 ・カメラ遊遊塾｜デジタル一眼レフ入門 ・デジタル一眼レフカメラ写真撮影方法や上手な写真の撮り方
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
海原雄山を唸らした至高の家庭料理テクニック３５選
海原雄山を唸らした至高の家庭料理テクニック３５選 唐揚げヤバイ。ジューシーとはこのこと。 2012-02-03T11:03:04+0900 @yukkuri0616をフォロー ゆっくりしていってね!!-ゆっくりライフハック、しませんか？- ライフハック 海原雄山を唸らした至高の家庭料理テクニック３５選 Tweet 前書き 私の母は料理好きで、料理の腕もなかなかのものです。 お正月はおせち料理ではなく、母の得意料理「おでん」が食卓に並びます。鍋１つあたりの具材費が10,000円を超える豪華なおせちです。 このおでんが食べたくて、どんなに忙しくても正月は実家に帰ります。 子どもって、何年たっても家庭の味を覚えているんですよね。 余談ですがマクドナルドのハッピーセットは5歳までにマクドナルドの味を覚えさせ、大人になっても味を思い出させて定期的に食べたくさせるというマーケティングです。信じ
”通る企画書”を作るためのテクニック・ヒント
説得力のある提案資料作成のすすめ - lived... / 企画書の「表紙」の作り方 - livedoor ... / ASCII.jp：これぞ完璧企画書――「1枚企画...他...全9件
【引っ越し】覚えておきたい引越のテクニックを教え合おう！！ スレ21【就職・転勤】 : えっ!?またここのサイト?
提供元:【引っ越し】引越のテクニック 21【就職・転勤】 http://yuzuru.2ch.net/test/read.cgi/kankon/1288641322/ 1：おさかなくわえた名無しさん：2010/11/02(火) 04:55:22 ID:MPr+/nIj 引越しに関しての質問をしたり、経験談を語るスレです。 引越し費用の相場の相談は、多分誰かが教えてくれます。 でも、質問する前にテンプレくらいは見たほうが良いかもしれませんよ～。 引越し業者サイト・業者選び・値引きの方法とか >>2～10ぐらい ■ 引っ越し業者 >>2 ■ 見積もりについて >>3 ■ 一人暮らしの場合 >>4 ■ 選び方 >>5 ■ 引越し屋を選ぶコツ >>6 ■ 知っておくとよいこと >>7 ■ 最後は直感 >>8 ■ 値引きの仕方 >>9 ■ おまけ >>10 2：おさかなくわえた名無しさん：2010/
googleの裏技いろいろ : ライフハックちゃんねる弐式
2011年04月20日 googleの裏技いろいろ Tweet 0コメント ｜2011年04月20日 00:00｜Web・テクノロジー｜Editタグ ：Google意外としんどい http://hato.2ch.net/test/read.cgi/news/1295558779/ 1 ： ベーコロン(広西チワン族自治区)：11/01/21 06:26 ID:SNxFSb/SO ascii art で検索 【2ch】ニュー速クオリティ:Googleで「AA」で検索かけるとGoogleのロゴがAAっぽくなる 50 ： ルネ(北海道)：11/01/21 09:31 ID:NdeBivAg0 キャッシュを10年前に戻して検索するのは便利だぞ 当ブログサイトはアフィリエイト広告、バナー広告を利用しています。 52 ： そなえちゃん(東京都)：11/01/21 10:44 ID:EjQpUNv40 カ
CSS：初心者の頃にハマったスタイルシートのあれこれ … IE7多め
CSS、スタイルシート。初心者のころには CSS のスタイルがうまくいかなくて、半日や丸一日悩んだこともいっぱいありました。最近では、やっとひと通り覚えて、思うようにできるようになったかなーという感じです。今回は初心者だったころ、ちょっと悩んだことなどをいくつかまとめてみました。 Webサイトの見た目をデザインしていくのに欠かせない CSS。度々これってどうやるんだろうとか、どうしてこうなっちゃうの？というものに遭遇します。また、今までは IE6 をターゲットに含めてましたけど、そろそろ IE7 からをターゲットにすればいいのかなーと思うこともあって、過去のスタイルシートの書き方の習慣を変えようかなとも思っています。 スタイルシートを書いていて、今まで遭遇した不具合やその回避方法、また今まではこうしてたけど、これからは変わるかもしれないなーといものをまとめてみました。もうそんなことしてない
スマートフォン向けサイトの作り方エントリのまとめ:phpspot開発日誌
スマートフォン向けサイトの作り方エントリのまとめ。 スマートフォン元年といわれる2011年ですが、注目を集めているせいか、サイト作成法についてのエントリも盛り上がりをみせていますね。 個人的にもしっかり覚えておきたかったのでまとめてみました。 基本的には解像度が大きく異なるので、それにあったインタフェースに変えましょうね、という点と、HTML5/CSS3が使えるので駆使して楽にＵＩデザインしましょうという点、ユーザインタフェースがマウスではなくタッチである、という３点以外は、普通のサイト作りと変わりませんが、クセやバグがあったり、テクニックもあるので、しっかり押さえておきたいですね。 基本 スマートフォン向けサイトの作り方｜ユージック サイトの幅、高さ viewportによるズーム指定の方法 便利なJSライブラリ ユーザエージェント シュミレーター 等の有用情報 Androidサイトは横幅
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSの素晴らしいアイデアが満載！2014年スタイルシートのテクニックのまとめ
新着記事
新着記事
新着記事