GitHub - microsoft/frontend-bootcamp: Frontend Workshop from HTML/CSS/JS to TypeScript/React/ReduxYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
カクヨムでの縦組み表示の実装と、縦書きWebの将来に向けて (builderscon tokyo 2018) - Hatena Developer Blog
こんにちは、Webアプリケーションエンジニアのid:nanto_viです。先日開催されたbuilderscon tokyo 2018において「カクヨムでの縦組み表示の実装と、縦書きWebの将来に向けて」という発表を行いました。Webブラウザ上で、小説を縦組みで読むという機能に関するものです。その発表資料に補足と質疑応答の内容を加えて公開します。 なお、当日は資料を単一のHTMLファイルに切り出して、それをFirefoxで開き200%にズームした画面を映しながらプレゼンテーションしました。 カクヨムでの縦組み表示の実装と、縦書きWebの将来に向けて 自己紹介 nanto_vi (TOYAMA Nao) 株式会社はてな Webアプリケーションエンジニア Perl, TypeScript カクヨム KADOKAWA × はてな による小説投稿サイト 2016年2月正式オープン 縦組み表示 補足
AtomicLab
Atomic Lab Component Guide Generator based on partial templates (ejs/jade/haml/html) View on Github About Atomic Lab Atomic Lab is a component guide generator, you can build with Node.js The porpose There are so many styleguide generators out there such as hologram, fractal etc.. But, Do you really need those style guide generators? Actually I and some other friends dislike leaving comments on css
Bong88 - Link Vào 1gom An Toàn Uy Tín Free Code 88k
Bong88 là nhà cái cá cược bóng đá được nhiều người tìm kiếm nhờ hệ thống kèo ổn định và tốc độ xử lý nhanh. Do đặc thù vận hành, bong88 có thể thay đổi domain theo từng thời điểm để đảm bảo bảo mật và duy trì truy cập liên tục, khiến người chơi gặp khó khăn khi đăng nhập. Tại đây, 1gom là kênh chính thống cung cấp link uy tín, cũng là nơi hỗ trợ link dự phòng nhanh nhất khi hệ thống thay đổi domai
Frontend Lunch Podcast
Frontend Lunch 29 - NOTA Inc.の方々をお招きしました Frontend Lunchは、株式会社はてな社員によるフロントエンド開発についてのPodcastです。今回はNOTA Inc.のakiroomさん、pastakさんをゲストにお招きしました。 Frontend Lunch 27 - FRONTEND CONFERENCEレポート, CSS Containment Frontend Lunchは、株式会社はてな社員によるフロントエンド開発についてのPodcastです。今回はhatz48の司会でJavaScript関連のニュースを読みながら雑談しました。 Frontend Lunch 26 - CSS Grid, ScalaCSS, Snyk, Polymer Frontend Lunchは、株式会社はてな社員によるフロントエンド開発についてのPodcastです
Chromeのheight:100%がおかしい : (*x).b=z->a+y/c
◆height:100%のtextareaとiframeは100%を超えてスクロールバーが出る ◆transitionalモードにしたほうがいいかも ◆overflow:hiddenという方法もあり ◆Firefoxちゃんと動いてくれる cssでheight:100%;をしていた時にstrictモードとtransitionalモードで挙動が違うことでデザインが崩れる問題です モードの指定方法は strictモード
Why moving elements with translate() is better than pos:abs top/left - Paul Irish
Update (2016): The more canonical writeup of this technique is at High Performance Animations - HTML5 Rocks. TL;DR: Only transform & opacity; never top/left! In modern days we have two primary options for moving an element across the screen: using CSS 2D transforms and translate() using position:absolute and top/left Chris Coyier was asked why you should use translate. Go read his response which c
Simulating Website Thumbnails using iFrames
An example of what we are building, this technique allows us to avoid using a more complex backend service to create thumbnail screenshots of our webpages.Avoiding the use of a back-end serviceOur team was building a website editor. This editor parsed a template file and broke it down into reusable components, which could then be reused in any other portion of the website. In our initial version,
Home · takahashiakira/tech_for_web Wiki · GitHub
Technology for Web Developers Webエンジニアリングに関するトピックで、フロントエンドをメインにバックエンドやインフラ周りまで、個人的にまとめたドキュメントを公開してます。 なんの気なしに公開していたドキュメントでしたが、最近急激に読者が増えてきて、そろそろ内容も古くなってきたこともあり今後真面目にメンテナンスや運用方法を検討中です。 ※本Wikiは内容が古かったり誤りがある可能性がありますのでご了承ください。 ※内容に致命的な問題を発見した場合はお気軽にご指摘ください。 Front-end FEのためのJS基礎 これだけ覚えるべきJSの基礎 現場で使うjQuery FEの実践的なJS頻出表現 フロントエンド環境構築とnpm CommonJSモジュール運用 JS小規模なView設計 JSモジュール設計 ReactとRedux Reactの基礎 Reactの実践
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
The State of Front-End Tooling – 2015
Front-end development Blog and Portfolio for Ashley Watson-Nolan – Senior UI Engineer at Just Eat Update 30/11/2016 If you’re interested in finding out more details about current Front-End Tooling trends, I’ve now published the results from the 2016 Edition of this Survey. Update 12/10/2015 – Thanks to the incredible response to the survey! Since putting the article live last month, responses to t
クリエイターの為の情報サイト | ウェブプログラミングプレイス
お使いのブラウザはJavaScriptが無効になっております。 当サイトでは検索などの処理にJavaScriptを使用しています。 より快適にご利用頂くため、JavaScriptを有効にしたうえで当サイトを閲覧することをお勧めいたします。 ウェブプログラミングプレイスへようこそ。 当サイトはプログラマーやクリエイターの皆様の為の情報サイトです。 当サイトに掲載している情報は 商業利用、個人利用問わずフリーとなっておりますのでご自由にご利用下さい。 当サイトご利用の際に発生した事故、損害等はこちらでは一切責任を負いません。 当サイトへのリンクは全てフリーとなっております。 当サイトでの著作権侵害、記事の間違い等ございましたらこちらよりご報告頂ければ幸いです。 当サイトの執筆、管理等は合同会社アキバクリエイションが行なっております。
symdiff
symdiff Ever wondered if some of your classes can be removed without breaking things? symdiff gives you the answer: It returns the symmetric difference (hence the name) of classes used in your styles and templates. This means a class must be in both of them or it will break your build (if you want to). Example This CSS:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - popcodeorg/popcode: An HTML/CSS/JavaScript editor for use in the classroom
Amazon.com: Responsively Retrofitting: Retrofitting Web Sites with HTML5 and CSS3: Schmitt, Christopher: Books
Webデザイン入門：HTMLとCSSの書き方をゼロから学ぼう
Amazon.co.jp: インクルーシブHTML+CSS & JavaScript 多様なユーザーニーズに応えるフロントエンドデザインパターン: Heydon Pickering (著), 太田良典 (監修), 伊原力也 (監修), 株式会社Bスプラウト (翻訳): 本
GitHub - webslides/WebSlides: Create HTML presentations in seconds —
2016年版 フロントエンド開発フォーマット
フロントエンドはDDDの夢を見るか
