NosubDIY #06 「すてっぷ6 DIYって、どうでも・いいもの・やくにたつ！」 November 10, 2022 396 0
ひまわり動画
チンコびんびん物語 おもしれー女 あの髪は収まらんだろｗ ヅラだと ﾇｯ 尻が破けた 目止めが合う ゴムすれば実質触ってないからな リーシェの長髪は..
Gmail
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Toodledo : A to-do list to organize your tasks
With Toodledo you can create powerful to-do lists to improve your productivity. We provide you with folders, tags, contexts, subtasks and more to help organize your lists as efficiently as possible. You can sort, filter and search through your list and Toodledo can tell you what needs to be completed and alert you when tasks are due. Watch a video demo Keep track of your ideas with our note editor
Susy: Responsive grids for Compass
Susy was a responsive layout engine for Sass, before flexbox and CSS grid were available. Susy is now deprecated, and will not receive updates. If you need help moving off Susy, or learning the latest in web layout, we offer training and consulting to help bring you up-to-date. Contact us for details » Not everyone can play with the latest specs, and there will always be edge-cases that require ma
Codrops | Useful resources and inspiration for creative minds
Codrops Demos Hub Discover our curated collection of 500+ free animations, interaction concepts, UI designs, web templates & more. Stay in the loop: Get your dose of frontend twice a week 👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, website inspo, cool code demos, videos and UI animations right to your inbox. Zero fluff, all quality, to make y
TickTick
Join millions of people to capture ideas, organize life, and do something creative everyday. Organize everything in lifeWhether there is a work-related task or a personal goal, TickTick is here to help you manage all your to-dos. Get reminded anytime, anywhereSet a reminder to ease your mind off worrying about missing deadlines from now on.
My Mind
This app's internals have been recently overhauled – report any issues you encounter! For more tips/news, follow @my_mind_app.
英語版Windows 7を日本語化する | Engineer's Notebook
英語版Windows 7を日本語化して使う方法について解説します。 Windows 7 Ultimateもしくは、Enterpriseの場合、UIも含めて日本語化が可能です。 それ以外のエディションの場合は、UIは英語のままで、表示や入力を日本語対応させる事が可能です。 下の画面は、英語版Windows 7 Enterprise上で＋Lhacaを起動した時のものです。見事に文字化けしてますね。 ※クリックで拡大します。他の図も同様です。 これを日本語化します。 UIを日本語化する（Ultimate、Enterpriseエディションのみ）まず、Japanese Language PackをインストールしてUIを日本語化します。 Ultimate、Enterprise以外の場合Japanese Language PackをインストールできるのはUltimate、Enterpriseエディション
CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ
最近改めて CSS の基本、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基本が分かってなかったんだなーと反省 ...。今回は CSS の基本中の基本、視覚整形モデルについてまとめてみました。 Webデザインをする上で、必須とも言えるのが CSS …。このブログ – Webデザインレシピでも、過去に CSS について書いた記事がいくつかあります。最近 … でもないけど、以下のふたつは CSS でのレイアウトについて、いろいろと書いた記事でした。 CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ – 2011年 6月17日 CSS：初心者の頃にハマったスタイルシートのあれこれ … IE7多め -2011年 4月21日 で
フラットなデザインを理解する上で知っておきたい5つのポイント -Principles of Flat Design
フラットなデザインは、決して単純なデザインと同じ意味ではありません。もちろんシンプルにデザインして答えがでるのであれば、それにこしたことはありません。 フラットなデザインのUI素材を数多くリリースしているdesignmodoから、フラットなデザインとは何かを理解する上で重要となる5つの特徴を紹介します。 フラットにあまり心を動かされなかったのですが、ぐらっときました。 Into the Arctic フラットなデザインはその名の通り、二次元のフラットなスタイルを使用します。このコンセプトは既存のエフェクトなしで機能します。ドロップシャドウ、ベベル、エンボス、グラデーションなど奥行きを与えるエフェクトは使わないようにします。 ページ内のテキスト、ボックス、画像、フォーム、ナビゲーションなどの全ての要素はエッジのきいたスタイルで、シャドウはありません。Appleによく見るSkeuomorphi
CSS での文字周りの基本的な設定 | Web Design Leaves
文字周り（タイポグラフィ）の基本設定 html 文書全体の font-size, font-family, line-height を記述する。 ほとんどのブラウザーのフォントサイズは標準で「16px」なので html 文書全体の font-size は100% を指定 日本語のテキストでは一般的にフォントサイズの1.5倍が読みやすい行の高さとされている。 html { font-family: font-family: "Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif;; font-size : 100%; line-height: 1.5; } 要素を配置するときの高さの基準 上記の CSS を適用すると line-height に1.5を指定したので行の高さは「24px」となり、フォントサイズの「16px」の上下に4
Baseliner – keyes.ie
Baseliner Looking for an easy way to overlay a baseline grid on any webpage? Baseliner is a JavaScript tool that can do just that. How do I use it? The easiest way to use baseliner is the Baseliner bookmarklet, which always loads the latest code. If you prefer a custom baseline grid can be created directly: <script src="http://files.keyes.ie/things/baseliner/baseliner-latest.min.js"> </script> <sc
[CSS]ナビゲーションやリストなど、inline-block要素の間にできる隙間を解決する方法
ナビゲーションを実装する時など、ul要素を使って水平に並べると意図しない隙間ができてしまうのを解決する方法を紹介します。 Fighting the Space Between Inline Block Elements [ad#ad-2] デモ 解決方法 floatでいいんじゃないの デモ まずは、元となるコードから。 HTML nav要素を使い、a要素で各アイテムを実装します。 <nav> <a href="#">One</a> <a href="#">Two</a> <a href="#">Three</a> </nav> CSS 「display: inline-block;」を使って水平に並べます。 nav a { display: inline-block; padding: 5px; background: red; } このままだと、下記のように意図しない隙間ができてしまいま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
チャットワーク（ChatWork） | ビジネスが加速するクラウド会議室
InoReader
HTML5 & CSS3 Tools and Tutorials
vex – Beautiful, functional, modal dialogs in Javascript
Chart.js
