Eleftheria BatsouProeleftheriabatsou.hashnode.dev·Feb 2, 2024A Quick Look at CSS3 Multiple Backgrounds (+ Examples)Introduction Hello amazing people! One of the powerful features CSS3 offers is the ability to apply multiple backgrounds to a single element. This feature, though often overlooked, can greatly enhance the aesthetics and functionality of a website. Th...Discuss·15 likes·66 reads🖱CSS Art and small HTML/CSS/JS projects [Codepen]CSS
Eva Chenim1010ioio.hashnode.dev·Jan 11, 2024#34 CSS 讓圖片填滿容器的各種方法,以圓形大頭貼為例:object-fit 與 background-size,搭配 aspect-ratio↓ 今日學習重點 ↓ 在 HTML 加入圖片 使用 object-fit 讓圖片填滿容器 使用 background 讓圖片填滿容器 在 HTML 加入圖片 我們可以使用 HTML 的 <img> 標籤在網頁中放入圖片: <img src="圖片的路徑" alt="圖片的敘述文字,圖片失效的時的替代內容"> 在 <img> 的 src 屬性中放上圖片的路徑,就能顯示圖片。關於如何填寫路徑,可以參考這系列之前的文章: 延伸閱讀:#06補充 網頁的根、絕對路徑、相對路徑,那些關於路徑...DiscussSuper Easy CSS,極度簡單:寫出好的 CSS,從零開始前端生涯2Articles1Week
ShaaNmirageazlit.hashnode.dev·Dec 10, 2023Web Styling .2We've covered the basics of CSS, and now it's time to level up. In this second part, we're going beyond the basics and exploring some more CSS properties. Properties > background-colorSpecifies the background color to be used background-imageS...DiscussWeb Styling CSS
Abderrahmene Rayene Mihoubabderrahmenerayenemihoub.hashnode.dev·Sep 27, 2023How to animate QWidget’s background using a GIFIf you’ve ever used QLabel, you might’ve come across one of its methods: QLabel::setMovie, which is very useful for animating its background. Unfortunately, QWidget does not provide such a method. A limitation that I came across and couldn’t find a s...DiscussQt
Damek Whizblog.damekstudios.com·Jul 13, 2023How to Create Repeating/Tiled Backgrounds in Phaser 3.60Hey Game Dev wizards! Get ready to level up your game design with mesmerizing repeating/tiled backgrounds in Phaser 3.60. To create repeating / tiled background in Phaser 3.60 we will be using "Phaser.GameObjects.TileSprite". This is an example of ho...Discuss·43 readsGame Devphaser
Carina Thornecarinababy.hashnode.dev·Jun 2, 2023One of the easiest ways to set the background color of Excel documents in JavaSetting background colors for Excel documents can help to improve the visual appeal of the document and make it easier to read and understand. Background colors can be used to highlight important information or to differentiate between different sect...Discuss·1 like·76 readsJava
Sheng Tai Chentp6gw94.hashnode.dev·May 21, 2023Use JavaScript running web app in the background有時有需求在背景時仍然要同步資料,當 User 切回頁面時,仍然可以看到最及時的資料。或是發送通知給 User、持續上傳檔案等需求,都需要使用到 javscript 在 Web APP 背景執行的能力。 使瀏覽在背景下繼續執行的方式有許多種,不過以支援度來說最常使用的 Service worker ,並透過 Page Visibility API 確認瀏覽器是否是在背景模式。 Service worker 根據不同的裝置(Mobile, Desktop)與瀏覽器(Chrome, Firefox,...Discuss·43 readsJavaScript
Himangshu Kalitahimangshukalita.hashnode.dev·Feb 11, 2023Table and its PropertiesHTML Table: Web developers can organize information like text, images, links, and other data into rows and columns of cells using HTML tables. The <table> tag is used to generate HTML tables. Table rows are created using the <tr> tag, while data c...Discuss·43 readstable
Anshu Shreeianshushree.hashnode.dev·Jan 26, 2023Exploring ImageToday I have created a programme using Html and CSS.In the journey of making this,I enjoyed a lot.I am very happy that I tried this.Today I learned a lot of topics like CSS selectors, box making and colors and styles in CSS.But in them,I enjoyed lear...Discuss·35 readsimages
Vaibhav Tripathitechreads.hashnode.dev·Sep 16, 2022CSS Animations : Level GeninWe all have seen those fancy looking websites with cool animations and smooth transitions effects. Animations increase the user retentivity and help to attract more traffic to the websites. Therefore, using animations in development projects has bec...Discuss·2 likes·183 readsCSS