海外TECH |
MakeUseOf |
Why You Shouldn't Buy Huawei Phones If You Care About Privacy |
https://www.makeuseof.com/tag/huawei-phones-privacy/
|
huawei |
2022-01-16 19:15:12 |
海外TECH |
MakeUseOf |
The 8 Best Job Sites to Find Freelance Writing Jobs Online |
https://www.makeuseof.com/best-sites-find-freelance-writing-jobs/
|
websites |
2022-01-16 19:15:12 |
海外TECH |
DEV Community |
How I made an Online E-book store and reader |
https://dev.to/pulimoodan/how-i-made-an-online-e-book-store-and-reader-53h2
|
How I made an Online E book store and reader IntroductionFirst of all I am a full stack web developer working as a freelancer I have done many projects with Django for many of my clients but recently I thought about initiating a startup Many ideas came up among my friends and we decided to start working on some of them One of the ideas was to build an online e book store for monthly subscription I didn t think about any copy right issues and competitors We found some pdfs of famous books and I just started developing Yeah I am the one and only developer among my friends I have to develop it myself They ask me about the updates everyday Problems to solveI have seen many e book readers like Kindle Google books Wattpad and so on But I always wondered about how they manage to deliver each page to users without any chance to steal their book I tried inspecting many web apps and found no loopholes At last Made an API to request each page of the book to server and return page as base image But still the problem exists The users can download the image of the page Surfed around the internet I found some other guys who asks the same questions How to protect images from being downloaded Some of them said to disable right clicking and downloading using JavaScript Others said to provide image as a background URL And many of them said to print it in canvas Still an advanced user can download the image easily Putting watermark on them was another solution But it s about reading Watermark affects reading This problem still exists and I am seeking for the answer currently The Web AppWe all learn CRUD functionalities when we research about backend development So making a book store wasn t a great challenge The main steps in the development were BooksAuthorsCategoriesAuthorsBook objects have their Review object and they related with Categories and Authors Every user has Follow Library BookRead objects Users can follow authors read books when the page will be stored for another opening They can add books to their library Books can be listed according to Categories Authors I also implemented a search functionality PaymentAt last applied on Razorpay bought domain and vps deployed project as publiso in I developed subscription system on deployment Every user has to pay Indian Rupees to get a days subscription That s mandatory to read any book Better luck next timeI was happy completing this project and waited for users to register here Even spent Rupees in google ads which resulted clicks and nothing No one made an account and no penny credited to our account I realized that all books we have is available in the internet for free So there is no meaning to sell them for money It s better to deliver them free and people will enjoy it Removed all subscription and payments stuff Made it totally free GithubI published the project on GitHub and you guys are welcome to test the code Leave your feedback as comments Can we develop this into a big project Anyone interested to contribute |
2022-01-16 19:26:19 |
海外TECH |
DEV Community |
How to use TailwindCSS 3.0 without external NPM scripts, just Hugo pipes |
https://dev.to/jonas_duri/how-to-use-tailwindcss-30-without-external-npm-scripts-just-hugo-pipes-2lg9
|
How to use TailwindCSS without external NPM scripts just Hugo pipesTailwindCSS is a utility first CSS framework for rapid UI development and as of version the JIT mode is the new default Among other benefits it renders a CSS file that only contains the code that your site is actually using nothing more What changed since TailwindCSS Since version TailwindCSS only uses the JIT compiler to do its magic That means that utility classes will be generated on demand instead of purging unused classes afterward The thing with TailwindCSS is that only the compilation result changes not the input file For this reason Hugo Pipes won t work beyond the initial render pass This behavior is perfectly fine for a production build but it doesn t detect changes when running a Hugo development server in watch mode Doesn t work in watch mode style resources Get tailwind css resources PostCSS resources Minify How to use TailwindCSS without external NPM scripts just Hugo PipesFirst up we use TailwindCSS as a PostCSS plugin This is key to using Hugo s build in resources PostCSS pipe You can read how to setup PostCSS with TailwindCSS here using post css as your preprocessorTo make work in both production and development the Hugo Way I came up with a little hack Rather than using the input file as a regular CSS resource we can tell Hugo to treat it like a template file using the resources ExecuteAsTemplate pipe To ensure that the result always changes we can create a random string and pass it into the CSS input template Also the final CSS file has the generated random string as part of its file name Note that this is only necessary during development In production a single render pass by Hugo is all it takes to work with TailwindCSS This is the complete code that a came up with if Site IsServer seed weqklrjfmnkufasdfhnlkjbladsfsl random delimit shuffle split md seed style resources Get tailwind css resources PostCSS resources ExecuteAsTemplate printf tailwind dev s css random random lt link rel stylesheet href style RelPermalink gt else style resources Get tailwind css resources PostCSS resources Minify lt link rel stylesheet href style RelPermalink gt end ConclusionsIn this article we discussed how to use TailwindCSS without external NPM scripts by using Hugo pipes First we discussed how to use the JIT mode in TailwindCSS Next I showed how to use Hugo pipes to treat the input file like a template so that it always triggers a re compilation when running Hugo in watch mode References and further reading using post css as your preprocessor |
2022-01-16 19:20:35 |
海外TECH |
DEV Community |
Forms In React | Day 13 |
https://dev.to/developerioweb/forms-in-react-day-13-436c
|
Forms In React Day WhatForms →They are used to take in the use Input Goals Build Form with ReactUnderstanding What Controlled Component areSo in the HTML forms they have their own state the whole Application doesn t know about the Form s Data until we hit Submit So they are Called the Un controlled Component Where Site can t access the form data When our app has access to the form Data they are called the Controlled Component In the case of HTML the Form has it own State and it changes based on the User Input But in React We keep all our mutable data in the State and set it using the setState So how do we Control the React State So we keep all our mutable data in the State So what we can do is to store the User input in the State Let s have a look on this Example import React useState from react function ControlledForm const Text setText useState Enter Your Name const handleSubmit evt gt evt preventDefault alert The value u Entered is Text const handleChange evt gt setText evt target value console log Text It is a Asynchronomus process so it will take some time return lt div gt lt h gt Controlled Form lt h gt lt form gt lt input onChange handleChange value Text gt lt button onClick handleSubmit gt Submit lt button gt lt form gt lt div gt export default ControlledForm Try This on CodeSandBoxSo in the Input tag we have set the value attribute to be Text which is a State The Function handleChange runs on every keystroke to update the React state the displayed value will update as the user types With a controlled component every state mutation will have an associated handler function This makes it easy to modify or validate user input The HandleClick Method →const handleClick evt gt setText evt target value console log Updated Handling Multiple Events →What if we want to use multiple input tag Do we have make new onChange event Handler for Everyone The answer is NO So we can Compute a Property in the Object also using the square brakets Like this So Instead of making separate onChange handler for every single input we can make some generic function To do so first we have include the name attribute to the input tag and the name should match to the one we have declared in the state And in the handleChange function we have to use the square braces to make changes in the right place import React useState from react function MultiInputForm const Text setText useState We have defined a Object const Text setText useState Name Email Number const handleSubmit evt gt evt preventDefault alert The value u Entered is Text Name Text Email const handleChange evt gt In this we are restoring the res ones and only changing the requierd ones setText Text evt target name evt target value console log Text It is a Asynchronomus process so it will take some time return lt div gt lt h gt Multiple Input Form lt h gt lt form gt Be carful while setting the name it should be same as that u have entered in the state lt input onChange handleChange value Text Name name Name gt lt input onChange handleChange type email placeholder Enter Email name Email gt lt input onChange handleChange type number placeholder Enter Mobile Number name Number gt lt button onClick handleSubmit gt Submit lt button gt lt form gt lt div gt export default MultiInputForm Controlled Form The HTML ForWhen ever u are using the label use htmlFor instead of for Cuz for is a Reserved word in the javaScript same with the instead we should use the className cuz class is also a Reserved keyword Passing Data to Parent ComponentSo Forms are generally Stateful so there should be a way to pass the state to the parent Component So we make a Form Component and changes it s state using handleChange Function and after on submit we have an handleSubmit function which then call the Function which we passed as props and send the state as an argument and then in parent Component we get that state and update the changes Shopping List Example Keys and UUIDHappy Coding ️ |
2022-01-16 19:02:36 |
海外TECH |
Engadget |
Walmart may offer a cryptocurrency and NFTs |
https://www.engadget.com/walmart-cryptocurrency-nft-plans-191156216.html?src=rss
|
Walmart may offer a cryptocurrency and NFTsWalmart apparently doesn t want to be left out of the crypto rush CNBC has learned Walmart filed several trademark applications with the USPTO in late December for selling virtual goods and in another filing said it would provide a cryptocurrency as well as NFTs While the documents don t necessarily guarantee action trademark attorney Josh Gerben told CNBC the trademarks were highly detailed ーWalmart was clearly thinking about how it would tackle digital currencies and products In a statement a Walmart spokesperson told Engadget the company was quot continuously exploring quot how new technologies might influence shopping and that it quot routinely quot filed trademarks as part of that process Don t expect the company to confirm or deny plans at this stage in other words nbsp nbsp It wouldn t be strange for Walmart to dip into cryptocurrencies or NFTs After Facebook changed its name to Meta and signaled its intention to foster metaverses there has been a rush among major brands to enter the space with currencies NFTs or both Adidas Nike Gap and other well known names have started selling NFTs and hinted at intentions to create virtual spaces Walmart might not want to risk missing out if this trend lasts even if it s not in a hurry to join early adopters |
2022-01-16 19:11:56 |
Linux |
OMG! Ubuntu! |
‘Rnote’ is an Impressive Freehand Note Taking App Built in Rust & GTK4 |
https://www.omgubuntu.co.uk/2022/01/rnote-frehand-notetaking-app-for-linux-gtk4
|
Rnote is an Impressive Freehand Note Taking App Built in Rust amp GTKRnote is a seriously impressive freehand note taking app written in Rust and GTK I came across it on Flathub this week and within seconds of installing it I knew I had to give it a bit of a spotlight If you ve got a laptop with a stylus or touch enabled screen and you use GNOME Shell you have to try it out Rnote is billed by its developer as a simple note taking application written in Rust and GTK I spent about minutes playing around with it albeit with a mouse as primary input and it s really quite polished This post Rnote is an Impressive Freehand Note Taking App Built in Rust GTK is from OMG Ubuntu Do not reproduce elsewhere without permission |
2022-01-16 19:36:19 |
医療系 |
医療介護 CBnews |
看護必要度から心電図モニターの管理を削除すべきか-先が見えない時代の戦略的病院経営(162) |
https://www.cbnews.jp/news/entry/20220114191049
|
千葉大学医学部附属病院 |
2022-01-17 05:00:00 |
ニュース |
BBC News - Home |
Texas synagogue hostage-taker was British |
https://www.bbc.co.uk/news/world-us-canada-60014006?at_medium=RSS&at_campaign=KARANGA
|
akram |
2022-01-16 19:39:06 |
ニュース |
BBC News - Home |
Rafael Benitez: Sacked manager did not realise magnitude of Everton task |
https://www.bbc.co.uk/sport/football/59532271?at_medium=RSS&at_campaign=KARANGA
|
Rafael Benitez Sacked manager did not realise magnitude of Everton taskRafael Benitez says he did not realise the magnitude of the task at Everton following his sacking on Sunday after less than seven months in charge |
2022-01-16 19:37:10 |
ニュース |
BBC News - Home |
Liverpool beat Brentford to move second and will 'go for everything' in pursuit of Man City |
https://www.bbc.co.uk/sport/football/59925850?at_medium=RSS&at_campaign=KARANGA
|
Liverpool beat Brentford to move second and will x go for everything x in pursuit of Man CityLiverpool move up to second in the Premier League as they overcome a stubborn Brentford side to take all three points at Anfield |
2022-01-16 19:24:12 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
転職市場で引く手あまた!「要(かなめ)人材」になる方法 - 転職で幸せになる人、不幸になる人 丸山貴宏 |
https://diamond.jp/articles/-/293284
|
引く手あまた |
2022-01-17 04:55:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
【入山章栄・動画】批判も多い「同族経営」にこそ、日本企業を成長させる鍵がある理由 - 入山章栄の世界標準の経営理論 |
https://diamond.jp/articles/-/289882
|
世界標準 |
2022-01-17 04:50:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
トヨタ・ソニーEV参戦が呼び水、戦略物資に豹変した「半導体&電池」争奪ゲームの内幕 - 戦略物資 半導体&EV電池 |
https://diamond.jp/articles/-/293257
|
|
2022-01-17 04:45:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
日本企業が悶絶するインフレ2022、資源高と悪い円安が招く「コスト上昇ラッシュ」の惨状 - 企業悶絶!インフレ襲来 |
https://diamond.jp/articles/-/293085
|
日本企業 |
2022-01-17 04:40:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
米利上げ前倒しで高まる期待、ドル安円高シナリオを支える「4つの特殊要因」 - 政策・マーケットラボ |
https://diamond.jp/articles/-/293288
|
|
2022-01-17 04:35:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
ウエディング業界の「覚悟」、第6波を想定した生き残りへの対応力とは - 日本と世界の重要論点2022 |
https://diamond.jp/articles/-/291880
|
生き残り |
2022-01-17 04:30:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
年収が低い会社ランキング2021【中国・四国地方/トップ5】1位は山口県、2位は愛媛県の企業 - ニッポンなんでもランキング! |
https://diamond.jp/articles/-/293271
|
上場企業 |
2022-01-17 04:25:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
年収が低い会社ランキング2021【中国・四国地方/全100社完全版】 - ニッポンなんでもランキング! |
https://diamond.jp/articles/-/293269
|
上場企業 |
2022-01-17 04:25:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
不祥事多い銀行の共通点?86銀行「社外取締役比率」ランキング!16位みずほ、2位山口FG… - 今週の週刊ダイヤモンド ここが見どころ |
https://diamond.jp/articles/-/293281
|
上場企業 |
2022-01-17 04:20:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
中国から看護師の卵が大量にやってくる?日本の移民社会化が幕開けか - 莫邦富の中国ビジネスおどろき新発見 |
https://diamond.jp/articles/-/293408
|
中国ビジネス |
2022-01-17 04:17:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
「オミクロン株で暗雲」の鉄道各社、業績黒字化に必要な条件とは - News&Analysis |
https://diamond.jp/articles/-/293340
|
newsampampanalysis |
2022-01-17 04:15:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
新庄剛志がVUCA時代だからこそ求められるリーダーである理由 - 河崎環の「余計なことしか考えない」 |
https://diamond.jp/articles/-/292704
|
新庄剛志 |
2022-01-17 04:10:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
診療報酬改定「想定外の決着」の裏事情、財務省も日本医師会も完敗? - DOL特別レポート |
https://diamond.jp/articles/-/292780
|
|
2022-01-17 04:05:00 |
ビジネス |
東洋経済オンライン |
見えない価値「非財務資本」こそが生死を分ける 日本企業がGAFAMの足元にも及ばない真の理由 | 最新の週刊東洋経済 | 東洋経済オンライン |
https://toyokeizai.net/articles/-/503177?utm_source=rss&utm_medium=http&utm_campaign=link_back
|
gafam |
2022-01-17 04:30:00 |
コメント
コメントを投稿