CSS3 Please! The Cross-Browser CSS3 Rule Generator
CSS3, please! This element will receive instant changes as you edit the CSS rules on the left. Enjoy! /* ------------------------------------------------------------- CSS3, Please! =================================================== Update: We recommend using Autoprefixer instead of CSS3Please. You can edit the underlined values in this css file, but don't worry about making sure the corresponding
フォント作æˆã«è©³ã—ããªãã¦ã‚‚大丈夫ã€è‡ªåˆ†å¥½ã¿ã®ãƒ•ã‚©ãƒ³ãƒˆãŒç°¡å˜ã«ä½œæˆã§ãã¦ã—ã¾ã†ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ス -metaflop
ã‚‚ã†å°‘ã—ç´°ã„フォントãŒæ¬²ã—ã„ã€æ¨ªç·šãŒçŸã‚ã®ãƒ•ã‚©ãƒ³ãƒˆãŒæ¬²ã—ã„ã€ã‚«ã‚¯ã‚«ã‚¯ã—ãŸãƒ•ã‚©ãƒ³ãƒˆãŒæ¬²ã—ã„ãªã©ã€è‡ªåˆ†ä»•æ§˜ã«ãƒ•ã‚©ãƒ³ãƒˆã‚’ç°¡å˜ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã€ãれをOpenTyepã¨TrueTypeã®ãƒ•ã‚©ãƒ³ãƒˆã¨ã—ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãるオンラインサービスを紹介ã—ã¾ã™ã€‚ 先日紹介ã—ãŸã€Œè‹±èªžã‚„日本語や絵文å—ãªã©ç´™ã«æ›¸ã„ãŸæ–‡å—ã‹ã‚‰ãƒ•ã‚©ãƒ³ãƒˆãŒã¤ãれるオンラインサービスã€ã¨ã¯ã¾ãŸé•ã£ãŸãƒ•ã‚©ãƒ³ãƒˆä½œæˆãƒ„ールã§ã€ã“ã†ã„ã†ã‚µãƒ¼ãƒ“スãŒå¢—ãˆã‚‹ã®ã¯å¬‰ã—ã„ã§ã™ã。
å‹•ãã®ã‚るボタンãŒç”Ÿæˆã§ãるジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã€ŒTransformicons〠| ライフãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ン
「Transformiconsã€ã¯å‹•ãã®ã‚るボタンãŒç”Ÿæˆã§ãるジェãƒãƒ¬ãƒ¼ã‚¿ã§ã™ã€‚クリックã™ã‚‹ã¨ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ä¸‰æœ¬ç·šãŒÃ—å°ã«ãªã£ãŸã‚Šã€ã¡ã‚‡ã£ã¨ã—ãŸç´°ã‹ã„動作をもã¤ã‚¢ã‚¤ã‚³ãƒ³ãŒä½œã‚Œã¾ã™ã€‚アイコンã¯CSS/SassãŠã‚ˆã³JavaScriptã§ç”Ÿæˆã•ã‚Œã¾ã™ã‚ˆã€‚ 以下ã«ä½¿ã£ã¦ã¿ãŸæ§˜åを載ã›ã¦ãŠãã¾ã™ã€‚ã¾ãšTransformiconsã¸ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã—ょã†ã€‚トップページã«ä¸¦ã‚“ã§ã„るアイコンをクリックã™ã‚‹ã¨ã€ã©ã‚“ãªå‹•ãã‚’ã™ã‚‹ã‹ç¢ºèªã§ãã¾ã™ã€‚ 「Builderã€ã‹ã‚‰ã€ä½œã‚ŠãŸã„アイコンをé¸æŠžã—ã¾ã™ã€‚ 「Buildã€ãƒœã‚¿ãƒ³ã‚’押ã™ã¨ã€HTML・CSS・JavaScriptãŒã‚»ãƒƒãƒˆã«ãªã£ã¦ä½œã‚‰ã‚Œã¾ã™ã€‚ã‚ã¨ã¯ã‚³ãƒ¼ãƒ‰ã‚’コピペã™ã‚Œã°å‹•ãã®ã‚るアイコンãŒä½¿ãˆã¾ã™ã‚ˆã€‚ãœã²ç´°ã‹ã„動作ã«ã‚‚ã“ã ã‚ã‚ŠãŸã„æ–¹ã¯æ´»ç”¨ã—ã¦ã¿ã¦ãã ã•ã„。 Transformicons （カメãã¡ï¼‰
ブラウザ上ã§ç°¡å˜ã«ã§ãã‚‹ï¼ã‚¤ãƒ³ãƒ•ã‚©ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚„プレゼンテーション用ã®é…力ã‚ã‚‹ç”»åƒãŒä½œæˆã§ãる無料サービス -Canva
インフォグラフィックやプレゼンテーション用ã®ç”»åƒã€å刺ã€ãƒ•ãƒ©ã‚¤ãƒ¤ãƒ¼ã€ãƒ–ãƒã‚°ç”¨ã®ç”»åƒã€ãƒãƒŠãƒ¼ã€Facebookã‚„Twitter用ã®ç”»åƒãªã©ã€é…力ã‚ã‚‹ç”»åƒãŒç°¡å˜ã«ä½œæˆã§ãã‚‹ç„¡æ–™ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“スを紹介ã—ã¾ã™ã€‚ 作æˆã—ãŸç”»åƒã¯å€‹äººã§ã‚‚商用ã§ã‚‚ã€Webã§ã‚‚ç´™ã§ã‚‚プãƒãƒ€ã‚¯ãƒˆã§ã‚‚利用ã§ãã¾ã™ã€‚ Canva ※ãƒã‚°ã‚¤ãƒ³ã—ãŸçŠ¶æ…‹ ç”»åƒä½œæˆç”¨ã®ç´ æã¯è±Šå¯Œã«ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ãŒã€è‡ªåˆ†ã§ä½œæˆã—ãŸã‚Šã€è‡ªå‰ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’アップãƒãƒ¼ãƒ‰ã—ã¦åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ※用æ„ã•ã‚Œã¦ã„ã‚‹ç´ æã®ä¸€éƒ¨ã¯æœ‰æ–™ã§ã™ã€‚ Canvaã®ã‚µã‚¤ãƒ³ã‚¢ãƒƒãƒ—方法 Canvaã®ä½¿ã„æ–¹ Canvaã§ä½œæˆã—ãŸç”»åƒã®ä¿å˜æ–¹æ³• インフォグラフィックやプレゼンテーション用ã®ãƒ†ãƒ³ãƒ—レート Canvaã®ã‚µã‚¤ãƒ³ã‚¢ãƒƒãƒ—方法 Canvaã¸ã®ã‚µã‚¤ãƒ³ã‚¢ãƒƒãƒ—ã¯ç„¡æ–™ã§ã€ç°¡å˜ã«ã§ãã¾ã™ã€‚ Facebookアカウント（ã¾ãŸã¯ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ï¼‰ã‚’用æ„ã—ã¦ã€ä¸‹è¨˜ãƒšãƒ¼ã‚¸ã¸ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã™ã€‚
テã‚ストをGoogleã®ãƒã‚´é¢¨ã«ã™ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ス -GoogleFont
GoogleFontã¯ã€å…¥åŠ›ã—ãŸãƒ†ã‚ストã‹ã‚‰ã€Googleã®ãƒã‚´é¢¨ç”»åƒã‚’生æˆã™ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“スã§ã™ã€‚ GoogleFont テã‚ストをGoogleã®ãƒã‚´é¢¨ã«ã™ã‚‹ã«ã¯ã€ãƒ•ã‚©ãƒ¼ãƒ ã«ãƒ†ã‚ストを入力ã—(英語ã®ã¿)ã€ã€ŒCreate logo!ã€ã‚’クリックã—ã¾ã™ã€‚ ç”»åƒã¯gifã§ç”Ÿæˆã•ã‚Œã€ç”Ÿæˆã™ã‚‹åº¦ã«è‰²ã®çµ„ã¿åˆã‚ã›ãŒå¤‰æ›´ã«ãªã‚Šã¾ã™ã€‚
オンラインã§ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒç°¡å˜ã«è¨è¨ˆã§ãã‚‹ -Plumb
Plumbã¯ã€Blueprint CSSを使用ã—ãŸã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ç°¡å˜ã«è¨è¨ˆã§ãるオンラインサービスã§ã™ã€‚ ã¾ãšã€1カラム30pxã€ãƒžãƒ¼ã‚¸ãƒ³10px上ã«ã€ã‚³ãƒ³ãƒ†ãƒŠã‚’è¨ç½®ã—ã¾ã™ã€‚ å„コンテナã¯ã€ãƒžã‚¦ã‚¹æ“作ã§ç§»å‹•ã‚„サイズ変更ãŒå¯èƒ½ã§ã™ã€‚ Plumb 「Recognize & testã€ã‚’クリックã™ã‚‹ã¨ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãƒ–ラウザ上ã§ã©ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã‹è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ é»’ã®å››è§’ã§ã€ç¸¦æ–¹å‘ã®å¯å¤‰ã‚’確èªã§ãã¾ã™ã€‚
Themeleon :: Twitter Profile Designer by COLOURlovers
Test tweet! Link example. @atreplyexample. This is where your first tweet will be! Don't worry, this will not appear on your timeline.
Bfxr. Make sound effects for your games.
About Bfxr Make sound effects for your games! Bfxr is an open-source tool based on drpetter's sfxr, written by your friendly neighbourhood increpare. Footsteppr is a port of obiwannabe's footstep generator, originally written in puredata. You can find out much more about where bfxr came from here. Keyboard Shortcuts SPACE/ENTER Play currently selected sound CTRL+O Open .bfxr/.bcol file from disk C
å¹…ã¨ã‚«ãƒ©ãƒ 数を指定ã—ã€æ•´æ•°å€¤ã®ã‚«ãƒ©ãƒ ã¨æºã®ã‚µã‚¤ã‚ºã‚’一覧表示ã™ã‚‹ã‚°ãƒªãƒƒãƒ‰ç”Ÿæˆãƒ„ール -Gridulator
Gridulator 使ã„æ–¹ã¯ç°¡å˜ã§ã™ã€‚ 「Overall Widthã€ã«å¹…ã®æ•°å€¤ã‚’入力ã—ã¾ã™ã€‚ 矢å°ã§æ•°å€¤ã‚’変更ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ 「# of Columnsã€ã«ã‚«ãƒ©ãƒ ã®æ•°ã‚’入力ã—ã¾ã™ã€‚ 整数値ã®ã‚«ãƒ©ãƒ ã¨æºãŒä¸€è¦§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ å·¦ã®ã€ŒPreviewã€ãƒœã‚¿ãƒ³ã‚’クリックã™ã‚‹ã¨ã€ã©ã®ã‚ˆã†ãªæ„Ÿã˜ã«ãªã‚‹ã®ã‹ç”»åƒã§è¡¨ç¤ºã•ã‚Œã¾ã™ï¼ˆä¸‹è¨˜ã‚ャプãƒãƒ£å‚照）。 グリッドを原寸サイズã§ã¿ã‚‹å ´åˆã¯ã€ã€ŒMake PNGã€ãƒœã‚¿ãƒ³ã‚’クリックã—ã¾ã™ã€‚ プレビューã¯è¤‡æ•°ã®ã‚‚ã®ã‚’åŒæ™‚ã«è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
QRコード(二次元ãƒãƒ¼ã‚³ãƒ¼ãƒ‰ï¼‰ä½œæˆã€ç„¡æ–™ã€‘
URL（ホームページã®ã‚¢ãƒ‰ãƒ¬ã‚¹ï¼‰ã®QRコード 「URL用QRã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ã”利用ã„ãŸã ãã¨ã€QRコードを作æˆã™ã‚‹ã¨åŒæ™‚ã«ãƒ›ãƒ¼ãƒ ページã®å®Ÿåœ¨ãƒã‚§ãƒƒã‚¯ã‚‚è¡Œã‚ã‚Œã¾ã™ã€‚ã“ã®ãŸã‚ã€URLã®å…¥åŠ›ãƒŸã‚¹ã«ã‚ˆã‚‹èª¤ã£ãŸQRコード作æˆã‚’防ãã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ メールアドレスã®QRコード 「メールQRã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ã”利用ã„ãŸã ãã¨ã€QRコードを作æˆã™ã‚‹ã¨åŒæ™‚ã«ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã®ä½“ç³»ãƒã‚§ãƒƒã‚¯ã¨ãƒ¡ãƒ¼ãƒ«ã‚µãƒ¼ãƒã®å®Ÿåœ¨ãƒã‚§ãƒƒã‚¯ã‚‚è¡Œã‚ã‚Œã¾ã™ã€‚ã“ã®ãŸã‚ã€ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹å…¥åŠ›ãƒŸã‚¹ã«ã‚ˆã‚‹èª¤ã£ãŸQRコード作æˆã‚’防ãã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ 地図ã®QRコード 「地図QRã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ã”利用ã„ãŸã ãã¨ã€å®Ÿéš›ã®åœ°å›³ã‚’見ãªãŒã‚‰åœ°å›³QRコードを作æˆã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚Googleマップãªã©ã®åœ°å›³ã‚µã‚¤ãƒˆã®æ“作ãŒè‹¦æ‰‹ãªæ–¹ã‚‚ç°¡å˜ã«åœ°å›³QRコードを作æˆã§ãã¾ã™ã€‚ GPSã®ç¾åœ¨åœ°ã‹ã‚‰ã‚‚地図ã®QRãŒä½œæˆã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ 作æˆã—ãŸQRコードã®ä¿å˜ 「作æˆæ¸ˆQRã€ãƒ¡ãƒ‹ãƒ¥
LDRãŒãªããªã‚‹ã¨ã®ã“ã¨ã§ä¿ºç”¨ãƒ•ã‚£ãƒ¼ãƒ‰ãƒªãƒ¼ãƒ€ãƒ¼ä½œã£ãŸ - mizchi's blog
2æ—¥ã§ä½œã£ãŸã€‚昨日ã‹ã‚‰ç„¡è·ãªã®ã§æ‰‹ãŒç©ºã„ã¦ãŸã®ã‚‚ã‚る。 ã“ã‚“ãªã® mizchi/my-feed-reader æ¦‚è¦ nodeã§ã‚¯ãƒãƒ¼ãƒ©100è¡Œã€ã‚µãƒ¼ãƒãƒ¼40è¡Œã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆ400è¡Œãらã„。テストã¯ãªã„。cssã‚‚ãªã„。 èªè¨¼ã¨ã‹ãªãã¦ã€ãƒãƒ¼ã‚«ãƒ«ã§å‹•ã‹ã™ã®å‰æ。LDRã®export.xml(opml)ã‚’èªã¿è¾¼ã‚€ã€‚詳ã—ãã¯READMEã§ã€‚ jksaã§ãƒ•ã‚£ãƒ¼ãƒ‰ã‚’移動ã™ã‚‹ã€‚sã§é£›ã°ã—ãŸæ™‚ã«æœªèªãƒ•ãƒ©ã‚°ã¤ã‘ã¦ã‚‹ã€‚oã§ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã§é–‹ã。 大事ãªã“ã¨ãªã‚“ã ã‘ã©ã€ãƒžã‚¦ã‚¹æ“作ã¯ä¸€åˆ‡å¯¾å¿œã—ã¦ãªã„。 データベースã¯ä½¿ã£ã¦ãªã„。サーãƒãƒ¼ã§ã‚¤ãƒ³ãƒ¡ãƒ¢ãƒªã§æŠ±ãˆã¦ã‚‹åˆ†ã ã‘é™ã£ã¦ãã¦ã€æ—¢èªç®¡ç†ã¯æœ€å¾Œã«èªã‚“ã フィードã®æ›´æ–°æ—¥æ™‚ã‚’localStorageã§æŒã£ã¦ã¦æ–°è¦ãƒ•ã‚£ãƒ¼ãƒ‰ã‚‚らã†ãŸã³ã«æ¯”較ã—ã¦ã‚‹ã€‚雑ãªè¨è¨ˆã€‚ 技術的ãªè©± Koa, React, Generatorã¨ã‹è‡ªåˆ†ãŒä½¿ã„ãŸã„技術をé©å½“ã«ä½¿ã£ãŸã€‚ Reactã§é›‘ã«ä½œã‚‹ã®
最çŸ1åˆ†ï¼ URLã«ã€Œgifã€ã¨æ›¸ã足ã™ã ã‘ã§YouTube動画をGIF化ã§ãるサービス「gifyoutubeã€ãŒã™ã£ã”ã„便利 | ãã¨ã‚‰ã¼
「YouTubeã®å‹•ç”»ã®ä¸€éƒ¨ã‚’GIFã«ã—ã¦è²¼ã‚Šä»˜ã‘ãŸã„ï¼ã€€ã§ã‚‚自分ã§ä½œã‚‹ã®ã£ã¦ã‘ã£ã“ã†é¢å€’ã€â€•â€•ã€‚ãã‚“ãªäººã®ãŸã‚ã«ã€1分程度ã®ä½œæ¥ã§YouTubeã®å‹•ç”»ã‹ã‚‰GIFアニメを作るã“ã¨ãŒã§ãる「gifyoutube（https://www.gifyoutube.com/）ã€ã¨ã„ã†ãƒ„ールãŒç™»å ´ã—ã¾ã—ãŸã€‚会員登録もソフトã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚一切ä¸è¦ã§ã€æ€ã„ã¤ã„ãŸã¨ãã«ãƒ‘パッã¨ä½¿ãˆã¾ã™ï¼ YouTubeã®å‹•ç”»ã‹ã‚‰ã€ãƒ–ラウザ上ã§ç°¡å˜ã«GIFå‹•ç”»ãŒä½œã‚Œã‚‹ã€Œgifyoutube〠使ã„æ–¹ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€ç°¡å˜ãªã®ã¯ã€GIF化ã—ãŸã„動画を開ã„ã¦ã€URLã®ã€Œhttps://www.youtube.comã€ã®éƒ¨åˆ†ã‚’「https://www.gifyoutube.comã€ã«å¤‰ãˆã‚‹ã ã‘。「youtubeã€ã®éƒ¨åˆ†ã«3æ–‡å—足ã—ã¦ã€Œgifyoutubeã€ã«ã™ã‚Œã°ã„ã„ã‚ã‘ã§ã™ã。 ã‚ã¨ã¯å‹•ç”»ã‚’確ã‹ã‚ãªãŒã‚‰é 出ã—ã™ã‚‹å ´æ‰€ã¨å‹•ç”»
YouTubeã®URLをコピペã™ã‚‹ã ã‘ã§GIFアニメãŒä½œã‚Œã‚‹ã€ŒGIF YouTubeã€
YouTubeã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã•ã‚Œã¦ã„るムービーã®URLを貼り付ã‘ã‚‹ã ã‘ã§1～10秒ã®GIFアニメ画åƒãŒã‚«ãƒ³ã‚¿ãƒ³ã«ä½œæˆã§ãるウェブサービスãŒã€ŒGIF YouTubeã€ã§ã™ã€‚ GIF YouTube | Make Animated GIFs from Youtube https://gifyoutube.com/ GIF YouTubeã§ä½œæˆã—ã¦ã¿ãŸGIFアニメãŒã“ã¡ã‚‰ã€‚YouTubeã®URLをコピペã—ãŸã ã‘ã§ã€ã‚ã¨ã¯ã»ã¨ã‚“ã©ä½•ã‚‚ã—ãªãã¦ã‚‚カンタンã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’作æˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚(ç”»åƒã‚¯ãƒªãƒƒã‚¯ã§GIFアニメå†ç”Ÿï¼šå®¹é‡1.48MB) GIFアニメã®ä½œã‚Šæ–¹ã¯ã”ãカンタン。ã¾ãšã¯ãƒˆãƒƒãƒ—ページã«GIFアニメ化ã—ãŸã„YouTubeã®URLをコピー＆ペーストã—ã€ã€ŒCREATE GIFã€ã‚’クリック。 ページãŒèªã¿è¾¼ã¾ã‚Œã¦ãƒ ービーã®å†ç”ŸãŒå§‹ã¾ã‚‹ã®ã§ã€GIFアニメã«ã—ãŸã„部分ã®æœ€åˆã¨æœ€å¾Œã‚’指定ã—ã¾ã™ã€‚å†ç”Ÿ
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Transform Icons: Revive, Upgrade, and Maintain Your Vehicle
Clippy — CSS clip-path maker
Material Palette - Material Design Color Palette Generator
Manugarri
オンラインãƒã‚´ä½œæˆï¼LOGASTER
Instacod.es
Site Under Maintenance
{{#tags}}- {{label}}
{{/tags}}