Provides extra visual weight and identifies the primary action in a set of buttons
Provides extra visual weight and identifies the primary action in a set of buttons
本記事は200弱ツイート、500弱のはてブと16000PVを2日で稼ぎ出した(稼いだからってどうもないけど) [CSS]俺好みのfont-family指定が最強に読みやすくてオススメ! | DevAchieveの反省会会場となります。 未読の方は先に読んでおくと話がわかりやすいかと思います。指定だけ見たい人はこちら。 [CSS]俺好みのfont-family指定が最強に読みやすくてオススメ!の狙いタイトルではてブや検索流入を狙う本当は教えたくないSEO!アクセス数が20倍になったブログタイトル32文字の法則 | Chrome Lifeで 解説されている通り、はてブは全角32文字までに入れないとトランケートされてしまうので短めに。 はてブユーザーが大好きな最強とか入れておいて、読んでブクマしてもらえるようにしておきます。 「font-family 指定 オススメ」というキーワードを埋め込んで
A front-end framework for building HTML5 mobile apps with a native look and feel. CSS3 Transitions optimized for mobile performance. Swipable carousels using flickable.js. Integration with backbone.js views and routers. Ratchet CSS UI components. Try loading this page on a mobile phone or try our "simulator" to the right. Download Installation Javascript Dependencies modernizr zepto zepto flicka
UI is the vocabulary of the web. Semantic empowers designers and developers by creating a language for sharing UI. Lose the Hieroglyphics: Semantic is structured around natural language conventions to make development more intuitive. Have a conversation with your components: Semantic gives you a variety of UI components with real-time debug output, letting your code tell you what its doing.
The blog tapquo.com has been acquired by FindMyHosting.com. Its best and archived contents are kept alive as sub-pages of FindMyHosting.com/tapquo/ FindMyHosting.com takes no responsibility for the factual accuracy or anything else regarding the archived Tapquo contents posted under FindMyHosting.com/tapquo/ About Tapquo.com: Tapquo, founded in 2011, was built to develop meaningful projects design
Ratchet: Prototype iPhone apps with simple HTML, CSS and JS components.Getting started Once you've downloaded Ratchet, here's what to do next. 1. Create your pages Use these docs as a reference for all the available components and piece together the pages of your app. Customize the style too - make the prototype all your own. 2. Connect pages with push.js Read about push.js then start connecting y
A responsive horizontal drop-down menu inspired by the Microsoft.com menu. This large horizontal drop-down menu simply shows the sub-menu when an item gets clicked. It’s inspired by the Microsoft.com drop-down menu. Some example media queries show how to adjust the menu for smaller screens. The HTML <nav id="cbp-hrmenu" class="cbp-hrmenu"> <ul> <li> <a href="#">Products</a> <div class="cbp-hrsub">
CSS3を扱う上でベンダープレフィックスの話題は外せません。 そのベンダープレフィックスの順序について書いてみます。 ベンダープレフィックスとは ベンダープレフィックス(vendor prefix)は、ブラウザが独自の拡張機能を実装、勧告候補前の仕様を先行実装する場合に、 将来的に仕様が変更されるリスクに備えて、プロパティや値につけられる識別子のことです。 その識別子は、ベンダー識別子(vendor identifier)によってブラウザの種類が付けられています。 主要なブラウザのベンダープレフィックス -webkit- Google Chrome、Safari、(Opera) -moz- Firefox -ms- Internet Explorer -o- Opera ただしCSS3などの仕様が勧告候補になった場合には、ブラウザベンダー側がベンダープレフィックスを外すことが推奨されていま
俺のためにWeb開発者は俺にとって読みやすいフォント指定をするのだ! 指定方法は下にあるぞ! 新規でサイトを制作するのに基本のフォント指定を持っていなかったので 色々調べたり、このブログのフォント指定を変更してみたりしたら 実は Arial より Verdana のほうが見やすいことがわかってしまった。 さすがMicrosoftがコンピュータ用ディスプレイ上での視認性向上のために 作ったフォントだ!Verdana - Wikipedia フォント周りのオススメの指定追記記事により良い指定を載せたのでこちらは掲載終了しました。 font-family めっちゃ長い!何故かと言えば環境によっては指定したフォントがインストールされていない可能性があるから。 だから指定したいフォントを優先順位つけて記述する。左にあるフォントが一番優先順位が高い。 余談だけどfont-size(文字サイズ)とlin
Hurry Up! Vote for your favorites this month in the Awwwards Honors!
7 Awesome jQuery Countdown Scripts That Will Power Up Your Conversions by Lars | Last updated Feb 12, 2017 | Javascript, jQuery Plugin Collections | 42 comments Using jQuery Countdown Scripts is a simple and performance optimal way to add a dynamic and interactive countdown timer to your website. I am sure you have noticed the countdown features on e.g. sport sites showing countdown until a big ev
Introduction Paper folding animation effect is one of the newly introduced effects mainly available in touch devices. It works well with touch gestures, such as swiping to certain direction to reveal content underneath by "folding" the current view. It's a fancy effect and definitely giving its users a cool experience. Over our sister site favbulous, we have published a post called Paper Folding E
そもそも公式ディレクトリ以外のテーマがどうよって話は、とりあえず置いておいて、有料テーマを見てると結構見栄えが良さげなテーマがたくさんありますよねー。 でも、有料テーマに限って購入しないとソースを見ることができないことが多いので、エイヤッて購入してから後悔することも少なくないと思います。 今日は、そんなみなさんのためにCSSを事前にチェックして有料テーマがどの程度使えるかを判断するテクニックをご紹介。 (上の画像に他意はないです。絶対ありません。。。) WordPressには必須のスタイルがあるんだぜー! ご自身でテーマを作ったことがない場合は知らないかもしれませんが、WordPressには必ずスタイルを指定すべき項目ってやつがあります。 CSS « WordPress Codex ですから、それらのスタイルがきちんと定義されてるかどうかによって、ある程度の品質を予測することができます。
CSSを拡張するためのメタ言語として、代表的なものに「SCSS(Sass)」と「LESS」があります。今回、導入を検討するにあたり、両者を比較しました。 結果的には、「SCSS(Sass)」を導入することにしましたが、特に「SCSS(Sass)」を選択する決め手となった点に重点を置きつつ、両者の違いをまとめまてみました。 はじめに Webサイト、Webアプリケーションが大規模になるにつれて、CSSの設計・管理にもリソースを割かれるようになります。CSSのモジュール化、コンポーネント化による再利用性を考えたとき、現状のCSSを取り巻く状況は十分とは言えません。 一つの選択肢としてあがるのが「Blueprint」や「960 Glid System」等のCSSフレームワークの利用ですが、その再利用性と構造・表現の分離度はトレードオフです。 そこで、CSSの利点を活かしつつ、再利用性を高めるために
はじめに 早速ですがみなさん、黒い画面(コンソールやターミナル)はお好きですか? ちなみに僕は最近やっと黒い画面に対していくつかの呪文使えるくらいになりました。文系理系でもどちらでもなくさらに低学歴の僕にとっては潜れば潜るほど黒い画面がつきまといます。(今では好きですよ、黒い画面) 今回は、すぐに使えるSCSS入門|基礎編ということで、「黒い画面など見たくない!」というあなたにも、GUI操作だけですぐに使えるアプリケーションのインストールからSCSSの基本的な利用方法について、実際の開発に使えるポイントを押さえて解説していきたいと思います。 SCSSを覚えて生産的で楽しいWebサイト制作・アプリケーション開発をしていきましょう。 まだSCSSを知らない方向けに「SCSS」って? 前回の記事「Media Queriesの記述を少し楽にしてくれるSCSS(Sass) Mixin(自作)」からの
Fuel UX extends Bootstrap with additional lightweight JavaScript controls for your web applications. Get Fuel UX View examples Ignite your Bootstrap project today. Include Fuel UX controls in your next web project knowing it's solidly optimized and easy to upgrade. Use a little or use a lot. Deploy only the controls you want with minimal, name-spaced, responsive styling designed to easily fit into
In this tutorial we will create some modern and creative login forms using some interesting CSS techniques and HTML5 goodness. Hi guys! I’m back with another CSS tutorial! After button switches and drop-down lists, let’s create some forms. In particular, we will be creating login forms. Nowadays, almost every web service, application, game etc. allows (or even requires) user subscription, which me
Snippet is definitely the ideal choice for small business owners looking to get into the world of online presence. Read on to find out why! Snippet Space is all of the buzz of Apple device users and for good reason. There are not many apps that offer the convenience of building and launching a new website or web app from one’s phone or other mobile gadgets. While some traditional web development c
HTML & CSS Please copy & paste this code to your HTML file or Stylesheet. <p>Simple use for mailto link.</p> <a href="mailto:mail@example.com" class="lsf">mail</a> <p>Use tha icon with text.</p> <a href="http://twitter.com/" class="lsf-icon" title="twitter">Twitter</a> <p>Use tha icon with unicode.</p> <a href="http://amazon.com/" class="lsf-icon amazon">Amazon</a> /* CSS */ @font-face { font-fami
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く