はてなブックマーク - CSS3に関するryownetのブックマーク

ryownet id:ryownet

CSS3に関するryownetのブックマーク (35)

プログラム組んだら負け！実はHTML/CSSだけでできること2015夏
プログラム組んだら負け！実はHTML/CSSだけでできること2015夏 1. @2015.07.25 マカベン HTML5fun 2. 2015 Yusuke Hirao, CC BY-ND. 自己紹介平尾優典（ひらおゆうてん） === 株式会社ディーゼロ Web...
ryownet
- css3
cssの出来る子たち
リンク 2015/08/05
【2013年注目必至！なCSS仕様】CSSフィルタ、これはすごい！（デモ付き） | OpenWeb
以前から気になっていたCSS フィルタについて、ちょっと調べてみました。結果、あまりにお手軽に、効果絶大なエフェクトをかけられることが判明して、ちょっと興奮しています。これはすごい！ CSSフィ...
ryownet
- CSS3
- webデザイン
filterサンプル。webkit専用
リンク 2014/12/20
Profiling Long Paint Times with DevTools' Continuous Painting Mode
Continuous painting mode for paint profiling is now available in Chrome Canary. This article explains how you identify a problem in page painting time and how you can use this new tool to...
ryownet
- html5
- 高速化
- CSS3
リンク 2014/10/22
動くCSSのためのメモ。
2019.2.22. FriCSSだけのスクロールパラパラ2018.12.5. Wedふりがなを振る。
ryownet
transition,animationなどのめっちゃ丁寧な解説。transition-delayのマイナス値知らんかったわー
リンク 2014/06/06
「CSS Regionsを使った新しいCSSレイアウトを作る方法」HTML5 Conference2013レポート | HTML5Experts.jp
「CSS Regionsを使った新しいCSS レイアウトを作る方法」HTML5 Conference2013レポート馬場美由紀（HTML5 Experts.jp 編集部） 11月にiOS7のSafariでサポートされることになり、一躍注目を集めることに...
ryownet
- Webデザイン
- css3
css regions。コンテンツとレイアウトの分離ができる。リフロー前後でレイアウトを作る必要があるのか、SEO的にどうなのかなど疑問残るけどスマホ最適化の一環として。
リンク 2013/12/26
SpinKit | Simple CSS Spinners
.spinner { width: 40px; height: 40px; background-color: #333; margin: 100px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease...
ryownet
- CSS3
- ローディング
ローディングのくるくるをcss3で
リンク 2013/12/19
[CSS]アイテム数が不明でもカラム数に合わせてぴったりに配置するスタイルシート | コリス
下記のような3カラムのグリッドに複数のアイテムを配置する時、アイテムの数が3の倍数だったらぴったり収まりますが、アイテムが7, 8個の場合は最後に余白を生じます。もちろん余白のままでも良い場合...
ryownet
- css3
- web制作
display:flexにすると計算できるので、カラム数のあまり数を算出して幅を指定
リンク 2013/11/12
クリックしてカードをめくる - jsdo.it - Share JavaScript, HTML5 and CSS
(function($){ $.fn.rotate_box = function(){ var elm = $(this), elm_in = $('.inner', this), btn = $('.face, .back', elm), deg = 0, turn = false, turn_cls = 'reverse'; var rotate_anm = func...
ryownet
- css3
- html5
- jquery
リンク 2013/10/06
CSSサンプル集
.play { color: #ffba16; font-family: 'FB Condor Bold', sans-serif; font-size: 100px; letter-spacing: 0.2em; padding: 10px 0; -moz-transform: skew(-25deg) rotate(5deg); -ms-transform: skew...
ryownet
- webデザイン
- css
- css3
css3バリバリ
リンク 2013/09/05
Compassで書き出すCSSファイルを軽量化する - to-R
Compassで書き出すCSS ファイルを軽量化する Compassは便利な半面、書き出されるCSSのサイズが非常に大きくなってしまうことがあります。設定を変更することで書き出されるCSS ファイルの容量を削減する...
ryownet
- compass
- css
- CSS3
ベンダープリフィクスをつけんなという話
リンク 2013/09/03
スマホでタップできることを示すアイコンなどをCSSのみで実装してみましょう | clear sky source
あたり前だろうと思っていることが実はあたり前ではないとうことがありますね。スマホサイトのデザインでよくある、タップできる領域の右端に矢印みたいなのがついてるものがあります。こんなやつで...
ryownet
- css3
- css
- スマホ
スマホの矢印をつくるcss
リンク 2013/06/17
https://ameblo.jp/ca-1pixel/entry-11497184837.html
ryownet
むかしflasherが通った道をcss3やる人が通ることになる。そしてeaseは0.4秒が最高に気持ちいいとか言い出す
リンク 2013/03/28
CSSだけでスライドショーはつくれるよ。
この記事はCSS Programming Advent Calendar 2012、22日目のための記事です。 CSS Programmingとは、jsを使わないでHTMLとCSSを駆使してゲームとかスライドショーとか作る技術ですということで、ここ...
ryownet
- css3
- チュートリアル
リンク 2013/01/13
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回プログラ...
ryownet
sass/scssの時代が来てるという話。書き方はおいといて、言ってることは2012年現在の正解そのもの
リンク 2012/10/30
HTML5 × CSS3 × jQueryを真面目に勉強 – #6 パララックスエフェクトの基本｜ DevelopersIO
この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。そんな訳で、パララックス・スクロールについて少し学んでみたので、超初心者向け（※自分含む）の...
ryownet
パララックスの作り方と良い例
リンク 2012/10/18
レスポンシブ・ウェブデザインでの CSS コードの書き方 | Yomotsu net
いわゆるレスポンシブ・ウェブデザイン、つまりメディアクエリーを採用した Web サイトを構築する際の一番管理しやすいと感じるコードの書き方をまとめました。ただし、あくまでも個人的な、経験から感...
ryownet
respondは使わない、1ファイルでクエリで全部書く、デバイス用には上書きして書く。。。だけど幅に数字入れてたら全部上書きしないといけないよね？
リンク 2012/10/02
”レスポンシブなデザイン” のアドビ HTML5/CSS3 特設サイト制作者インタビュー | デベロッパーセンター
アドビの HTML5/CSS3 特設サイト（http://adobe-html5.jp/）の制作を担当した、面白法人カヤックの比留間さんに、”レスポンシブなデザイン” についてお話を伺いました。初めてこのようなサイトに関わっ...
ryownet
- html5
- スマホ
- CSS3
box-sizingを使うとレガシーなpadding+width計算をしなくてもレイアウトできた
リンク 2012/05/16
-webkit-border-radius なんて書いているWeb開発者は腹を切って死ぬべきである - hogehoge @teramako
地獄の火の中に投げ込むものである。いや、まあそんなネタはどうでも良くて... そのベンダー接頭辞はいつまで書くの？ | Unformed Building 書いてあることは至極真っ当なこと。もろ手をあげて賛成で...
ryownet
- CSS3
- Web制作
言いたいのは、書くなじゃなくて、書いた後に仕様が変わったらすぐ対応できるようにしておけ、ってことでしょ。リリース前まではしっかりテストするけどリリース後は面倒みません、っていう開発者は死ねってこと
リンク 2012/05/15
Mobile Boilerplate: A best practice baseline for your mobile web app
★ Analytics, icons, and moreA lean, mobile-friendly HTML template; optimized Google Analytics snippet; placeholder touch-device icons; and several mobile-focused tools and helpers. ★ Norm...
ryownet
- CSS3
- html5
- boilerplate
HTML5bpのスマホ版。プロジェクトが分かれたので、HTML5bpは(ver3から)よりPC向けなコードになった(モバイルファーストとはいえ最低限どまり)。真のモバイルファーストはこっち
リンク 2012/05/14
Realtime Data Stream Network Blog | PubNub
PubNub Objects: Long-Lived Data Storage for Realti...PubNub Objects is a new API for data storage in apps like chat. Store relational data for Spaces, Users, and their space Memberships.
ryownet
- CSS3
軽量なセレクタとhtml記述でレンダリングを早くする。Good: #idselector{} Bad: nav .hoge #idselector{} / Goog: <div id=my_id> Bad:<div id="my_id">
リンク 2012/05/14
1 2 次のページ

iOS / Androidアプリ

アプリでもはてなブックマークを楽しもう！

公式Twitterアカウント

@hatebu

最新人気エントリーを配信します。

ヘルプ・その他

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx