[B! JavaScript][css] yukimori_726のブックマーク

デバイスやビジターを選ばずに、HTMLとCSSとJavaScriptを使った最適な実装方法が身につくオススメの本

インクルーシブとは直訳すると、包括、全てを含むこと。Webデザインにおいて、ビジター・デバイスなどあらゆるものを排除せずに全てを受け入れるようにすることです。デスクトップやスマホなどデバイスを選ばずに、健常者やお年寄りなどビジターを選ばずにアクセスできるよう、HTMLとCSS、そしてJavaScriptを使った最適な実装方法が身につくオススメの一冊を紹介します。 HTML, CSS, JavaScriptは関係ないと思ってるデザイナーやディレクターもデザインの在り方、これから必要となるフロントエンドのデザインパターンについて、理解を深めるために役立ちます。

yukimori_726 2017/11/02

リンク

とほほのBootstrap 3入門 - とほほのWWW入門

とほほのBootstrap 3入門トップ Bootstrap 3入門はじめにこのページは「Bootstrap 3」について説明しています。Bootstrap 4 については、「Bootstrap 4入門」を参照してください。 Bootstrap とは Bootstrap は、スマートフォンなどのモバイル端末にも対応し、レスポンシブデザインを採用した HTML, CSS, JavaScript フレームワークです。 Twitter 社で開発され、最初は「Twitter Bootstrap」と呼ばれていましたが、現在は「Bootstrap」となりました。ライセンスは MIT License で、商用利用も可能です。現時点(2018年5月6日)の最新バージョンは 4.1.1 です。 Bootstrap 2 と Bootstrap 3 以降では一部互換性の無い機能があります。 2018

yukimori_726 2015/09/11

リンク

gulp なしの Web フロントエンド開発 - アカベコマイリ

Web フロントエンド開発において gulp は非常に便利だ。しかしあまりにも gulp に依存しすぎており、これなしで開発できるだろうか？という不安もある。というわけで gulp を利用せず package.json と npm だけで同等の機能を実現する方法を検討してみた。 2015/11/4 追記 babelify v7.2 を試すで babelyfy 7.2 ( とその中の Babel 6.x ) について調べ、npm-scripts の変更が必要なことを確認したので追記。また Windows 環境の動作検証をおこなったところ、最新の watchify なら -o オプションが通ることを確認できた。よって本記事の最後の課題が解決したことになる。 2015/9/23 追記 cpx と rimraf を試すの内容をファイル処理に反映して簡略化。 2015/9/15 修正 Stylus

yukimori_726 2015/08/05

リンク

CSSの実用的なテクニックから素晴らしいアイデアまで！スタイルシートの最新テクニックのまとめ

次のプロジェクトに使ってみたくなるような実用的なものをはじめ、CSSでこんなこともできるの！という素晴らしいアイデアまで、クリエイティブなスタイルシートのテクニックを紹介します。

yukimori_726 2015/06/03

リンク

次のプロジェクトで使いたい、CSS3からSVGまでアニメーションを実装するスクリプトのまとめ

最近のウェブやスマフォのページで使われている効果的で面白いさまざまなアニメーションを実装できるスクリプトを紹介します。スクロールに連動してさまざまな要素がアニメーションで表示されたり、ページを表示する時にふわっとさせたり、画像にSVGでブラーをかけてテキストを載せたり、物理演算エンジンで慣性を楽しんだりなど、デモを見るだけでもかなりいい刺激がもらえるスクリプトばかりです。 Agile Agile -GitHub SVGやWebGLを使用せず、JavaScriptでCSS3アニメーションを生成するライブラリ。デスクトップの各ブラウザ対応だけでなく、スマフォやタブレットにもパフォーマンスが最適化されています。キーフレームやトゥイーンを使ったアニメーションが得意です。

yukimori_726 2014/05/02

リンク

超会議3の超チューニング祭の感想

さて、超チューニング祭が終わったので、感想を書こうと思う。すでに、参加者の中で、感想を書いている人もいる。レポート - 超チューニング祭で努力賞(最速賞)をとるためにやったこと - Qiita ニコ動超チューニング祭で最優秀賞もらいました超チューニング祭に参加した - masarakki's blog JavaScript - 超チューニング祭に参加＆表彰した - Qiita kmizu/slide_cho_tuning また、いつの間に行ったのか、優勝者に取材したところもあるらしい。『ニコ超3』の超チューニング祭で、“創世神”戀塚昭彦氏を上回ったカップルが見せたバランス感覚 - エンジニアtype さて、筆者の視点からみた超チューニング祭はどうだったか。そもそも、私がスタッフとして配置されるブースは、超時空ニコニコ研究所であるはずだった。しかし、超会議にさかのぼること三週間前、

yukimori_726 2014/04/30

リンク

セクシーなドロップダウンメニュー実装サンプル:phpspot開発日誌

Sexy Drop Down Menu w/ jQuery & CSS | Noupe セクシーなドロップダウンメニュー実装サンプル。次のような、セクシーかどうかはさておき、クールなメニューのサンプルが公開されています。 CSSで綺麗にレイアウトして、jQueryで実装したものです。マウスオーバーで光る高級感がナイス矢印↓ボタンを押した時にちゃんと凹むのもいい感じ。タグ構造も結構綺麗に定義できてレガシーなブラウザ（ＩＥ６）にも対応しているっぽいのでなかなかオススメです。関連エントリチュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル jQueryクライアントとPHPサーバ間をJSONで結ぶチュートリアル

yukimori_726 2009/06/08