[B! webdesign] ykrishnasã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ykrishnas id:ykrishnas

webdesignã«é–¢ã™ã‚‹ykrishnasã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (201)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Lorem JPsum | è‡ªç„¶ãªæ—¥æœ¬èªžãƒ€ãƒŸãƒ¼ãƒ†ã‚ã‚¹ãƒˆã‚’è‡ªå‹•ç”Ÿæˆ
ã¤ã¾ã‚Šãã®æ˜Ÿã¯ã¿ãªã€ä¹³ã®æµã‚Œã¨è€ƒãˆã‚‹ãªã‚‰ã€ãã®ä¸€ã¤ä¸€ã¤ã®è¡—ç‡ˆãŒã€é’ç™½ãç«‹æ´¾ã«å…‰ã£ã¦ã„ã¾ã™ã€ã¼ãã¯ãã£ã¨ãã†ã—ã¾ã™ã€‚é»„ã„ã‚ã®ãŒã ã‚“ã ã‚“å‘ã“ã†ã¸ã¾ã‚ã£ã¦æ¥ãŸã‚Šã™ã‚‹ã®ã§ã—ãŸã€‚ã¾ã£ãŸãã€ãã®ä¸ã«ã€æœˆé•·çŸ³ã§ã§ã‚‚ã“ã•ãˆãŸã‚ˆã†ãªãµã†ã«ã—ã¦å‘ã“ã†ã®çª“ã®å¤–ã«ã¯æµ·è±šã®ã‹ãŸã¡ã‚‚ã‚‚ã†è¦‹ãˆãªããªã£ã¦ã„ã¾ã—ãŸã€‚ãã—ã¦ã„ããªã‚Šè¿‘ãã®äººãŸã¡ãŒã€ä½•ã‹ã‚ã£ãŸã‚“ã ã€‚è»ŠæŽŒãŒæ‰‹ã‚’ã®ã°ã—ã¦ã“ã£ã¡ã¸æ¥ã‚‹ã®ã‚’å¾…ã£ã¦ã„ã¾ã—ãŸã€‚
ykrishnas 2022/01/25
tools

webdesign
ãƒªãƒ³ã‚¯
Free open source icons, illustrations, emojis and graphics - Iconduck
273,858 free open source icons & illustrations (no em ail address required)
ykrishnas 2021/01/23
"Free open source icons, illustrations and graphics"

design

webdesign
ãƒªãƒ³ã‚¯
SvgPathEditor
Online editor to create and manipulate SVG paths
ykrishnas 2020/11/06
"Online editor to create and manipulate SVG paths"

tools

svg

webdesign
ãƒªãƒ³ã‚¯
Layoutit Grid â€” CSS Grids layouts made easy!
Quickly design web layouts, and get HTML and CSS code. Learn CSS Grid visually and build web layouts with our interactive CSS Grid Generator.
ykrishnas 2020/10/19
webdesign

css

tools
ãƒªãƒ³ã‚¯
Leonardo
What is Leonardo? Leonardo is a one-of-a-kind tool for creating, managing, and sharing accessible color systems for user interface design and data visualization.
ykrishnas 2020/04/01
"Generate colors based on a desired contrast ratio."

design

webdesign
ãƒªãƒ³ã‚¯
Open Source Chart Image API | QuickChart
Generate chart images with a simple, open API Add charts to em ails, reports, and anywhere else. Over 4 billion charts rendered for users around the world. Get started View hosted plans https://quickchart.io/chart?c={type:'bar',data:{labels:['Q1','Q2','Q3','Q4'], datasets:[{label:'Users',data:[50,60,70,180]},{label:'Revenue',data:[100,200,300,400]}]}} â‡£ Embed charts anywhere. Our chart API generate
ykrishnas 2019/03/07
Create a chart image with one URL, a replacement for Google Image Charts API.

tools

webdesign
ãƒªãƒ³ã‚¯
à¸—à¸²à¸‡à¹€à¸‚à¹‰à¸² CMD368 à¸¥à¹ˆà¸²à¸ªà¸¸à¸”à¸›à¸µ 2024 à¹à¸—à¸‡à¸šà¸à¸¥ à¸„à¸²à¸ªà¸´à¹‚à¸™ à¸•à¹‰à¸à¸™à¸£à¸±à¸šà¸ªà¸¡à¸²à¸Šà¸´à¸à¹ƒà¸«à¸¡à¹ˆ 100%
à¸—à¸²à¸‡à¹€à¸‚à¹‰à¸² CMD368 à¸¥à¹ˆà¸²à¸ªà¸¸à¸”à¸›à¸µ 2024 à¹à¸—à¸‡à¸šà¸à¸¥ à¸„à¸²à¸ªà¸´à¹‚à¸™ à¸•à¹‰à¸à¸™à¸£à¸±à¸šà¸ªà¸¡à¸²à¸Šà¸´à¸à¹ƒà¸«à¸¡à¹ˆ 100% à¸—à¸²à¸‡à¹€à¸‚à¹‰à¸² CMD368 à¸¥à¹ˆà¸²à¸ªà¸¸à¸”à¸›à¸µ 2024 à¸—à¸µà¹ˆà¸—à¸²à¸‡à¹€à¸§à¹‡à¸šà¹„à¸‹à¸•à¹Œà¹€à¸£à¸²à¹„à¸”à¹‰à¸—à¸³à¸à¸²à¸£à¸à¸±à¸žà¹€à¸”à¸— à¹ƒà¸«à¹‰à¸—à¹ˆà¸²à¸™à¸ªà¸¡à¸²à¸Šà¸´à¸à¹€à¸‚à¹‰à¸²à¹„à¸§à¹‰à¹ƒà¸Šà¹‰à¸‡à¸²à¸™à¸™à¸±à¹‰à¸™ à¸—à¸²à¸‡à¸—à¸µà¸¡à¸‡à¸²à¸™à¹„à¸”à¹‰à¸„à¸±à¸”à¸à¸£à¸à¸‡à¸¥à¸´à¸‡à¸„à¹Œà¸¡à¸²à¹€à¸£à¸µà¸¢à¸šà¸£à¹‰à¸à¸¢à¹à¸¥à¹‰à¸§ à¹€à¸žà¸·à¹ˆà¸à¹ƒà¸«à¹‰à¸à¸²à¸£à¹€à¸”à¸´à¸¡à¸žà¸±à¸™ à¸‚à¸à¸‡à¸—à¹ˆà¸²à¸™ à¸ªà¸²à¸¡à¸²à¸£à¸–à¸¥à¹‡à¸à¸à¸à¸´à¸™à¹„à¸”à¹‰à¸ªà¸°à¸”à¸§à¸ à¸«à¸£à¸·à¸à¸ªà¸¡à¸±à¸„à¸£à¸ªà¸¡à¸²à¸Šà¸´à¸à¹„à¸”à¹‰à¸‡à¹ˆà¸²à¸¢à¹† à¹à¸¥à¹‰à¸§ à¸•à¸à¸™à¸™à¸µà¹‰à¸—à¸²à¸‡à¹€à¸§à¹‡à¸šà¹„à¸”à¹‰à¸—à¸³à¸à¸²à¸£à¸à¸±à¸žà¹€à¸”à¸—à¹ƒà¸«à¹‰à¸ªà¸²à¸¡à¸²à¸£à¸–à¹€à¸‚à¹‰à¸²à¹€à¸¥à¹ˆà¸™à¸œà¹ˆà¸²à¸™à¸¡à¸·à¸à¸–à¸·à¸à¹„à¸”à¹‰à¹€à¸£à¹‡à¸§à¸¡à¸²à¸à¸‚à¸¶à¹‰à¸™à¸à¸µà¸à¸”à¹‰à¸§à¸¢ à¸à¸µà¸à¸—à¸±à¹‰à¸‡à¸¢à¸±à¸‡à¹€à¸žà¸´à¹ˆà¸¡à¸šà¸£à¸´à¸à¸²à¸£à¹€à¸à¸¡à¸ªà¹Œà¸¡à¸²à¸à¸¡à¸²à¸¢à¹ƒà¸«à¹‰à¸—à¹ˆà¸²à¸™à¸¥à¸¹à¸à¸„à¹‰à¸²à¹„à¸”à¹‰
ykrishnas 2018/01/20
webdesign

html
ãƒªãƒ³ã‚¯
Khroma - The AI color tool for designers
A personalized algorithm By choosing a set of colors, you'll train a neural network powered algorithm to generate colors you like and block ones you donâ€™t, right in your browser. Creates infinite combos Khroma has learned from thousands of the most popular human-made palettes accross the internet to produce great combos which you can view as typography, gradient, palette, or custom image. Which yo
ykrishnas 2017/09/28
"Discover, search, & save color combinations."

tools

css

webdesign

design
ãƒªãƒ³ã‚¯
ColorSpace - Color Palettes Generator and Color Gradient Tool
Never waste Hours on finding the perfect Color Palette again!
ykrishnas 2017/09/25
tools

css

design

webdesign
ãƒªãƒ³ã‚¯
CSS Grid Layout Guide | CSS-Tricks
Our comprehensive guide to CSS grid, focusing on all the settings both for the grid parent container and the grid child elements. Brought to you by DigitalOcean DigitalOcean has the cloud computing services you need to support your growth at any stage. Get started with a free $200 credit! Introduction to CSS Grid CSS Grid Layout (aka â€œGridâ€ or â€œCSS Gridâ€), is a two-dimensional grid-based layout sy
ykrishnas 2017/06/09
css

webdesign
ãƒªãƒ³ã‚¯
Flex Cheatsheet
All text content belongs to W3C CSS Flexbox Specification, I only added interactive demos
ykrishnas 2017/06/09
webdesign

css
ãƒªãƒ³ã‚¯
Browser Bug Searcher
Sorry Browser Bug Searcher is no longer available.
ykrishnas 2017/06/08
"search for bugs across all the major browser vendors"

tools

webdesign
ãƒªãƒ³ã‚¯
Feather â€“ Simply beautiful open source icons
Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an em phasis on simplicity, consistency and readability.
ykrishnas 2017/06/05
License: MIT

webdesign
ãƒªãƒ³ã‚¯
a11y.cssâ€™ documentation | a11y.css
Introduction Pronounced "Alix". This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code. It can also be used to roughly evaluate a site's quality by simply including it as an external stylesheet. CSS files are available in French, English, Spanish, Greek, Arabic, Portuguese, Russian, Chinese and Polish â€” and leveled or full. How to use? Web Extension Eith
ykrishnas 2017/03/19
"This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code."

css

webdesign
ãƒªãƒ³ã‚¯
Fluid-responsive font-size calculator
Generated CSS: What are fluid-responsive fonts / fluid typography? Also known as: Responsive typography (excellent article), Flexible Type, Fluid Type, Viewport Sized Typography, Fluid Typography, and even Responsive Display Text. They all leverage the viewport width, and / or height, to smoothly scale the font-size rather than switch at specific breakpoints. Some versions address the whole page,
ykrishnas 2017/03/13
tools

css

webdesign
ãƒªãƒ³ã‚¯
CSS Border transitions
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more Â· Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
ykrishnas 2017/03/07
webdesign

css
ãƒªãƒ³ã‚¯
Free Gradients Collection by itmeo.com
Free for commercial or personal use by Dima Braven. WebGradientsÂ is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website. Easy copy CSS3 crossbrowser code and use it in a moment! We've also prepared a .PNG version of each gradient. As a bonus, there are packs forÂ SketchÂ &Â Photoshop.
ykrishnas 2017/02/16
"a free collection of 180 linear gradients"

webdesign

css
ãƒªãƒ³ã‚¯
ã‚ˆã“ä¸¦ã³ã®CSSã€‚
ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆãŒå„ªå‹¢ãªæ˜¨ä»Šã€è¦ç´ ã‚’ã‚ˆã“ä¸¦ã³ã«ã™ã‚‹æ©Ÿä¼šã¯æ¸›ã£ã¦ãã¦ã„ã‚‹ã®ã‹ã‚‚ã—ã‚Œãªã„ã‘ã‚Œã©ã€å¤§ãã„ç”»é¢ã§è¦‹ã‚‹ã‚µã‚¤ãƒˆã§ã¯ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚¿ãƒ–ã‚„ã€å•†å“ä¸€è¦§ãªã©ã€ã‚ˆã“ä¸¦ã³ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹æ©Ÿä¼šã¯ã¾ã ã¾ã ã‚ã‚‹ã‚“ã˜ã‚ƒãªã„ã§ã—ã‚‡ã†ã‹ã€‚ãã‚“ãªã€Œã‚ˆã“ä¸¦ã³ã«ã™ã‚‹ãŸã‚ã®CSSã€ã‚‚ã€ã‚„ã‚Šæ–¹ã¯ã•ã¾ã–ã¾ã€‚ãŠé¦´æŸ“ã¿ã®ã‚„ã¤ã‹ã‚‰ã€æ–°å‚è€…ã¾ã§ã€é †ç•ªã«è¦‹ã¦ã„ãã“ã¨ã«ã—ã¾ã™:)ã€‚ ã‚ˆã“ä¸¦ã³ï¼Ÿ ãã†ã€ã‚ˆã“ä¸¦ã³ã€‚ ä¾‹ãˆã°ãƒœã‚¿ãƒ³ã‚’æ¨ªä¸€åˆ—ã«ä¸¦ã¹ãŸã‚Šã€‚å•†å“ã®æƒ…å ±ãªã‚“ã‹ã ã¨ã€æ¨ªã«3ã¤ãšã¤ä¸¦ã¹ã¦æ”¹è¡Œã—ã¦ã€å¤šæ®µã«ä¸¦ã¹ã‚‹å ´åˆã‚‚ã‚ã‚Šã¾ã™ãã€‚åï¼ˆã²ã¨ãˆï¼‰ã«ã€Œã‚ˆã“ä¸¦ã³ã€ã¨è¨€ãˆã©ã€CSSã«ã¯ãã®ã‚„ã‚Šæ–¹ãŒãŸãã•ã‚“ã‚ã‚‹ã‚“ã§ã™:oã€‚ å°Žå…¥ ã“ã®è¨˜äº‹ã§ç´¹ä»‹ã™ã‚‹ã‚ˆã“ä¸¦ã³ã®æ–¹æ³•ã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ CSSã®æ´å²çš„ãªèƒŒæ™¯ã‹ã‚‰ã€æœ€åˆã¯floatãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ä½¿ã£ãŸæ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ floatï¼ˆãƒ•ãƒãƒ¼ãƒˆï¼‰ è¦ç´ ã‚’å·¦å³ã¸å¯„ã›ã‚‹ãŸã‚ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã€‚ å¾Œç¶šã™ã‚‹æ–‡ç« ï¼ˆãƒ†ã‚ã‚¹ãƒˆï¼‰ãªã©ã®ã‚¤ãƒ³ãƒ©
ykrishnas 2017/02/16
webdesign

css
ãƒªãƒ³ã‚¯
Lorem Picsum
Easy to use, stylish placeholders Just add your desired image size (width & height) after our URL, and you'll get a random image. https://picsum.photos/200/300 To get a square image, just add the size. https://picsum.photos/200 Specific Image Get a specific image by adding /id/{image} to the start of the url. https://picsum.photos/id/237/200/300 You can find a list of all the images here. Static R
ykrishnas 2017/02/16
"Beautiful placeholders using images from unsplash"

tools

webdesign
ãƒªãƒ³ã‚¯
Responsive fonts - auto-scaling the root font-size
Responsive fonts - auto-scaling the root font-size Using pure CSS the root font size scales up and down proportionately, between defined values, dependent upon the viewport width. Mike Foskett - 18-05-2020 (incept: 25th September 2016) Tool: Fluid-responsive font-size calculator 18th May 2020 A simple utility to easily calculate fluid-responsive property values (font-size) for embedding directly i
ykrishnas 2017/01/31
css

webdesign
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸