DEV Community: csshint The latest articles on DEV Community by csshint (@csshint). https://dev.to/csshint https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F408281%2F727dbb8b-24ef-492d-9f02-a0c3f6db69c8.jpg DEV Community: csshint https://dev.to/csshint en web design tips and tricks csshint Wed, 08 Jul 2020 07:23:02 +0000 https://dev.to/csshint/web-design-tips-and-tricks-5e5i https://dev.to/csshint/web-design-tips-and-tricks-5e5i <p>web design tips and tricks</p> <p><a href="https://csshint.com/jquery-search-boxes/" rel="noopener noreferrer">10+ jQuery Search Boxes</a><br> <a href="https://csshint.com/download-progress-bar-css-js/" rel="noopener noreferrer">12+ Download progress bar using css js</a></p> <p><a href="https://csshint.com/html-css-footer-design/" rel="noopener noreferrer">18+ creative Html css footer design Examples</a></p> <p><a href="https://csshint.com/css-hover-effects/" rel="noopener noreferrer">40 CSS Hover Effects</a></p> <p><a href="https://csshint.com/bootstrap-social-media-icons/" rel="noopener noreferrer">Top 20 : Bootstrap Social Media Icons Code Examples</a></p> <p><a href="https://csshint.com/free-tattoo-fonts/" rel="noopener noreferrer">32+ Free Tattoo Fonts with Style for 2020</a></p> <p><a href="https://csshint.com/bootstrap-forms/" rel="noopener noreferrer">12 Amazing Bootstrap Forms</a></p> <p><a href="https://csshint.com/bootstrap-testimonial-slider/" rel="noopener noreferrer">18+ Bootstrap Testimonial Slider Examples</a></p> <p><a href="https://csshint.com/inspirational-quotes/" rel="noopener noreferrer">100+ Inspirational Motivational Quotes</a></p> <p><a href="https://csshint.com/css-text-effects/" rel="noopener noreferrer">24+ CSS Text Effects</a></p> <p><a href="https://csshint.com/animated-css-hover-effects/" rel="noopener noreferrer">15+ Cool Animated CSS Hover Effects</a></p> <p><a href="https://csshint.com/pure-css-animated-buttons/" rel="noopener noreferrer">18+ Amazing Pure CSS Animated Buttons</a></p> <p><a href="https://csshint.com/multi-step-html-forms/">16+ Multi step HTML forms</a></p> <p><a href="https://csshint.com/text-animations/">18+ CSS Text Animations</a></p> <p><a href="https://csshint.com/javascript-password-show-hide-example/">14+ JavaScript Password Show / Hide Example</a></p> <p><a href="https://csshint.com/css-gallery/">20+ CSS Gallery Examples</a></p> <p><a href="https://csshint.com/css-shopping-cart-ui-ux/">10+ CSS Shopping Cart UI/UX</a></p> <p><a href="https://csshint.com/css-slider/">25+ CSS Slider</a></p> <p><a href="https://csshint.com/bootstrap-slider/" rel="noopener noreferrer">20 Bootstrap Sliders</a></p> <p><a href="https://csshint.com/css-business-card-design/" rel="noopener noreferrer">18+ Amazing CSS Business Card Design</a></p> <p><a href="https://csshint.com/free-payment-method-credit-card-icon-sets/" rel="noopener noreferrer">Free Payment Method &amp; Credit Card Icon Set</a></p> <p><a href="https://csshint.com/css-dropdown-menu/" rel="noopener noreferrer">15+ CSS DropDown Menu</a></p> <p><a href="https://csshint.com/css-animation/" rel="noopener noreferrer">32+ CSS Animation Examples</a></p> <p><a href="https://csshint.com/css-slideshow/" rel="noopener noreferrer">20 + CSS Slideshow Design</a><br> <a href="https://csshint.com/bootstrap-menus/" rel="noopener noreferrer">18 Bootstrap Menus</a><br> <a href="https://csshint.com/css-divider/" rel="noopener noreferrer">20 Creative CSS Divider</a><br> <a href="https://csshint.com/bootstrap-login-forms/" rel="noopener noreferrer">15+ Bootstrap Login Forms</a><br> <a href="https://csshint.com/css-star-ratings/" rel="noopener noreferrer">25 CSS Star Ratings</a></p> <p><a href="https://csshint.com/horizontal-timeline-css/" rel="noopener noreferrer">22+ Horizontal Timeline CSS Examples</a><br> <a href="https://csshint.com/css-image-effects/" rel="noopener noreferrer">28+ CSS Image Effects</a><br> <a href="https://csshint.com/bootstrap-tables/" rel="noopener noreferrer">22 Bootstrap Tables</a><br> <a href="https://csshint.com/bootstrap-buttons/" rel="noopener noreferrer">20 Bootstrap Buttons</a><br> <a href="https://csshint.com/bootstrap-sidebars/" rel="noopener noreferrer">12+ bootstrap sidebars</a><br> <a href="https://csshint.com/css-full-screen-video-background/" rel="noopener noreferrer">15+ CSS Full Screen Video Background</a><br> <a href="https://csshint.com/css-round-button/" rel="noopener noreferrer">10+ Fancy CSS Round Button</a><br> <a href="https://csshint.com/login-signup-modal-window/" rel="noopener noreferrer">10 Open Source Login/Signup Modal Window</a></p> BCA Full form , What is Full form of BCA? csshint Wed, 08 Jul 2020 07:19:23 +0000 https://dev.to/csshint/bca-full-form-what-is-full-form-of-bca-23bl https://dev.to/csshint/bca-full-form-what-is-full-form-of-bca-23bl <p>Full form of BCA is Bachelors in Computer Application. </p> <div class="table-wrapper-paragraph"><table class="hori-table"> <tbody> <tr> <th>Acronym</th> <th>Full Form</th> </tr> <tr> <td> <a href="https://csshint.com/aids-full-form-what-is-full-form-of-aids/">AIDS </a> </td> <td> Acquired Immune Deficiency Syndrome</td> </tr> <tr> <td> <a href="https://csshint.com/army-full-form-what-is-full-form-of-army/">ARMY</a> </td> <td> Alert Regular Mobility Young </td> </tr> <tr> <td> <a href="https://csshint.com/atm-full-form/">ATM</a> </td> <td> automated teller machine </td> </tr> <tr> <td> <a href="https://csshint.com/bba-full-form-what-is-full-form-of-bba/">BBA</a> </td> <td> Bachelors of Business Administration </td> </tr> <tr> <td> <a href="https://csshint.com/bca-full-form-what-is-full-form-of-bca/">BCA</a> </td> <td> Bachelors in Computer Application. </td> </tr> <tr> <td> <a href="https://csshint.com/b-com-full-form-what-is-full-form-of-b-com/">B.Com</a> </td> <td> Bachelor of Commerce </td> </tr> <tr> <td> <a href="https://csshint.com/bsc-full-form-what-is-full-form-of-bsc/">B.Sc</a> </td> <td> Bachelor of Science </td> </tr> <tr> <td> <a href="https://csshint.com/bsf-full-form-what-is-full-form-of-bsf/">BSF</a> </td> <td> Border Security Force </td> </tr> <tr> <td> <a href="https://csshint.com/btc-full-form-what-is-full-form-of-btc/">BTC</a> </td> <td> Basic Training Certificate </td> </tr> <tr> <td> <a href="https://csshint.com/ca-full-form-what-is-full-form-of-ca/">CA</a> </td> <td> Chartered Accountant</td> </tr> <tr> <td> <a href="https://csshint.com/cbi-full-form-what-is-full-form-of-cbi/">CBI</a> </td> <td> Central Bureau of Investigation </td> </tr> <tr> <td> <a href="https://csshint.com/cbsc-full-form-what-is-full-form-of-cbsc/">CBSE</a> </td> <td> central board of secondary education</td> </tr> <tr> <td> <a href="https://csshint.com/cid-full-form-what-is-full-form-of-cid/">CID</a> </td> <td> Crime Investigation Department</td> </tr> <tr> <td> <a href="https://csshint.com/ceo-full-form-what-is-full-form-of-ceo/">CEO</a> </td> <td> chief executive officer </td> </tr> <tr> <td> <a href="https://csshint.com/computer-full-form/">COMPUTER</a> </td> <td> commonly operated machine particularly used for technology education and research. </td> </tr> <tr> <td> <a href="https://csshint.com/dc-full-form-what-is-full-form-of-dc/">DC</a> </td> <td> Deputy Commissioner </td> </tr> <tr> <td> <a href="https://csshint.com/google-full-form-what-is-full-form-of-google/">GOOGLE</a> </td> <td> Global Organization of Oriented Group Language of Earth. </td> </tr> <tr> <td> <a href="https://csshint.com/mbbs-full-form/">MBBS</a> </td> <td> Bachelor of Medicine and Bachelor of Surgery </td> </tr> <tr> <td> <a href="https://csshint.com/hiv-full-form-what-is-full-form-of-hiv/">HIV</a> </td> <td> Human Immunodeficiency Virus</td> </tr> <tr> <td> <a href="https://csshint.com/mba-full-form/">MBA</a> </td> <td> Master of Business Administration </td> </tr> <tr> <td> <a href="https://csshint.com/nrc-full-form/">NRC</a> </td> <td> Master of Business Administration </td> </tr> <tr> <td> <a href="https://csshint.com/phd-full-form/">PhD</a> </td> <td> Doctor of Philosophy </td> </tr> <tr> <td> <a href="https://csshint.com/ok-full-form/">OK</a> </td> <td> oll Korrect </td> </tr> <tr> <td> <a href="https://csshint.com/rip-full-form/">RIP</a> </td> <td> Rest in peace </td> </tr> <tr> <td> <a href="https://csshint.com/ssc-full-form-what-is-full-form-of-ssc/">SSC</a> </td> <td> Staff Selection Commission </td> </tr> <tr> <td> <a href="https://csshint.com/upsc-full-form-what-is-full-form-of-upsc/">UPSC </a> </td> <td> Union Public Service Commission </td> </tr> </tbody> </table></div> 25+ CSS Slider csshint Sat, 13 Jun 2020 16:34:16 +0000 https://dev.to/csshint/25-css-slider-581l https://dev.to/csshint/25-css-slider-581l <div class="highlight"><pre class="highlight plaintext"><code>&lt;div class="entry-content"&gt; &lt;p&gt;Latest Collection of free hand-picked &lt;strong&gt;CSS Slider&lt;/strong&gt; Examples using css and js. Demo and Download the zip (*.zip).&lt;/p&gt; </code></pre></div> <h4> <span>1.</span> Javascriptless Before/After Slider </h4> <p><a href="http://csshint.com/wp-content/uploads/2020/05/CSS-js-Slider.gif"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Q07fEd-o--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/http://csshint.com/wp-content/uploads/2020/05/CSS-js-Slider.gif" alt="CSS js Slider" width="714" height="350" class="aligncenter size-full wp-image-1857"></a><br></p> <h4>Author</h4> <ul> <li> Envato Tuts+ </li> </ul> <p><a href="https://codepen.io/tutsplus/pen/bWKMoK" class="btn_blue floatleft" rel="external nofollow noopener noreferrer">demo and code</a></p> <div class="highlight"><pre class="highlight plaintext"><code> (adsbygoogle = window.adsbygoogle || []).push({}); </code></pre></div> <h6>Related Articles</h6> <ol> <li><a href="http://csshint.com/link-style-hover-effect/">24+ CSS Link Style &amp; Hover Effect</a></li> <li><a href="http://csshint.com/bootstrap-social-media-icons/">Top 20 : Bootstrap Social Media Icons</a></li> <li><a href="http://csshint.com/css-3d-text-effects/">Top 20: CSS 3D Text Effects</a></li> <li><a href="http://csshint.com/css-spinners/">28 CSS Loading Spinner Snippets</a></li> <li><a href="http://csshint.com/html-funny-404-pages/">Top 10: HTML Funny 404 Pages</a></li> <li><a href="http://csshint.com/css-tabs/">Top 30 CSS Tabs</a></li> <li><a href="http://csshint.com/css-search-boxes/">Top 20: CSS Search Boxes</a></li> <li><a href="http://csshint.com/css-iphone-design/">28+ CSS iPhone Design</a></li> </ol> <h4> <span>2.</span> Pure CSS Bug ECommerce Interactions </h4> <a href="http://csshint.com/wp-content/uploads/2020/05/CSS-Slider.gif"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--XW2fpDA_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/http://csshint.com/wp-content/uploads/2020/05/CSS-Slider.gif" alt="CSS Slider" width="685" height="387" class="aligncenter size-full wp-image-1854"></a><br> <h4>Author</h4> <ul> <li> cobra_winfrey </li> </ul> <p><a href="https://codepen.io/cobra_winfrey/pen/mZePLQ" class="btn_blue floatleft" rel="external nofollow noopener noreferrer">demo and code</a></p> (adsbygoogle = window.adsbygoogle || []).push({}); <h4> <span>3.</span> CSS-only image slider using SVG patterns </h4> <p><br> See the Pen <a href="https://codepen.io/damianmuti/pen/OgBWej">CSS-only image slider using SVG patterns</a> by Damián Muti<br> (<a href="https://codepen.io/damianmuti">@damianmuti</a>) on <a href="https://codepen.io">CodePen</a>.<br> </p> <h4>Author</h4> <ul> <li> damianmuti </li> </ul> <p><a href="https://codepen.io/damianmuti/pen/OgBWej" class="btn_blue floatleft" rel="external nofollow noopener noreferrer">demo and code</a></p> <div class="highlight"><pre class="highlight plaintext"><code> (adsbygoogle = window.adsbygoogle || []).push({}); </code></pre></div> 15+ Cool Animated CSS Hover Effects csshint Sat, 13 Jun 2020 16:28:30 +0000 https://dev.to/csshint/15-cool-animated-css-hover-effects-4fmh https://dev.to/csshint/15-cool-animated-css-hover-effects-4fmh <p>Latest Collection of free Amazing Animated Css Hover Effects Code Examples. 1. Hover.</p>