All – Tiny Helpers
A collection of free single-purpose online tools for web developers...
アイキャッチ画像サイズチェッカー｜TwitterやFacebookでのOGP表示を確認
TwitterやFacebookでシェアされたときに、アイキャッチ画像がどんなサイズでどう表示されるのかをまとめてチェックできるツールです。「文字がはみ出てしまわないか」「意図せず一部が切れてしまわないか」などを確認するためにご活用ください（表示は2018年7月時点のものです）。 画像を選択
GitHub - jonthornton/jquery-timepicker: A javascript timepicker plugin for jQuery inspired by Google Calendar.
appendTo Override where the dropdown is appended. Takes either a string to use as a selector, a function that gets passed the clicked input element as argument or a jquery object to use directly. default: "body" className A class name to apply to the HTML element that contains the timepicker dropdown. default: null closeOnScroll Close the timepicker when the chosen element is scrolled. (Replicates
[css] contentプロパティで挿入できるコンテンツ – WebTecNote
clearFixでお馴染みなCSSの擬似セレクタ::beforeと::afterではcontentプロパティというものが使えるわけですが、 ::beforeと::afterがIE7以下未対応ということもあって使ってない人は未だ多かろうと思います。 しかしながらレガシーなIEで表示されないから使わないというのは非常に勿体無いので、 今一度contentプロパティで挿入出来る内容についてまとめておこうと思います。 ※2019年現在は全ブラウザ対応しています。 挿入出来るモノ 大きく分けると３つです。 テキスト プロパティの値 画像 content:”テキスト” 半角英数や半角の記号ならそのままでOK。ただしクォーテーションなどのメタ文字は\でエスケープしないと表示されない。 日本語などの2バイト文字も書いたまま表示されるけど、数値文字参照の値で書いた方が無難です。 例：タイトルの前に★マークを
![[css] contentプロパティで挿入できるコンテンツ – WebTecNote](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
福岡生まれの「baserCMS」がベンチャーに支持されている理由 | Biz/Zine
baserCMS（ベーサーシーエムエス）という国産CMS（コンテンツ・マネジメント・システム）がある。開発と運用の中心的な役割を担っているのは株式会社キャッチアップの江頭竜二氏。 リーマンショック後の窮乏から脱したのは、福岡のベンチャーコミュニティとオープンソースの力だったという。 Webデザイナーとして食いっぱぐれ、オープンソースエンジニアに -- 「baserCMS」というCMSは福岡のベンチャー企業の中で、けっこう定評があると聞きました。そもそもなぜこのCMSが評価されているのか？江頭さんが今、このツールを手がけていらっしゃる経緯などについて、お話を伺いたいと思います。 僕自身、もともとフリーランスのWebクリエイターとして起業したんですね。それで食いっぱぐれていたんですが、色んな人に協力してもらって、baserCMSというプロジェクトを立ち上げたんです。 最初はデザインで受注してい
Copybar ➝ Click to Edit
To serve this dynamic element directly from any dynamic website: Send an HTTP GET request to the following url: https://copybar.io/ACCOUNTNAME/ELEMENTNAME this will return just the HTML wrapper for the dynamic element content. You can render this directly onto your site. or you can also include the inline editing tools: https://copybar.io/ACCOUNTNAME/ELEMENTNAME?edit To serve this dynamic element
The web's scaffolding tool for modern webapps | Yeoman
Get started and then find a generator for your webapp. Generators are available for Angular, Backbone, React, Polymer and over 5600+ other projects. One-line install using npm: npm install -g yo What's Yeoman?Yeoman helps you to kickstart new projects, prescribing best practices and tools to help you stay productive. To do so, we provide a generator ecosystem. A generator is basically a plugin tha
HTML5 & CSS3 ブラウザ別サポート状況
What is an IP Address? An IP (short for “Internet Protocol”) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transformation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe
TEST CORDING » node.js 怒濤の50サンプル!! – socket.io編
This domain may be for sale!
Useful CSS Text Effects
2014年8月22日 CSS モバイルファーストの概念が広まり、コンテンツ主体の「読ませる」サイトが増えてきた昨今。テキスト周りをより便利に、より素敵に表示できるようなCSSをいくつか集めました。ユーザビリティの向上も図れるようなものもあるので要チェック！基本的なテクニックが中心なので、初心者さん〜中級者さんの参考になればと思います。 ↑私が10年以上利用している会計ソフト！ テキスト周りで使えるCSSの小技 目次 テキストを選択する時の色を変更 蛍光ペンで線を引いたような効果 長いテキストを「…」で省略する 番号リストの表現を変更 リンクの種類でアイコン変える 言語によってスタイルを変更 テキストリンクのエフェクト プリント時はURLを表示 長いURLを途中で折返す 途中で折り返さず、次の行に 先頭の文字を大きく 先頭を一文字分あける グラデーションテキスト ブラウザーは特記していなけれ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Home | web.dev
Utilities for your recurring Frontend tasks
グーペ - 飲食店向け簡単ホームページ作成サービス
Timepicker for jQuery – Demos and Documentation
Webサイト品質管理のチェック項目リスト | 人手に頼らないWebサイトの戦略的品質管理指南
Loaders.css
csscomb.com
concrete5
PageSpeed Insights
ボタン作りの手間を削減！CSSボタンデザインジェネレーターまとめ
