IE11やEdgeにも対応できる、CSSだけで3行目でテキストの文末を「…」で省略する | かちびと.net

2019/07/24 56 users 文末 Edge CSS WebKit overflow

Result よくある、テキストの文末を省略するやつです。 1行に限らず、3行目、5行目など、n行で省略可能でWebkitやFirefoxはもちろん、IE11やEdgeもサポートしたコードです ↑ IE11で確認したスクショです。Penは非対応だったのでjsfiddleで確認しています css p { line-height: 1.4; max-height: 4.2em; overflow: hidden... 続きを読む

たった9日間で戦力となるウェブエンジニアになれる７ステップ | VASILY DEVELOPERS BLOG

2014/02/26 140 users ウェブエンジニア 素養 ミドルウェア SQL 戦力

理系的素養は有るけれどもウェブ経験が全く無い学生インターンが、9日間で立派なウェブ系エンジニア になったので、そのポイントをまとめました！ ざっくり概要 Getting Started with Railsをやる ユーザに届ける体験をする Pull Requestのやりとりをする SQLをいじる ウェブで使うミドルウェアとインフラを知る JSFIDDLEを触る ウェブ業界について知る そしたら取り... 続きを読む

jsFiddleを使ってJavaScriptのテストを簡単に動かせるテンプレートサイトを作りました | Web scratch

2013/03/02 61 users mocha テスティングフレームワーク QUnit Save

JavaScript Test Fiddle Template というJSFiddleで使えるQUnit/Jasmine/Mocha/Buster.JSなどを動かすテンプレートを作りました。 使い方は単純で、 好きなテスティングフレームワークを選ぶ(なかったPull Requst) JSFiddleがテストのセットアップが入った状態で開かれるので、テストを書く “Save” ボタンを押して保存 後... 続きを読む

[CSS]属性セレクタを使ったちょっと面白いスタイルシートのテクニックのまとめ | コリス

2012/07/02 83 users コリス result 属性セレクタ script CSS

属性セレクタを使って、デバッグ用に空のリンクを目立たせたり、外部リンクのみアイコンをつけたり、head内のscriptやstyleのデータを明示するなど、ちょっと面白いスタイルシートのテクニックを紹介します。 空のリンクを目立たせる 外部リンクを目立たせる 外部リンクのみアイコンを付与する PNG画像を裏返しにする head内の要素を可視化 デモ表示に使用している「Jsfiddle」はResult... 続きを読む

JavaScriptをブラウザ上で開発、その場で実行できるJSBinがオープンソースで公開されてたのでインストールしてみた - かちびと. net

2011/12/05 115 users jsdoit JSBin OSS 手順 net

基本的にはjsfiddleメインなんですが、 依存するのが基本的に不安なのでロー カル環境で同じような環境を作りたか ったのですが、同様のサービスのJSBin がOSSで公開されてましたので試しに インストールしてみました。 まだちゃんと使うかは分かりませんけど、折角入れてみたので手順をメモ書き。 以前、ブラウザ上でjsを開発、URLを発行するjsfiddleをご紹介しました。jsDoitみたいな... 続きを読む

ブラウザ上でHTML / CSS / Javascriptを書いてその場で実行、ブログ等にも貼付できるjsfiddleの基本的な使い方をざっくりと - かちびと. net

2011/10/24 624 users jQuery CSS JavaScript jsdo.it

個人的にお勧めしているjsfiddle ですが、せっかくなのでちゃんと 記事にして普及活動をしてみよう かなと思います。jQueryのコード を気軽に試す、などにも最適です。 全部は書ききれないのでざっくりと、程度です。一応基本的な部分だけ・・jsdo.itでいいじゃんとか言われそうな空気満々ですが、いいならこんな記事書きませんのでお察し頂ければ幸いです。 jsfiddle jsfiddleとは、... 続きを読む